[{"data":1,"prerenderedAt":2850},["ShallowReactive",2],{"navigation_docs":3,"-components-loaders-motion-loader":1514,"-components-loaders-motion-loader-surround":2845},[4,28,35,1298,1321,1328,1483,1507],{"title":5,"path":6,"stem":7,"children":8,"icon":27},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,11,15,19,23],{"title":10,"path":6,"stem":7},"Introduction",{"title":12,"path":13,"stem":14},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation",{"title":16,"path":17,"stem":18},"Usage","\u002Fgetting-started\u002Fusage","1.getting-started\u002F3.usage",{"title":20,"path":21,"stem":22},"Theming","\u002Fgetting-started\u002Ftheming","1.getting-started\u002F4.theming",{"title":24,"path":25,"stem":26},"AI Agents","\u002Fgetting-started\u002Fai-agents","1.getting-started\u002F5.ai-agents","i-lucide-rocket",{"title":29,"path":30,"stem":31,"children":32,"icon":34},"Core Concepts","\u002Fcore-concepts","2.core-concepts\u002Findex",[33],{"title":29,"path":30,"stem":31},"i-lucide-lightbulb",{"title":36,"icon":37,"path":38,"stem":39,"children":40},"Components","i-lucide-component","\u002Fcomponents","3.components",[41,43,62,152,254,312,434,452,466,600,690,876,906,936,970,1004,1042,1268],{"title":36,"path":38,"stem":42},"3.components\u002Findex",{"title":44,"icon":45,"path":46,"stem":47,"children":48,"page":61},"3D","i-lucide-box","\u002Fcomponents\u002F3d","3.components\u002F3d",[49,53,57],{"title":50,"path":51,"stem":52},"3D Card","\u002Fcomponents\u002F3d\u002F3d-card","3.components\u002F3d\u002F3d-card",{"title":54,"path":55,"stem":56},"Book","\u002Fcomponents\u002F3d\u002Fbook","3.components\u002F3d\u002Fbook",{"title":58,"path":59,"stem":60},"Globe","\u002Fcomponents\u002F3d\u002Fglobe","3.components\u002F3d\u002Fglobe",false,{"title":63,"icon":64,"path":65,"stem":66,"children":67,"page":61},"AI","i-lucide-sparkles","\u002Fcomponents\u002Fai","3.components\u002Fai",[68,72,76,80,84,88,92,96,100,104,108,112,116,120,124,128,132,136,140,144,148],{"title":69,"path":70,"stem":71},"Agent Avatar","\u002Fcomponents\u002Fai\u002Fagent-avatar","3.components\u002Fai\u002Fagent-avatar",{"title":73,"path":74,"stem":75},"AI Approval","\u002Fcomponents\u002Fai\u002Fai-approval","3.components\u002Fai\u002Fai-approval",{"title":77,"path":78,"stem":79},"AI Artifact","\u002Fcomponents\u002Fai\u002Fai-artifact","3.components\u002Fai\u002Fai-artifact",{"title":81,"path":82,"stem":83},"AI Branch","\u002Fcomponents\u002Fai\u002Fai-branch","3.components\u002Fai\u002Fai-branch",{"title":85,"path":86,"stem":87},"AI Citation","\u002Fcomponents\u002Fai\u002Fai-citation","3.components\u002Fai\u002Fai-citation",{"title":89,"path":90,"stem":91},"AI Context Meter","\u002Fcomponents\u002Fai\u002Fai-context-meter","3.components\u002Fai\u002Fai-context-meter",{"title":93,"path":94,"stem":95},"AI Conversation","\u002Fcomponents\u002Fai\u002Fai-conversation","3.components\u002Fai\u002Fai-conversation",{"title":97,"path":98,"stem":99},"AI Diff","\u002Fcomponents\u002Fai\u002Fai-diff","3.components\u002Fai\u002Fai-diff",{"title":101,"path":102,"stem":103},"AI Message","\u002Fcomponents\u002Fai\u002Fai-message","3.components\u002Fai\u002Fai-message",{"title":105,"path":106,"stem":107},"AI Messages","\u002Fcomponents\u002Fai\u002Fai-messages","3.components\u002Fai\u002Fai-messages",{"title":109,"path":110,"stem":111},"AI Orb","\u002Fcomponents\u002Fai\u002Fai-orb","3.components\u002Fai\u002Fai-orb",{"title":113,"path":114,"stem":115},"AI Orb Face","\u002Fcomponents\u002Fai\u002Fai-orb-face","3.components\u002Fai\u002Fai-orb-face",{"title":117,"path":118,"stem":119},"AI Orb Face Mouth","\u002Fcomponents\u002Fai\u002Fai-orb-face-mouth","3.components\u002Fai\u002Fai-orb-face-mouth",{"title":121,"path":122,"stem":123},"AI Prompt Input","\u002Fcomponents\u002Fai\u002Fai-prompt-input","3.components\u002Fai\u002Fai-prompt-input",{"title":125,"path":126,"stem":127},"AI Reasoning","\u002Fcomponents\u002Fai\u002Fai-reasoning","3.components\u002Fai\u002Fai-reasoning",{"title":129,"path":130,"stem":131},"AI Response","\u002Fcomponents\u002Fai\u002Fai-response","3.components\u002Fai\u002Fai-response",{"title":133,"path":134,"stem":135},"AI Sources","\u002Fcomponents\u002Fai\u002Fai-sources","3.components\u002Fai\u002Fai-sources",{"title":137,"path":138,"stem":139},"AI Suggestions","\u002Fcomponents\u002Fai\u002Fai-suggestions","3.components\u002Fai\u002Fai-suggestions",{"title":141,"path":142,"stem":143},"AI Task List","\u002Fcomponents\u002Fai\u002Fai-task-list","3.components\u002Fai\u002Fai-task-list",{"title":145,"path":146,"stem":147},"AI Tool Call","\u002Fcomponents\u002Fai\u002Fai-tool-call","3.components\u002Fai\u002Fai-tool-call",{"title":149,"path":150,"stem":151},"Image Generation Panel","\u002Fcomponents\u002Fai\u002Fimage-generation-panel","3.components\u002Fai\u002Fimage-generation-panel",{"title":153,"icon":154,"path":155,"stem":156,"children":157,"page":61},"Backgrounds","i-lucide-layers","\u002Fcomponents\u002Fbackgrounds","3.components\u002Fbackgrounds",[158,162,166,170,174,178,182,186,190,194,198,202,206,210,214,218,222,226,230,234,238,242,246,250],{"title":159,"path":160,"stem":161},"Animated Background","\u002Fcomponents\u002Fbackgrounds\u002Fanimated-background","3.components\u002Fbackgrounds\u002Fanimated-background",{"title":163,"path":164,"stem":165},"Animated Grid Pattern","\u002Fcomponents\u002Fbackgrounds\u002Fanimated-grid-pattern","3.components\u002Fbackgrounds\u002Fanimated-grid-pattern",{"title":167,"path":168,"stem":169},"Animated Spotlight","\u002Fcomponents\u002Fbackgrounds\u002Fanimated-spotlight","3.components\u002Fbackgrounds\u002Fanimated-spotlight",{"title":171,"path":172,"stem":173},"Aurora Background","\u002Fcomponents\u002Fbackgrounds\u002Faurora-background","3.components\u002Fbackgrounds\u002Faurora-background",{"title":175,"path":176,"stem":177},"Aurora Curtain","\u002Fcomponents\u002Fbackgrounds\u002Faurora-curtain","3.components\u002Fbackgrounds\u002Faurora-curtain",{"title":179,"path":180,"stem":181},"Background Beams","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-beams","3.components\u002Fbackgrounds\u002Fbackground-beams",{"title":183,"path":184,"stem":185},"Background Gradient Animation","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-gradient-animation","3.components\u002Fbackgrounds\u002Fbackground-gradient-animation",{"title":187,"path":188,"stem":189},"Background Lines","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-lines","3.components\u002Fbackgrounds\u002Fbackground-lines",{"title":191,"path":192,"stem":193},"Background Ripple Effect","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-ripple-effect","3.components\u002Fbackgrounds\u002Fbackground-ripple-effect",{"title":195,"path":196,"stem":197},"Boxes Core","\u002Fcomponents\u002Fbackgrounds\u002Fboxes-core","3.components\u002Fbackgrounds\u002Fboxes-core",{"title":199,"path":200,"stem":201},"Directional Light","\u002Fcomponents\u002Fbackgrounds\u002Fdirectional-light","3.components\u002Fbackgrounds\u002Fdirectional-light",{"title":203,"path":204,"stem":205},"Dotted Glow Background","\u002Fcomponents\u002Fbackgrounds\u002Fdotted-glow-background","3.components\u002Fbackgrounds\u002Fdotted-glow-background",{"title":207,"path":208,"stem":209},"Flickering Grid","\u002Fcomponents\u002Fbackgrounds\u002Fflickering-grid","3.components\u002Fbackgrounds\u002Fflickering-grid",{"title":211,"path":212,"stem":213},"Interactive Grid Pattern","\u002Fcomponents\u002Fbackgrounds\u002Finteractive-grid-pattern","3.components\u002Fbackgrounds\u002Finteractive-grid-pattern",{"title":215,"path":216,"stem":217},"Lamp Container","\u002Fcomponents\u002Fbackgrounds\u002Flamp-container","3.components\u002Fbackgrounds\u002Flamp-container",{"title":219,"path":220,"stem":221},"Light Rays","\u002Fcomponents\u002Fbackgrounds\u002Flight-rays","3.components\u002Fbackgrounds\u002Flight-rays",{"title":223,"path":224,"stem":225},"Meteors","\u002Fcomponents\u002Fbackgrounds\u002Fmeteors","3.components\u002Fbackgrounds\u002Fmeteors",{"title":227,"path":228,"stem":229},"Particles","\u002Fcomponents\u002Fbackgrounds\u002Fparticles","3.components\u002Fbackgrounds\u002Fparticles",{"title":231,"path":232,"stem":233},"Retro Grid","\u002Fcomponents\u002Fbackgrounds\u002Fretro-grid","3.components\u002Fbackgrounds\u002Fretro-grid",{"title":235,"path":236,"stem":237},"Shooting Stars","\u002Fcomponents\u002Fbackgrounds\u002Fshooting-stars","3.components\u002Fbackgrounds\u002Fshooting-stars",{"title":239,"path":240,"stem":241},"Stars Background","\u002Fcomponents\u002Fbackgrounds\u002Fstars-background","3.components\u002Fbackgrounds\u002Fstars-background",{"title":243,"path":244,"stem":245},"Striped Pattern","\u002Fcomponents\u002Fbackgrounds\u002Fstriped-pattern","3.components\u002Fbackgrounds\u002Fstriped-pattern",{"title":247,"path":248,"stem":249},"Vortex","\u002Fcomponents\u002Fbackgrounds\u002Fvortex","3.components\u002Fbackgrounds\u002Fvortex",{"title":251,"path":252,"stem":253},"Warp Background","\u002Fcomponents\u002Fbackgrounds\u002Fwarp-background","3.components\u002Fbackgrounds\u002Fwarp-background",{"title":255,"icon":256,"path":257,"stem":258,"children":259,"page":61},"Buttons","i-lucide-mouse-pointer-click","\u002Fcomponents\u002Fbuttons","3.components\u002Fbuttons",[260,264,268,272,276,280,284,288,292,296,300,304,308],{"title":261,"path":262,"stem":263},"Button Copy","\u002Fcomponents\u002Fbuttons\u002Fbutton-copy","3.components\u002Fbuttons\u002Fbutton-copy",{"title":265,"path":266,"stem":267},"Clip Corners Button","\u002Fcomponents\u002Fbuttons\u002Fclip-corners-button","3.components\u002Fbuttons\u002Fclip-corners-button",{"title":269,"path":270,"stem":271},"Dot Morph Button","\u002Fcomponents\u002Fbuttons\u002Fdot-morph-button","3.components\u002Fbuttons\u002Fdot-morph-button",{"title":273,"path":274,"stem":275},"Interactive Hover Button","\u002Fcomponents\u002Fbuttons\u002Finteractive-hover-button","3.components\u002Fbuttons\u002Finteractive-hover-button",{"title":277,"path":278,"stem":279},"Magnetic Button","\u002Fcomponents\u002Fbuttons\u002Fmagnetic-button","3.components\u002Fbuttons\u002Fmagnetic-button",{"title":281,"path":282,"stem":283},"Music Toggle","\u002Fcomponents\u002Fbuttons\u002Fmusic-toggle","3.components\u002Fbuttons\u002Fmusic-toggle",{"title":285,"path":286,"stem":287},"Pulsating Button","\u002Fcomponents\u002Fbuttons\u002Fpulsating-button","3.components\u002Fbuttons\u002Fpulsating-button",{"title":289,"path":290,"stem":291},"Rainbow Button","\u002Fcomponents\u002Fbuttons\u002Frainbow-button","3.components\u002Fbuttons\u002Frainbow-button",{"title":293,"path":294,"stem":295},"Ripple Button","\u002Fcomponents\u002Fbuttons\u002Fripple-button","3.components\u002Fbuttons\u002Fripple-button",{"title":297,"path":298,"stem":299},"Shimmer Button","\u002Fcomponents\u002Fbuttons\u002Fshimmer-button","3.components\u002Fbuttons\u002Fshimmer-button",{"title":301,"path":302,"stem":303},"Shiny Button","\u002Fcomponents\u002Fbuttons\u002Fshiny-button","3.components\u002Fbuttons\u002Fshiny-button",{"title":305,"path":306,"stem":307},"Smooth Button","\u002Fcomponents\u002Fbuttons\u002Fsmooth-button","3.components\u002Fbuttons\u002Fsmooth-button",{"title":309,"path":310,"stem":311},"Theme Toggle","\u002Fcomponents\u002Fbuttons\u002Ftheme-toggle","3.components\u002Fbuttons\u002Ftheme-toggle",{"title":313,"icon":314,"path":315,"stem":316,"children":317,"page":61},"Cards","i-lucide-layout-panel-top","\u002Fcomponents\u002Fcards","3.components\u002Fcards",[318,322,326,330,334,338,342,346,350,354,358,362,366,370,374,378,382,386,390,394,398,402,406,410,414,418,422,426,430],{"title":319,"path":320,"stem":321},"App Download Stack","\u002Fcomponents\u002Fcards\u002Fapp-download-stack","3.components\u002Fcards\u002Fapp-download-stack",{"title":323,"path":324,"stem":325},"Apple Invites","\u002Fcomponents\u002Fcards\u002Fapple-invites","3.components\u002Fcards\u002Fapple-invites",{"title":327,"path":328,"stem":329},"Bento Grid","\u002Fcomponents\u002Fcards\u002Fbento-grid","3.components\u002Fcards\u002Fbento-grid",{"title":331,"path":332,"stem":333},"Stacked Cards","\u002Fcomponents\u002Fcards\u002Fcard-stack","3.components\u002Fcards\u002Fcard-stack",{"title":335,"path":336,"stem":337},"Card Swipe Deck","\u002Fcomponents\u002Fcards\u002Fcard-swipe-deck","3.components\u002Fcards\u002Fcard-swipe-deck",{"title":339,"path":340,"stem":341},"Draggable Card","\u002Fcomponents\u002Fcards\u002Fdraggable-card","3.components\u002Fcards\u002Fdraggable-card",{"title":343,"path":344,"stem":345},"Evervault Card","\u002Fcomponents\u002Fcards\u002Fever-vault-card","3.components\u002Fcards\u002Fever-vault-card",{"title":347,"path":348,"stem":349},"Expandable Cards","\u002Fcomponents\u002Fcards\u002Fexpandable-cards","3.components\u002Fcards\u002Fexpandable-cards",{"title":351,"path":352,"stem":353},"Figma Comment","\u002Fcomponents\u002Fcards\u002Ffigma-comment","3.components\u002Fcards\u002Ffigma-comment",{"title":355,"path":356,"stem":357},"Focus Cards","\u002Fcomponents\u002Fcards\u002Ffocus-cards","3.components\u002Fcards\u002Ffocus-cards",{"title":359,"path":360,"stem":361},"Glare Card","\u002Fcomponents\u002Fcards\u002Fglare-card","3.components\u002Fcards\u002Fglare-card",{"title":363,"path":364,"stem":365},"Glass Card","\u002Fcomponents\u002Fcards\u002Fglass-card","3.components\u002Fcards\u002Fglass-card",{"title":367,"path":368,"stem":369},"Glass Panel","\u002Fcomponents\u002Fcards\u002Fglass-panel","3.components\u002Fcards\u002Fglass-panel",{"title":371,"path":372,"stem":373},"Glow Hover Cards","\u002Fcomponents\u002Fcards\u002Fglow-hover-cards","3.components\u002Fcards\u002Fglow-hover-cards",{"title":375,"path":376,"stem":377},"Glowing Stars Card","\u002Fcomponents\u002Fcards\u002Fglowing-stars-card","3.components\u002Fcards\u002Fglowing-stars-card",{"title":379,"path":380,"stem":381},"Mac Terminal","\u002Fcomponents\u002Fcards\u002Fmac-terminal","3.components\u002Fcards\u002Fmac-terminal",{"title":383,"path":384,"stem":385},"Magic Card","\u002Fcomponents\u002Fcards\u002Fmagic-card","3.components\u002Fcards\u002Fmagic-card",{"title":387,"path":388,"stem":389},"Mail Card","\u002Fcomponents\u002Fcards\u002Fmail-card","3.components\u002Fcards\u002Fmail-card",{"title":391,"path":392,"stem":393},"Photo Stack","\u002Fcomponents\u002Fcards\u002Fphoto-stack","3.components\u002Fcards\u002Fphoto-stack",{"title":395,"path":396,"stem":397},"Price Flow","\u002Fcomponents\u002Fcards\u002Fprice-flow","3.components\u002Fcards\u002Fprice-flow",{"title":399,"path":400,"stem":401},"Product Card","\u002Fcomponents\u002Fcards\u002Fproduct-card","3.components\u002Fcards\u002Fproduct-card",{"title":403,"path":404,"stem":405},"Scrollable Card Stack","\u002Fcomponents\u002Fcards\u002Fscrollable-card-stack","3.components\u002Fcards\u002Fscrollable-card-stack",{"title":407,"path":408,"stem":409},"Shine Border","\u002Fcomponents\u002Fcards\u002Fshine-border","3.components\u002Fcards\u002Fshine-border",{"title":411,"path":412,"stem":413},"Social Hover Card","\u002Fcomponents\u002Fcards\u002Fsocial-hover-card","3.components\u002Fcards\u002Fsocial-hover-card",{"title":415,"path":416,"stem":417},"Switchboard Card","\u002Fcomponents\u002Fcards\u002Fswitchboard-card","3.components\u002Fcards\u002Fswitchboard-card",{"title":419,"path":420,"stem":421},"Tilt Card","\u002Fcomponents\u002Fcards\u002Ftilt-card","3.components\u002Fcards\u002Ftilt-card",{"title":423,"path":424,"stem":425},"Tweet Card","\u002Fcomponents\u002Fcards\u002Ftweet-card","3.components\u002Fcards\u002Ftweet-card",{"title":427,"path":428,"stem":429},"Wallet Card","\u002Fcomponents\u002Fcards\u002Fwallet-card","3.components\u002Fcards\u002Fwallet-card",{"title":431,"path":432,"stem":433},"Wobble Card","\u002Fcomponents\u002Fcards\u002Fwobble-card","3.components\u002Fcards\u002Fwobble-card",{"title":435,"icon":436,"path":437,"stem":438,"children":439,"page":61},"Carousels","i-lucide-gallery-horizontal-end","\u002Fcomponents\u002Fcarousels","3.components\u002Fcarousels",[440,444,448],{"title":441,"path":442,"stem":443},"Carousel","\u002Fcomponents\u002Fcarousels\u002Fcarousel","3.components\u002Fcarousels\u002Fcarousel",{"title":445,"path":446,"stem":447},"Coverflow Carousel","\u002Fcomponents\u002Fcarousels\u002Fcoverflow-carousel","3.components\u002Fcarousels\u002Fcoverflow-carousel",{"title":449,"path":450,"stem":451},"Reviews Carousel","\u002Fcomponents\u002Fcarousels\u002Freviews-carousel","3.components\u002Fcarousels\u002Freviews-carousel",{"title":453,"icon":454,"path":455,"stem":456,"children":457,"page":61},"Directional","i-lucide-move-3d","\u002Fcomponents\u002Fdirectional","3.components\u002Fdirectional",[458,462],{"title":459,"path":460,"stem":461},"Direction Aware Hover","\u002Fcomponents\u002Fdirectional\u002Fdirection-aware-hover","3.components\u002Fdirectional\u002Fdirection-aware-hover",{"title":463,"path":464,"stem":465},"Direction Aware Hover New","\u002Fcomponents\u002Fdirectional\u002Fdirection-aware-hover-new","3.components\u002Fdirectional\u002Fdirection-aware-hover-new",{"title":467,"icon":468,"path":469,"stem":470,"children":471,"page":61},"Visual Effects","i-lucide-wand-sparkles","\u002Fcomponents\u002Feffects","3.components\u002Feffects",[472,476,480,484,488,492,496,500,504,508,512,516,520,524,528,532,536,540,544,548,552,556,560,564,568,572,576,580,584,588,592,596],{"title":473,"path":474,"stem":475},"Animated Beam","\u002Fcomponents\u002Feffects\u002Fanimated-beam","3.components\u002Feffects\u002Fanimated-beam",{"title":477,"path":478,"stem":479},"Arcade Pixel","\u002Fcomponents\u002Feffects\u002Farcade-pixel","3.components\u002Feffects\u002Farcade-pixel",{"title":481,"path":482,"stem":483},"ASCII Render","\u002Fcomponents\u002Feffects\u002Fascii-render","3.components\u002Feffects\u002Fascii-render",{"title":485,"path":486,"stem":487},"Border Beam","\u002Fcomponents\u002Feffects\u002Fborder-beam","3.components\u002Feffects\u002Fborder-beam",{"title":489,"path":490,"stem":491},"Border Trail","\u002Fcomponents\u002Feffects\u002Fborder-trail","3.components\u002Feffects\u002Fborder-trail",{"title":493,"path":494,"stem":495},"Confetti","\u002Fcomponents\u002Feffects\u002Fconfetti","3.components\u002Feffects\u002Fconfetti",{"title":497,"path":498,"stem":499},"Dither Chart","\u002Fcomponents\u002Feffects\u002Fdither-chart","3.components\u002Feffects\u002Fdither-chart",{"title":501,"path":502,"stem":503},"Dither Image","\u002Fcomponents\u002Feffects\u002Fdither-image","3.components\u002Feffects\u002Fdither-image",{"title":505,"path":506,"stem":507},"Div Grid","\u002Fcomponents\u002Feffects\u002Fdiv-grid","3.components\u002Feffects\u002Fdiv-grid",{"title":509,"path":510,"stem":511},"Drawing Cursor","\u002Fcomponents\u002Feffects\u002Fdrawing-cursor","3.components\u002Feffects\u002Fdrawing-cursor",{"title":513,"path":514,"stem":515},"Emboss Surface","\u002Fcomponents\u002Feffects\u002Femboss-surface","3.components\u002Feffects\u002Femboss-surface",{"title":517,"path":518,"stem":519},"Brightness slider","\u002Fcomponents\u002Feffects\u002Fexposure-slider","3.components\u002Feffects\u002Fexposure-slider",{"title":521,"path":522,"stem":523},"Flowing Stroke","\u002Fcomponents\u002Feffects\u002Fflowing-stroke","3.components\u002Feffects\u002Fflowing-stroke",{"title":525,"path":526,"stem":527},"Glow Effect","\u002Fcomponents\u002Feffects\u002Fglow-effect","3.components\u002Feffects\u002Fglow-effect",{"title":529,"path":530,"stem":531},"Glowing Effect","\u002Fcomponents\u002Feffects\u002Fglowing-effect","3.components\u002Feffects\u002Fglowing-effect",{"title":533,"path":534,"stem":535},"Gooey Filter","\u002Fcomponents\u002Feffects\u002Fgooey-filter","3.components\u002Feffects\u002Fgooey-filter",{"title":537,"path":538,"stem":539},"Gravity Stars","\u002Fcomponents\u002Feffects\u002Fgravity-stars","3.components\u002Feffects\u002Fgravity-stars",{"title":541,"path":542,"stem":543},"Iridescent foil","\u002Fcomponents\u002Feffects\u002Fholographic-foil","3.components\u002Feffects\u002Fholographic-foil",{"title":545,"path":546,"stem":547},"Icon Cloud","\u002Fcomponents\u002Feffects\u002Ficon-cloud","3.components\u002Feffects\u002Ficon-cloud",{"title":549,"path":550,"stem":551},"Liquid Metal","\u002Fcomponents\u002Feffects\u002Fliquid-metal","3.components\u002Feffects\u002Fliquid-metal",{"title":553,"path":554,"stem":555},"Mask Container","\u002Fcomponents\u002Feffects\u002Fmask-container","3.components\u002Feffects\u002Fmask-container",{"title":557,"path":558,"stem":559},"Orbiting Circles","\u002Fcomponents\u002Feffects\u002Forbiting-circles","3.components\u002Feffects\u002Forbiting-circles",{"title":561,"path":562,"stem":563},"Depth layers","\u002Fcomponents\u002Feffects\u002Fparallax-layers","3.components\u002Feffects\u002Fparallax-layers",{"title":565,"path":566,"stem":567},"Pixel Flow Field","\u002Fcomponents\u002Feffects\u002Fpixel-flow-field","3.components\u002Feffects\u002Fpixel-flow-field",{"title":569,"path":570,"stem":571},"Pixelated Canvas","\u002Fcomponents\u002Feffects\u002Fpixelated-canvas","3.components\u002Feffects\u002Fpixelated-canvas",{"title":573,"path":574,"stem":575},"Progressive Blur","\u002Fcomponents\u002Feffects\u002Fprogressive-blur","3.components\u002Feffects\u002Fprogressive-blur",{"title":577,"path":578,"stem":579},"Siri Orb","\u002Fcomponents\u002Feffects\u002Fsiri-orb","3.components\u002Feffects\u002Fsiri-orb",{"title":581,"path":582,"stem":583},"Spotlight","\u002Fcomponents\u002Feffects\u002Fspotlight","3.components\u002Feffects\u002Fspotlight",{"title":585,"path":586,"stem":587},"Squircle","\u002Fcomponents\u002Feffects\u002Fsquircle","3.components\u002Feffects\u002Fsquircle",{"title":589,"path":590,"stem":591},"SVG Clip Mask","\u002Fcomponents\u002Feffects\u002Fsvg-clip-mask","3.components\u002Feffects\u002Fsvg-clip-mask",{"title":593,"path":594,"stem":595},"Tracing Beam","\u002Fcomponents\u002Feffects\u002Ftracing-beam","3.components\u002Feffects\u002Ftracing-beam",{"title":597,"path":598,"stem":599},"Video Ambient","\u002Fcomponents\u002Feffects\u002Fvideo-ambient","3.components\u002Feffects\u002Fvideo-ambient",{"title":601,"icon":602,"path":603,"stem":604,"children":605,"page":61},"Forms","i-lucide-text-cursor-input","\u002Fcomponents\u002Fforms","3.components\u002Fforms",[606,610,614,618,622,626,630,634,638,642,646,650,654,658,662,666,670,674,678,682,686],{"title":607,"path":608,"stem":609},"Animated File Upload","\u002Fcomponents\u002Fforms\u002Fanimated-file-upload","3.components\u002Fforms\u002Fanimated-file-upload",{"title":611,"path":612,"stem":613},"Animated Input","\u002Fcomponents\u002Fforms\u002Fanimated-input","3.components\u002Fforms\u002Fanimated-input",{"title":615,"path":616,"stem":617},"Animated Number Input","\u002Fcomponents\u002Fforms\u002Fanimated-number-input","3.components\u002Fforms\u002Fanimated-number-input",{"title":619,"path":620,"stem":621},"Animated OTP Input","\u002Fcomponents\u002Fforms\u002Fanimated-otp-input","3.components\u002Fforms\u002Fanimated-otp-input",{"title":623,"path":624,"stem":625},"Animated Progress Bar","\u002Fcomponents\u002Fforms\u002Fanimated-progress-bar","3.components\u002Fforms\u002Fanimated-progress-bar",{"title":627,"path":628,"stem":629},"Animated Stepper","\u002Fcomponents\u002Fforms\u002Fanimated-stepper","3.components\u002Fforms\u002Fanimated-stepper",{"title":631,"path":632,"stem":633},"Animated Tags","\u002Fcomponents\u002Fforms\u002Fanimated-tags","3.components\u002Fforms\u002Fanimated-tags",{"title":635,"path":636,"stem":637},"Animated Toggle","\u002Fcomponents\u002Fforms\u002Fanimated-toggle","3.components\u002Fforms\u002Fanimated-toggle",{"title":639,"path":640,"stem":641},"Auth Form","\u002Fcomponents\u002Fforms\u002Fauth-form","3.components\u002Fforms\u002Fauth-form",{"title":643,"path":644,"stem":645},"Checkbox","\u002Fcomponents\u002Fforms\u002Fcheckbox","3.components\u002Fforms\u002Fcheckbox",{"title":647,"path":648,"stem":649},"Country Picker","\u002Fcomponents\u002Fforms\u002Fcountry-picker","3.components\u002Fforms\u002Fcountry-picker",{"title":651,"path":652,"stem":653},"Digit Roll","\u002Fcomponents\u002Fforms\u002Fdigit-roll","3.components\u002Fforms\u002Fdigit-roll",{"title":655,"path":656,"stem":657},"Duration Picker","\u002Fcomponents\u002Fforms\u002Fduration-picker","3.components\u002Fforms\u002Fduration-picker",{"title":659,"path":660,"stem":661},"Favicon Search","\u002Fcomponents\u002Fforms\u002Ffavicon-search","3.components\u002Fforms\u002Ffavicon-search",{"title":663,"path":664,"stem":665},"Float Input","\u002Fcomponents\u002Fforms\u002Ffloat-input","3.components\u002Fforms\u002Ffloat-input",{"title":667,"path":668,"stem":669},"Form","\u002Fcomponents\u002Fforms\u002Fform","3.components\u002Fforms\u002Fform",{"title":671,"path":672,"stem":673},"Morph Toggle","\u002Fcomponents\u002Fforms\u002Fmorph-toggle","3.components\u002Fforms\u002Fmorph-toggle",{"title":675,"path":676,"stem":677},"Radio Group","\u002Fcomponents\u002Fforms\u002Fradio-group","3.components\u002Fforms\u002Fradio-group",{"title":679,"path":680,"stem":681},"Scrubber","\u002Fcomponents\u002Fforms\u002Fscrubber","3.components\u002Fforms\u002Fscrubber",{"title":683,"path":684,"stem":685},"Social Selector","\u002Fcomponents\u002Fforms\u002Fsocial-selector","3.components\u002Fforms\u002Fsocial-selector",{"title":687,"path":688,"stem":689},"Swap Panel","\u002Fcomponents\u002Fforms\u002Fswap-panel","3.components\u002Fforms\u002Fswap-panel",{"title":691,"icon":692,"path":693,"stem":694,"children":695,"page":61},"Interactive","i-lucide-hand","\u002Fcomponents\u002Finteractive","3.components\u002Finteractive",[696,700,704,708,712,716,720,724,728,732,736,740,744,748,752,756,760,764,768,772,776,780,784,788,792,796,800,804,808,812,816,820,824,828,832,836,840,844,848,852,856,860,864,868,872],{"title":697,"path":698,"stem":699},"Accordion","\u002Fcomponents\u002Finteractive\u002Faccordion","3.components\u002Finteractive\u002Faccordion",{"title":701,"path":702,"stem":703},"Motion dialog","\u002Fcomponents\u002Finteractive\u002Fanimated-dialog","3.components\u002Finteractive\u002Fanimated-dialog",{"title":705,"path":706,"stem":707},"Animated Tooltip","\u002Fcomponents\u002Finteractive\u002Fanimated-tooltip","3.components\u002Finteractive\u002Fanimated-tooltip",{"title":709,"path":710,"stem":711},"Basic Dropdown","\u002Fcomponents\u002Finteractive\u002Fbasic-dropdown","3.components\u002Finteractive\u002Fbasic-dropdown",{"title":713,"path":714,"stem":715},"Basic Toast","\u002Fcomponents\u002Finteractive\u002Fbasic-toast","3.components\u002Finteractive\u002Fbasic-toast",{"title":717,"path":718,"stem":719},"Code Block","\u002Fcomponents\u002Finteractive\u002Fcode-block","3.components\u002Finteractive\u002Fcode-block",{"title":721,"path":722,"stem":723},"Code Comparison","\u002Fcomponents\u002Finteractive\u002Fcode-comparison","3.components\u002Finteractive\u002Fcode-comparison",{"title":725,"path":726,"stem":727},"Contribution Graph","\u002Fcomponents\u002Finteractive\u002Fcontribution-graph","3.components\u002Finteractive\u002Fcontribution-graph",{"title":729,"path":730,"stem":731},"Cool Mode","\u002Fcomponents\u002Finteractive\u002Fcool-mode","3.components\u002Finteractive\u002Fcool-mode",{"title":733,"path":734,"stem":735},"Count Badge","\u002Fcomponents\u002Finteractive\u002Fcount-badge","3.components\u002Finteractive\u002Fcount-badge",{"title":737,"path":738,"stem":739},"Dock","\u002Fcomponents\u002Finteractive\u002Fdock","3.components\u002Finteractive\u002Fdock",{"title":741,"path":742,"stem":743},"Drag and Drop","\u002Fcomponents\u002Finteractive\u002Fdrag-and-drop","3.components\u002Finteractive\u002Fdrag-and-drop",{"title":745,"path":746,"stem":747},"Drawer","\u002Fcomponents\u002Finteractive\u002Fdrawer","3.components\u002Finteractive\u002Fdrawer",{"title":749,"path":750,"stem":751},"Dynamic Group","\u002Fcomponents\u002Finteractive\u002Fdynamic-group","3.components\u002Finteractive\u002Fdynamic-group",{"title":753,"path":754,"stem":755},"Dynamic Island","\u002Fcomponents\u002Finteractive\u002Fdynamic-island","3.components\u002Finteractive\u002Fdynamic-island",{"title":757,"path":758,"stem":759},"Emoji Reaction","\u002Fcomponents\u002Finteractive\u002Femoji-reaction","3.components\u002Finteractive\u002Femoji-reaction",{"title":761,"path":762,"stem":763},"Fluid Hover Highlight","\u002Fcomponents\u002Finteractive\u002Ffluid-hover-highlight","3.components\u002Finteractive\u002Ffluid-hover-highlight",{"title":765,"path":766,"stem":767},"Folder Reveal","\u002Fcomponents\u002Finteractive\u002Ffolder-reveal","3.components\u002Finteractive\u002Ffolder-reveal",{"title":769,"path":770,"stem":771},"GitHub Stars Animation","\u002Fcomponents\u002Finteractive\u002Fgithub-stars-animation","3.components\u002Finteractive\u002Fgithub-stars-animation",{"title":773,"path":774,"stem":775},"Hover Expand","\u002Fcomponents\u002Finteractive\u002Fhover-expand","3.components\u002Finteractive\u002Fhover-expand",{"title":777,"path":778,"stem":779},"Hover Image List","\u002Fcomponents\u002Finteractive\u002Fhover-image-list","3.components\u002Finteractive\u002Fhover-image-list",{"title":781,"path":782,"stem":783},"Image compare","\u002Fcomponents\u002Finteractive\u002Fimage-comparison","3.components\u002Finteractive\u002Fimage-comparison",{"title":785,"path":786,"stem":787},"Image Metadata Preview","\u002Fcomponents\u002Finteractive\u002Fimage-metadata-preview","3.components\u002Finteractive\u002Fimage-metadata-preview",{"title":789,"path":790,"stem":791},"Inline Testimonials","\u002Fcomponents\u002Finteractive\u002Finline-testimonials","3.components\u002Finteractive\u002Finline-testimonials",{"title":793,"path":794,"stem":795},"Interactive Image Selector","\u002Fcomponents\u002Finteractive\u002Finteractive-image-selector","3.components\u002Finteractive\u002Finteractive-image-selector",{"title":797,"path":798,"stem":799},"Job Listing","\u002Fcomponents\u002Finteractive\u002Fjob-listing","3.components\u002Finteractive\u002Fjob-listing",{"title":801,"path":802,"stem":803},"Lens","\u002Fcomponents\u002Finteractive\u002Flens","3.components\u002Finteractive\u002Flens",{"title":805,"path":806,"stem":807},"Morph Icon","\u002Fcomponents\u002Finteractive\u002Fmorph-icon","3.components\u002Finteractive\u002Fmorph-icon",{"title":809,"path":810,"stem":811},"Morph Surface","\u002Fcomponents\u002Finteractive\u002Fmorph-surface","3.components\u002Finteractive\u002Fmorph-surface",{"title":813,"path":814,"stem":815},"Shape-shift dialog","\u002Fcomponents\u002Finteractive\u002Fmorphing-dialog","3.components\u002Finteractive\u002Fmorphing-dialog",{"title":817,"path":818,"stem":819},"Shape-shift popover","\u002Fcomponents\u002Finteractive\u002Fmorphing-popover","3.components\u002Finteractive\u002Fmorphing-popover",{"title":821,"path":822,"stem":823},"Notification Badge","\u002Fcomponents\u002Finteractive\u002Fnotification-badge","3.components\u002Finteractive\u002Fnotification-badge",{"title":825,"path":826,"stem":827},"Orbital Image Wheel","\u002Fcomponents\u002Finteractive\u002Forbital-image-wheel","3.components\u002Finteractive\u002Forbital-image-wheel",{"title":829,"path":830,"stem":831},"Phototab","\u002Fcomponents\u002Finteractive\u002Fphototab","3.components\u002Finteractive\u002Fphototab",{"title":833,"path":834,"stem":835},"Pinned List","\u002Fcomponents\u002Finteractive\u002Fpinned-list","3.components\u002Finteractive\u002Fpinned-list",{"title":837,"path":838,"stem":839},"Pixel Brush Canvas","\u002Fcomponents\u002Finteractive\u002Fpixel-brush-canvas","3.components\u002Finteractive\u002Fpixel-brush-canvas",{"title":841,"path":842,"stem":843},"Power Off Slide","\u002Fcomponents\u002Finteractive\u002Fpower-off-slide","3.components\u002Finteractive\u002Fpower-off-slide",{"title":845,"path":846,"stem":847},"Rich Popover","\u002Fcomponents\u002Finteractive\u002Frich-popover","3.components\u002Finteractive\u002Frich-popover",{"title":849,"path":850,"stem":851},"Scratch to Reveal","\u002Fcomponents\u002Finteractive\u002Fscratch-to-reveal","3.components\u002Finteractive\u002Fscratch-to-reveal",{"title":853,"path":854,"stem":855},"Time Machine Stack","\u002Fcomponents\u002Finteractive\u002Ftime-machine-stack","3.components\u002Finteractive\u002Ftime-machine-stack",{"title":857,"path":858,"stem":859},"Unlock Face ID","\u002Fcomponents\u002Finteractive\u002Funlock-face-id","3.components\u002Finteractive\u002Funlock-face-id",{"title":861,"path":862,"stem":863},"User Account Avatar","\u002Fcomponents\u002Finteractive\u002Fuser-account-avatar","3.components\u002Finteractive\u002Fuser-account-avatar",{"title":865,"path":866,"stem":867},"Vector Editor Toolbar","\u002Fcomponents\u002Finteractive\u002Fvector-editor-toolbar","3.components\u002Finteractive\u002Fvector-editor-toolbar",{"title":869,"path":870,"stem":871},"Video Modal","\u002Fcomponents\u002Finteractive\u002Fvideo-modal","3.components\u002Finteractive\u002Fvideo-modal",{"title":873,"path":874,"stem":875},"Zoomable Image","\u002Fcomponents\u002Finteractive\u002Fzoomable-image","3.components\u002Finteractive\u002Fzoomable-image",{"title":877,"icon":878,"path":879,"stem":880,"children":881,"page":61},"Layout","i-lucide-layout-grid","\u002Fcomponents\u002Flayout","3.components\u002Flayout",[882,886,890,894,898,902],{"title":883,"path":884,"stem":885},"Android","\u002Fcomponents\u002Flayout\u002Fandroid","3.components\u002Flayout\u002Fandroid",{"title":887,"path":888,"stem":889},"Animated Group","\u002Fcomponents\u002Flayout\u002Fanimated-group","3.components\u002Flayout\u002Fanimated-group",{"title":891,"path":892,"stem":893},"Breakpoint Indicator","\u002Fcomponents\u002Flayout\u002Fbreakpoint-indicator","3.components\u002Flayout\u002Fbreakpoint-indicator",{"title":895,"path":896,"stem":897},"Collision","\u002Fcomponents\u002Flayout\u002Fcollision","3.components\u002Flayout\u002Fcollision",{"title":899,"path":900,"stem":901},"iPhone 15 Pro","\u002Fcomponents\u002Flayout\u002Fiphone-15-pro","3.components\u002Flayout\u002Fiphone-15-pro",{"title":903,"path":904,"stem":905},"Safari","\u002Fcomponents\u002Flayout\u002Fsafari","3.components\u002Flayout\u002Fsafari",{"title":907,"icon":908,"path":909,"stem":910,"children":911,"page":61},"Loaders & Progress","i-lucide-loader-circle","\u002Fcomponents\u002Floaders","3.components\u002Floaders",[912,916,920,924,928,932],{"title":913,"path":914,"stem":915},"AI Loader","\u002Fcomponents\u002Floaders\u002Fai-loader","3.components\u002Floaders\u002Fai-loader",{"title":917,"path":918,"stem":919},"Circular Progress","\u002Fcomponents\u002Floaders\u002Fcircular-progress","3.components\u002Floaders\u002Fcircular-progress",{"title":921,"path":922,"stem":923},"Content Skeleton","\u002Fcomponents\u002Floaders\u002Fcontent-skeleton","3.components\u002Floaders\u002Fcontent-skeleton",{"title":925,"path":926,"stem":927},"Grid Loader","\u002Fcomponents\u002Floaders\u002Fgrid-loader","3.components\u002Floaders\u002Fgrid-loader",{"title":929,"path":930,"stem":931},"Motion Loader","\u002Fcomponents\u002Floaders\u002Fmotion-loader","3.components\u002Floaders\u002Fmotion-loader",{"title":933,"path":934,"stem":935},"Page Preloader","\u002Fcomponents\u002Floaders\u002Fpage-preloader","3.components\u002Floaders\u002Fpage-preloader",{"title":937,"icon":938,"path":939,"stem":940,"children":941,"page":61},"Interaction & Movement","i-lucide-move","\u002Fcomponents\u002Fmovement","3.components\u002Fmovement",[942,946,950,954,958,962,966],{"title":943,"path":944,"stem":945},"Cursor","\u002Fcomponents\u002Fmovement\u002Fcursor","3.components\u002Fmovement\u002Fcursor",{"title":947,"path":948,"stem":949},"Cursor Follow","\u002Fcomponents\u002Fmovement\u002Fcursor-follow","3.components\u002Fmovement\u002Fcursor-follow",{"title":951,"path":952,"stem":953},"Cursor Image Trail","\u002Fcomponents\u002Fmovement\u002Fcursor-image-trail","3.components\u002Fmovement\u002Fcursor-image-trail",{"title":955,"path":956,"stem":957},"Force Dot","\u002Fcomponents\u002Fmovement\u002Fforce-dot","3.components\u002Fmovement\u002Fforce-dot",{"title":959,"path":960,"stem":961},"Magnetic","\u002Fcomponents\u002Fmovement\u002Fmagnetic","3.components\u002Fmovement\u002Fmagnetic",{"title":963,"path":964,"stem":965},"Magnetic Field","\u002Fcomponents\u002Fmovement\u002Fmagnetic-field","3.components\u002Fmovement\u002Fmagnetic-field",{"title":967,"path":968,"stem":969},"Tilt","\u002Fcomponents\u002Fmovement\u002Ftilt","3.components\u002Fmovement\u002Ftilt",{"title":971,"icon":972,"path":973,"stem":974,"children":975,"page":61},"Navigation & Toolbars","i-lucide-menu","\u002Fcomponents\u002Fnavigation","3.components\u002Fnavigation",[976,980,984,988,992,996,1000],{"title":977,"path":978,"stem":979},"Breadcrumb","\u002Fcomponents\u002Fnavigation\u002Fbreadcrumb","3.components\u002Fnavigation\u002Fbreadcrumb",{"title":981,"path":982,"stem":983},"Expandable Navbar","\u002Fcomponents\u002Fnavigation\u002Fexpandable-navbar","3.components\u002Fnavigation\u002Fexpandable-navbar",{"title":985,"path":986,"stem":987},"File Tree","\u002Fcomponents\u002Fnavigation\u002Ffile-tree","3.components\u002Fnavigation\u002Ffile-tree",{"title":989,"path":990,"stem":991},"Floating Navbar","\u002Fcomponents\u002Fnavigation\u002Ffloating-navbar","3.components\u002Fnavigation\u002Ffloating-navbar",{"title":993,"path":994,"stem":995},"Pagination","\u002Fcomponents\u002Fnavigation\u002Fpagination","3.components\u002Fnavigation\u002Fpagination",{"title":997,"path":998,"stem":999},"Toolbar adaptive","\u002Fcomponents\u002Fnavigation\u002Ftoolbar-dynamic","3.components\u002Fnavigation\u002Ftoolbar-dynamic",{"title":1001,"path":1002,"stem":1003},"Toolbar collapsible","\u002Fcomponents\u002Fnavigation\u002Ftoolbar-expandable","3.components\u002Fnavigation\u002Ftoolbar-expandable",{"title":1005,"icon":1006,"path":1007,"stem":1008,"children":1009,"page":61},"Scroll & Viewport","i-lucide-scroll-text","\u002Fcomponents\u002Fscroll","3.components\u002Fscroll",[1010,1014,1018,1022,1026,1030,1034,1038],{"title":1011,"path":1012,"stem":1013},"In View","\u002Fcomponents\u002Fscroll\u002Fin-view","3.components\u002Fscroll\u002Fin-view",{"title":1015,"path":1016,"stem":1017},"Infinite Slider","\u002Fcomponents\u002Fscroll\u002Finfinite-slider","3.components\u002Fscroll\u002Finfinite-slider",{"title":1019,"path":1020,"stem":1021},"Kinetic Type Scroll","\u002Fcomponents\u002Fscroll\u002Fkinetic-type-scroll","3.components\u002Fscroll\u002Fkinetic-type-scroll",{"title":1023,"path":1024,"stem":1025},"Marquee","\u002Fcomponents\u002Fscroll\u002Fmarquee","3.components\u002Fscroll\u002Fmarquee",{"title":1027,"path":1028,"stem":1029},"Scroll Image Reveal","\u002Fcomponents\u002Fscroll\u002Fscroll-image-reveal","3.components\u002Fscroll\u002Fscroll-image-reveal",{"title":1031,"path":1032,"stem":1033},"Scroll Progress","\u002Fcomponents\u002Fscroll\u002Fscroll-progress","3.components\u002Fscroll\u002Fscroll-progress",{"title":1035,"path":1036,"stem":1037},"Scroll Velocity","\u002Fcomponents\u002Fscroll\u002Fscroll-velocity","3.components\u002Fscroll\u002Fscroll-velocity",{"title":1039,"path":1040,"stem":1041},"Svg Draw On Scroll","\u002Fcomponents\u002Fscroll\u002Fsvg-draw-on-scroll","3.components\u002Fscroll\u002Fsvg-draw-on-scroll",{"title":1043,"icon":1044,"path":1045,"stem":1046,"children":1047,"page":61},"Text & Numbers","i-lucide-type","\u002Fcomponents\u002Ftext","3.components\u002Ftext",[1048,1052,1056,1060,1064,1068,1072,1076,1080,1084,1088,1092,1096,1100,1104,1108,1112,1116,1120,1124,1128,1132,1136,1140,1144,1148,1152,1156,1160,1164,1168,1172,1176,1180,1184,1188,1192,1196,1200,1204,1208,1212,1216,1220,1224,1228,1232,1236,1240,1244,1248,1252,1256,1260,1264],{"title":1049,"path":1050,"stem":1051},"Animated Avatar Group","\u002Fcomponents\u002Ftext\u002Fanimated-avatar-group","3.components\u002Ftext\u002Fanimated-avatar-group",{"title":1053,"path":1054,"stem":1055},"Animated List","\u002Fcomponents\u002Ftext\u002Fanimated-list","3.components\u002Ftext\u002Fanimated-list",{"title":1057,"path":1058,"stem":1059},"Animated Number","\u002Fcomponents\u002Ftext\u002Fanimated-number","3.components\u002Ftext\u002Fanimated-number",{"title":1061,"path":1062,"stem":1063},"Blur Out Up","\u002Fcomponents\u002Ftext\u002Fblur-out-up","3.components\u002Ftext\u002Fblur-out-up",{"title":1065,"path":1066,"stem":1067},"Bottom Up Letters","\u002Fcomponents\u002Ftext\u002Fbottom-up-letters","3.components\u002Ftext\u002Fbottom-up-letters",{"title":1069,"path":1070,"stem":1071},"Comic Text","\u002Fcomponents\u002Ftext\u002Fcomic-text","3.components\u002Ftext\u002Fcomic-text",{"title":1073,"path":1074,"stem":1075},"Counting Number","\u002Fcomponents\u002Ftext\u002Fcounting-number","3.components\u002Ftext\u002Fcounting-number",{"title":1077,"path":1078,"stem":1079},"Depth Parallax Words","\u002Fcomponents\u002Ftext\u002Fdepth-parallax-words","3.components\u002Ftext\u002Fdepth-parallax-words",{"title":1081,"path":1082,"stem":1083},"Fade Through","\u002Fcomponents\u002Ftext\u002Ffade-through","3.components\u002Ftext\u002Ffade-through",{"title":1085,"path":1086,"stem":1087},"Focus Blur Resolve","\u002Fcomponents\u002Ftext\u002Ffocus-blur-resolve","3.components\u002Ftext\u002Ffocus-blur-resolve",{"title":1089,"path":1090,"stem":1091},"Gravity Letters","\u002Fcomponents\u002Ftext\u002Fgravity-letters","3.components\u002Ftext\u002Fgravity-letters",{"title":1093,"path":1094,"stem":1095},"Kinetic Center Build","\u002Fcomponents\u002Ftext\u002Fkinetic-center-build","3.components\u002Ftext\u002Fkinetic-center-build",{"title":1097,"path":1098,"stem":1099},"Line By Line Slide","\u002Fcomponents\u002Ftext\u002Fline-by-line-slide","3.components\u002Ftext\u002Fline-by-line-slide",{"title":1101,"path":1102,"stem":1103},"Mask Reveal Up","\u002Fcomponents\u002Ftext\u002Fmask-reveal-up","3.components\u002Ftext\u002Fmask-reveal-up",{"title":1105,"path":1106,"stem":1107},"Micro Scale Fade","\u002Fcomponents\u002Ftext\u002Fmicro-scale-fade","3.components\u002Ftext\u002Fmicro-scale-fade",{"title":1109,"path":1110,"stem":1111},"Number Flow","\u002Fcomponents\u002Ftext\u002Fnumber-flow","3.components\u002Ftext\u002Fnumber-flow",{"title":1113,"path":1114,"stem":1115},"Per Character Rise","\u002Fcomponents\u002Ftext\u002Fper-character-rise","3.components\u002Ftext\u002Fper-character-rise",{"title":1117,"path":1118,"stem":1119},"Per Word Crossfade","\u002Fcomponents\u002Ftext\u002Fper-word-crossfade","3.components\u002Ftext\u002Fper-word-crossfade",{"title":1121,"path":1122,"stem":1123},"Perspective Text 3D","\u002Fcomponents\u002Ftext\u002Fperspective-text-3d","3.components\u002Ftext\u002Fperspective-text-3d",{"title":1125,"path":1126,"stem":1127},"Ransom Note","\u002Fcomponents\u002Ftext\u002Fransom-note","3.components\u002Ftext\u002Fransom-note",{"title":1129,"path":1130,"stem":1131},"Rolling Text","\u002Fcomponents\u002Ftext\u002Frolling-text","3.components\u002Ftext\u002Frolling-text",{"title":1133,"path":1134,"stem":1135},"Scale Down Fade","\u002Fcomponents\u002Ftext\u002Fscale-down-fade","3.components\u002Ftext\u002Fscale-down-fade",{"title":1137,"path":1138,"stem":1139},"Scroll Reveal Paragraph","\u002Fcomponents\u002Ftext\u002Fscroll-reveal-paragraph","3.components\u002Ftext\u002Fscroll-reveal-paragraph",{"title":1141,"path":1142,"stem":1143},"Shared Axis","\u002Fcomponents\u002Ftext\u002Fshared-axis","3.components\u002Ftext\u002Fshared-axis",{"title":1145,"path":1146,"stem":1147},"Shimmer Sweep","\u002Fcomponents\u002Ftext\u002Fshimmer-sweep","3.components\u002Ftext\u002Fshimmer-sweep",{"title":1149,"path":1150,"stem":1151},"Shine Text","\u002Fcomponents\u002Ftext\u002Fshine-text","3.components\u002Ftext\u002Fshine-text",{"title":1153,"path":1154,"stem":1155},"Short Lower in","\u002Fcomponents\u002Ftext\u002Fshort-slide-down","3.components\u002Ftext\u002Fshort-slide-down",{"title":1157,"path":1158,"stem":1159},"Short Slide Right","\u002Fcomponents\u002Ftext\u002Fshort-slide-right","3.components\u002Ftext\u002Fshort-slide-right",{"title":1161,"path":1162,"stem":1163},"Sliding Number","\u002Fcomponents\u002Ftext\u002Fsliding-number","3.components\u002Ftext\u002Fsliding-number",{"title":1165,"path":1166,"stem":1167},"Soft Blur In","\u002Fcomponents\u002Ftext\u002Fsoft-blur-in","3.components\u002Ftext\u002Fsoft-blur-in",{"title":1169,"path":1170,"stem":1171},"Sparkles Text","\u002Fcomponents\u002Ftext\u002Fsparkles-text","3.components\u002Ftext\u002Fsparkles-text",{"title":1173,"path":1174,"stem":1175},"Spinning Text","\u002Fcomponents\u002Ftext\u002Fspinning-text","3.components\u002Ftext\u002Fspinning-text",{"title":1177,"path":1178,"stem":1179},"Spring Scale In","\u002Fcomponents\u002Ftext\u002Fspring-scale-in","3.components\u002Ftext\u002Fspring-scale-in",{"title":1181,"path":1182,"stem":1183},"Stagger From Center","\u002Fcomponents\u002Ftext\u002Fstagger-from-center","3.components\u002Ftext\u002Fstagger-from-center",{"title":1185,"path":1186,"stem":1187},"Stagger From Edges","\u002Fcomponents\u002Ftext\u002Fstagger-from-edges","3.components\u002Ftext\u002Fstagger-from-edges",{"title":1189,"path":1190,"stem":1191},"Text Animate","\u002Fcomponents\u002Ftext\u002Ftext-animate","3.components\u002Ftext\u002Ftext-animate",{"title":1193,"path":1194,"stem":1195},"Text motion","\u002Fcomponents\u002Ftext\u002Ftext-effect","3.components\u002Ftext\u002Ftext-effect",{"title":1197,"path":1198,"stem":1199},"Text Glitch","\u002Fcomponents\u002Ftext\u002Ftext-glitch","3.components\u002Ftext\u002Ftext-glitch",{"title":1201,"path":1202,"stem":1203},"Text Glitch New","\u002Fcomponents\u002Ftext\u002Ftext-glitch-new","3.components\u002Ftext\u002Ftext-glitch-new",{"title":1205,"path":1206,"stem":1207},"Text Gradient","\u002Fcomponents\u002Ftext\u002Ftext-gradient","3.components\u002Ftext\u002Ftext-gradient",{"title":1209,"path":1210,"stem":1211},"Text Highlighter","\u002Fcomponents\u002Ftext\u002Ftext-highlighter","3.components\u002Ftext\u002Ftext-highlighter",{"title":1213,"path":1214,"stem":1215},"Text Loop","\u002Fcomponents\u002Ftext\u002Ftext-loop","3.components\u002Ftext\u002Ftext-loop",{"title":1217,"path":1218,"stem":1219},"Text Morph","\u002Fcomponents\u002Ftext\u002Ftext-morph","3.components\u002Ftext\u002Ftext-morph",{"title":1221,"path":1222,"stem":1223},"Text Reveal","\u002Fcomponents\u002Ftext\u002Ftext-reveal","3.components\u002Ftext\u002Ftext-reveal",{"title":1225,"path":1226,"stem":1227},"Text Roll","\u002Fcomponents\u002Ftext\u002Ftext-roll","3.components\u002Ftext\u002Ftext-roll",{"title":1229,"path":1230,"stem":1231},"Text Scramble","\u002Fcomponents\u002Ftext\u002Ftext-scramble","3.components\u002Ftext\u002Ftext-scramble",{"title":1233,"path":1234,"stem":1235},"Text Shimmer","\u002Fcomponents\u002Ftext\u002Ftext-shimmer","3.components\u002Ftext\u002Ftext-shimmer",{"title":1237,"path":1238,"stem":1239},"Text Shimmer Wave","\u002Fcomponents\u002Ftext\u002Ftext-shimmer-wave","3.components\u002Ftext\u002Ftext-shimmer-wave",{"title":1241,"path":1242,"stem":1243},"Top Down Letters","\u002Fcomponents\u002Ftext\u002Ftop-down-letters","3.components\u002Ftext\u002Ftop-down-letters",{"title":1245,"path":1246,"stem":1247},"True Focus","\u002Fcomponents\u002Ftext\u002Ftrue-focus","3.components\u002Ftext\u002Ftrue-focus",{"title":1249,"path":1250,"stem":1251},"Typing Text","\u002Fcomponents\u002Ftext\u002Ftyping-text","3.components\u002Ftext\u002Ftyping-text",{"title":1253,"path":1254,"stem":1255},"Variable Proximity","\u002Fcomponents\u002Ftext\u002Fvariable-proximity","3.components\u002Ftext\u002Fvariable-proximity",{"title":1257,"path":1258,"stem":1259},"Video Text","\u002Fcomponents\u002Ftext\u002Fvideo-text","3.components\u002Ftext\u002Fvideo-text",{"title":1261,"path":1262,"stem":1263},"Wave Text","\u002Fcomponents\u002Ftext\u002Fwave-text","3.components\u002Ftext\u002Fwave-text",{"title":1265,"path":1266,"stem":1267},"Word Rotate","\u002Fcomponents\u002Ftext\u002Fword-rotate","3.components\u002Ftext\u002Fword-rotate",{"title":1269,"icon":1270,"path":1271,"stem":1272,"children":1273,"page":61},"Transitions","i-lucide-git-compare","\u002Fcomponents\u002Ftransitions","3.components\u002Ftransitions",[1274,1278,1282,1286,1290,1294],{"title":1275,"path":1276,"stem":1277},"Aperture Blur Transition","\u002Fcomponents\u002Ftransitions\u002Faperture-blur-transition","3.components\u002Ftransitions\u002Faperture-blur-transition",{"title":1279,"path":1280,"stem":1281},"Chroma Blur Transition","\u002Fcomponents\u002Ftransitions\u002Fchroma-blur-transition","3.components\u002Ftransitions\u002Fchroma-blur-transition",{"title":1283,"path":1284,"stem":1285},"Prism Sweep Transition","\u002Fcomponents\u002Ftransitions\u002Fprism-sweep-transition","3.components\u002Ftransitions\u002Fprism-sweep-transition",{"title":1287,"path":1288,"stem":1289},"SDF Blob Transition","\u002Fcomponents\u002Ftransitions\u002Fsdf-blob-transition","3.components\u002Ftransitions\u002Fsdf-blob-transition",{"title":1291,"path":1292,"stem":1293},"Shader Reveal Transition","\u002Fcomponents\u002Ftransitions\u002Fshader-reveal-transition","3.components\u002Ftransitions\u002Fshader-reveal-transition",{"title":1295,"path":1296,"stem":1297},"Transition Panel","\u002Fcomponents\u002Ftransitions\u002Ftransition-panel","3.components\u002Ftransitions\u002Ftransition-panel",{"title":1299,"path":1300,"stem":1301,"children":1302,"icon":1320},"Composables","\u002Fcomposables","4.composables\u002Findex",[1303,1304,1308,1312,1316],{"title":1299,"path":1300,"stem":1301},{"title":1305,"path":1306,"stem":1307},"useCanvasCursor","\u002Fcomposables\u002Fuse-canvas-cursor","4.composables\u002Fuse-canvas-cursor",{"title":1309,"path":1310,"stem":1311},"useFluidCursor","\u002Fcomposables\u002Fuse-fluid-cursor","4.composables\u002Fuse-fluid-cursor",{"title":1313,"path":1314,"stem":1315},"useMotionBlockUI","\u002Fcomposables\u002Fuse-motion-block-ui","4.composables\u002Fuse-motion-block-ui",{"title":1317,"path":1318,"stem":1319},"useThemeColor","\u002Fcomposables\u002Fuse-theme-color","4.composables\u002Fuse-theme-color","i-lucide-puzzle",{"title":1322,"path":1323,"stem":1324,"children":1325,"icon":1327},"Guides","\u002Fguides","5.guides\u002Findex",[1326],{"title":1322,"path":1323,"stem":1324},"i-lucide-book-open",{"title":1329,"icon":1330,"path":1331,"stem":1332,"children":1333},"Blocks","i-lucide-blocks","\u002Fblocks","6.blocks",[1334,1336,1349,1358,1371,1384,1400,1413,1422,1431,1444,1453,1466,1475],{"title":1329,"path":1331,"stem":1335},"6.blocks\u002Findex",{"title":1337,"path":1338,"stem":1339,"children":1340,"page":61},"Blog","\u002Fblocks\u002Fblog","6.blocks\u002Fblog",[1341,1345],{"title":1342,"path":1343,"stem":1344},"Article Page","\u002Fblocks\u002Fblog\u002Farticle-page","6.blocks\u002Fblog\u002Farticle-page",{"title":1346,"path":1347,"stem":1348},"Blog Listing","\u002Fblocks\u002Fblog\u002Fblog-listing","6.blocks\u002Fblog\u002Fblog-listing",{"title":1350,"path":1351,"stem":1352,"children":1353,"page":61},"Cta","\u002Fblocks\u002Fcta","6.blocks\u002Fcta",[1354],{"title":1355,"path":1356,"stem":1357},"Centered CTA","\u002Fblocks\u002Fcta\u002Fcentered-cta","6.blocks\u002Fcta\u002Fcentered-cta",{"title":1359,"path":1360,"stem":1361,"children":1362,"page":61},"Dashboard Components","\u002Fblocks\u002Fdashboard-components","6.blocks\u002Fdashboard-components",[1363,1367],{"title":1364,"path":1365,"stem":1366},"Analytics Dashboard","\u002Fblocks\u002Fdashboard-components\u002Fanalytics-dashboard","6.blocks\u002Fdashboard-components\u002Fanalytics-dashboard",{"title":1368,"path":1369,"stem":1370},"User Management Table","\u002Fblocks\u002Fdashboard-components\u002Fuser-management","6.blocks\u002Fdashboard-components\u002Fuser-management",{"title":1372,"path":1373,"stem":1374,"children":1375,"page":61},"E Commerce","\u002Fblocks\u002Fe-commerce","6.blocks\u002Fe-commerce",[1376,1380],{"title":1377,"path":1378,"stem":1379},"Product Grid","\u002Fblocks\u002Fe-commerce\u002Fproduct-grid","6.blocks\u002Fe-commerce\u002Fproduct-grid",{"title":1381,"path":1382,"stem":1383},"Shopping Cart","\u002Fblocks\u002Fe-commerce\u002Fshopping-cart","6.blocks\u002Fe-commerce\u002Fshopping-cart",{"title":1385,"path":1386,"stem":1387,"children":1388,"page":61},"Featured Components","\u002Fblocks\u002Ffeatured-components","6.blocks\u002Ffeatured-components",[1389,1393,1396],{"title":1390,"path":1391,"stem":1392},"Animated Gradient","\u002Fblocks\u002Ffeatured-components\u002Fanimated-gradient","6.blocks\u002Ffeatured-components\u002Fanimated-gradient",{"title":167,"path":1394,"stem":1395},"\u002Fblocks\u002Ffeatured-components\u002Fanimated-spotlight","6.blocks\u002Ffeatured-components\u002Fanimated-spotlight",{"title":1397,"path":1398,"stem":1399},"Ripple Effect","\u002Fblocks\u002Ffeatured-components\u002Fripple-effect","6.blocks\u002Ffeatured-components\u002Fripple-effect",{"title":1401,"path":1402,"stem":1403,"children":1404,"page":61},"Features","\u002Fblocks\u002Ffeatures","6.blocks\u002Ffeatures",[1405,1409],{"title":1406,"path":1407,"stem":1408},"Feature Grid","\u002Fblocks\u002Ffeatures\u002Ffeature-grid","6.blocks\u002Ffeatures\u002Ffeature-grid",{"title":1410,"path":1411,"stem":1412},"Glare Card Features","\u002Fblocks\u002Ffeatures\u002Fglare-card-features","6.blocks\u002Ffeatures\u002Fglare-card-features",{"title":1414,"path":1415,"stem":1416,"children":1417,"page":61},"Footers","\u002Fblocks\u002Ffooters","6.blocks\u002Ffooters",[1418],{"title":1419,"path":1420,"stem":1421},"Multi-column Footer","\u002Fblocks\u002Ffooters\u002Fmulti-column-footer","6.blocks\u002Ffooters\u002Fmulti-column-footer",{"title":1423,"path":1424,"stem":1425,"children":1426,"page":61},"Hero Sections","\u002Fblocks\u002Fhero-sections","6.blocks\u002Fhero-sections",[1427],{"title":1428,"path":1429,"stem":1430},"Gradient Hero","\u002Fblocks\u002Fhero-sections\u002Fgradient-hero","6.blocks\u002Fhero-sections\u002Fgradient-hero",{"title":1432,"path":1433,"stem":1434,"children":1435,"page":61},"Landing Page","\u002Fblocks\u002Flanding-page","6.blocks\u002Flanding-page",[1436,1440],{"title":1437,"path":1438,"stem":1439},"Feature Showcase","\u002Fblocks\u002Flanding-page\u002Ffeature-showcase","6.blocks\u002Flanding-page\u002Ffeature-showcase",{"title":1441,"path":1442,"stem":1443},"Testimonial Carousel","\u002Fblocks\u002Flanding-page\u002Ftestimonial-carousel","6.blocks\u002Flanding-page\u002Ftestimonial-carousel",{"title":1445,"path":1446,"stem":1447,"children":1448,"page":61},"Navigation","\u002Fblocks\u002Fnavigation","6.blocks\u002Fnavigation",[1449],{"title":1450,"path":1451,"stem":1452},"Modern Navbar","\u002Fblocks\u002Fnavigation\u002Fmodern-navbar","6.blocks\u002Fnavigation\u002Fmodern-navbar",{"title":1454,"path":1455,"stem":1456,"children":1457,"page":61},"Portfolio","\u002Fblocks\u002Fportfolio","6.blocks\u002Fportfolio",[1458,1462],{"title":1459,"path":1460,"stem":1461},"Case Study","\u002Fblocks\u002Fportfolio\u002Fcase-study","6.blocks\u002Fportfolio\u002Fcase-study",{"title":1463,"path":1464,"stem":1465},"Project Gallery","\u002Fblocks\u002Fportfolio\u002Fproject-gallery","6.blocks\u002Fportfolio\u002Fproject-gallery",{"title":1467,"path":1468,"stem":1469,"children":1470,"page":61},"Pricing","\u002Fblocks\u002Fpricing","6.blocks\u002Fpricing",[1471],{"title":1472,"path":1473,"stem":1474},"Pricing Cards","\u002Fblocks\u002Fpricing\u002Fpricing-cards","6.blocks\u002Fpricing\u002Fpricing-cards",{"title":1476,"path":1477,"stem":1478,"children":1479,"page":61},"Testimonials","\u002Fblocks\u002Ftestimonials","6.blocks\u002Ftestimonials",[1480],{"title":1441,"path":1481,"stem":1482},"\u002Fblocks\u002Ftestimonials\u002Ftestimonial-carousel","6.blocks\u002Ftestimonials\u002Ftestimonial-carousel",{"title":1484,"icon":1485,"path":1486,"stem":1487,"children":1488},"Templates","i-lucide-layout-template","\u002Ftemplates","7.templates",[1489,1491,1495,1499,1503],{"title":1484,"path":1486,"stem":1490},"7.templates\u002Findex",{"title":1492,"path":1493,"stem":1494},"Basic Landing Page","\u002Ftemplates\u002Fbasic-landing-page","7.templates\u002F2.basic-landing-page",{"title":1496,"path":1497,"stem":1498},"SaaS Landing Page","\u002Ftemplates\u002Fsaas-landing-page","7.templates\u002F3.saas-landing-page",{"title":1500,"path":1501,"stem":1502},"E-commerce Landing Page","\u002Ftemplates\u002Fecommerce-landing-page","7.templates\u002F4.ecommerce-landing-page",{"title":1504,"path":1505,"stem":1506},"Creative Agency Landing Page","\u002Ftemplates\u002Fcreative-agency-landing-page","7.templates\u002F5.creative-agency-landing-page",{"title":1508,"path":1509,"stem":1510,"children":1511,"icon":1513},"API Reference","\u002Fapi-reference","8.api-reference\u002Findex",[1512],{"title":1508,"path":1509,"stem":1510},"i-lucide-braces",{"id":1515,"title":929,"body":1516,"description":2839,"extension":2840,"links":2841,"meta":2842,"navigation":1840,"path":930,"seo":2843,"stem":931,"__hash__":2844},"docs\u002F3.components\u002Floaders\u002Fmotion-loader.md",{"type":1517,"value":1518,"toc":2831},"minimark",[1519,1564,1589,1599,1614,1618,2329,2344,2348,2362,2366,2464,2468,2485,2491,2665,2669,2687,2693,2717,2720,2724,2810,2827],[1520,1521,1522,1523,1527,1528,1531,1532,1527,1535,1527,1538,1527,1541,1527,1544,1527,1547,1531,1550,1527,1553,1527,1556,1559,1560,1563],"p",{},"A spinner that is really a gallery. Twelve variants — ",[1524,1525,1526],"code",{},"orbit",", ",[1524,1529,1530],{},"newton-cradle",",\n",[1524,1533,1534],{},"pendulum",[1524,1536,1537],{},"hourglass",[1524,1539,1540],{},"morph-ring",[1524,1542,1543],{},"square-snake",[1524,1545,1546],{},"comet",[1524,1548,1549],{},"radar",[1524,1551,1552],{},"cube-flip",[1524,1554,1555],{},"wave-bars",[1524,1557,1558],{},"breathing-glow"," and ",[1524,1561,1562],{},"dot-ring"," — each built from a\nhand-tuned set of rotations, scales and staggered delays rather than a shared\nskeleton.",[1520,1565,1566,1567,1570,1571,1574,1575,1578,1579,1527,1582,1527,1585,1588],{},"Every variant draws with ",[1524,1568,1569],{},"currentColor"," and inline pixel styles, so one ",[1524,1572,1573],{},"color","\nprop themes the whole thing and ",[1524,1576,1577],{},"size"," is the only geometry input: the root is\n",[1524,1580,1581],{},"size × size",[1524,1583,1584],{},"shrink-0",[1524,1586,1587],{},"relative",", and every sub-element is positioned\nagainst it.",[1520,1590,1591,1594,1595,1598],{},[1524,1592,1593],{},"variant"," selects a ",[1524,1596,1597],{},"v-if"," branch, so switching between loaders remounts the\nsubtree and restarts the animation from the first frame.",[1600,1601,1602,1605,1606,1609,1610,1613],"note",{},[1524,1603,1604],{},"className"," is declared in the source but never applied — the root's class is\nstatic. Use the normal ",[1524,1607,1608],{},"class"," attribute, which falls through onto the root\n",[1524,1611,1612],{},"span",".",[1615,1616,16],"h2",{"id":1617},"usage",[1619,1620,1622,1635],"code-preview",{"label":1621},"Preview",[1623,1624,1630,1631],"div",{"className":1625},[1626,1627,1628,1629],"flex","justify-center","w-full","h-full","  ",[1632,1633],"component-example",{"name":1634},"motion-loader-basic",[1636,1637,1639],"template",{"v-slot:code":1638},"",[1640,1641,1645],"pre",{"className":1642,"code":1643,"language":1644,"meta":1638,"style":1638},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003Cdiv class=\"flex w-full max-w-md flex-col gap-6\">\n    \u003Cdiv class=\"flex items-center justify-center gap-6 rounded-2xl border border-default bg-default py-10\">\n      \u003CMMotionLoader\n        :variant=\"variant\"\n        :size=\"56\"\n        :speed=\"speed\"\n        color=\"var(--ui-primary)\"\n      \u002F>\n      \u003Cspan class=\"text-sm text-muted\">\n        {{ variant }}\n      \u003C\u002Fspan>\n    \u003C\u002Fdiv>\n\n    \u003Cdiv class=\"grid grid-cols-2 gap-3\">\n      \u003CUSelect\n        v-model=\"variant\"\n        :items=\"variants\"\n      \u002F>\n      \u003CUSelect\n        v-model=\"speed\"\n        :items=\"speedItems\"\n      \u002F>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nconst variant = ref('orbit')\nconst speed = ref(1)\n\nconst variants = [\n  'orbit',\n  'newton-cradle',\n  'pendulum',\n  'hourglass',\n  'morph-ring',\n  'square-snake',\n  'comet',\n  'radar',\n  'cube-flip',\n  'wave-bars',\n  'breathing-glow',\n  'dot-ring',\n]\n\nconst speedItems = [\n  { label: '0.5×', value: 0.5 },\n  { label: '1×', value: 1 },\n  { label: '2×', value: 2 },\n]\n\u003C\u002Fscript>\n","vue",[1524,1646,1647,1661,1687,1708,1717,1735,1752,1768,1783,1789,1809,1815,1825,1835,1842,1862,1870,1884,1901,1906,1913,1926,1942,1947,1956,1966,1976,1981,2006,2034,2053,2058,2071,2083,2094,2105,2116,2127,2138,2149,2160,2171,2182,2193,2204,2210,2215,2227,2261,2288,2315,2320],{"__ignoreMap":1638},[1612,1648,1651,1655,1658],{"class":1649,"line":1650},"line",1,[1612,1652,1654],{"class":1653},"sMK4o","\u003C",[1612,1656,1636],{"class":1657},"swJcz",[1612,1659,1660],{"class":1653},">\n",[1612,1662,1664,1667,1669,1673,1676,1679,1683,1685],{"class":1649,"line":1663},2,[1612,1665,1666],{"class":1653},"  \u003C",[1612,1668,1623],{"class":1657},[1612,1670,1672],{"class":1671},"spNyl"," class",[1612,1674,1675],{"class":1653},"=",[1612,1677,1678],{"class":1653},"\"",[1612,1680,1682],{"class":1681},"sfazB","flex w-full max-w-md flex-col gap-6",[1612,1684,1678],{"class":1653},[1612,1686,1660],{"class":1653},[1612,1688,1690,1693,1695,1697,1699,1701,1704,1706],{"class":1649,"line":1689},3,[1612,1691,1692],{"class":1653},"    \u003C",[1612,1694,1623],{"class":1657},[1612,1696,1672],{"class":1671},[1612,1698,1675],{"class":1653},[1612,1700,1678],{"class":1653},[1612,1702,1703],{"class":1681},"flex items-center justify-center gap-6 rounded-2xl border border-default bg-default py-10",[1612,1705,1678],{"class":1653},[1612,1707,1660],{"class":1653},[1612,1709,1711,1714],{"class":1649,"line":1710},4,[1612,1712,1713],{"class":1653},"      \u003C",[1612,1715,1716],{"class":1657},"MMotionLoader\n",[1612,1718,1720,1723,1725,1727,1729,1732],{"class":1649,"line":1719},5,[1612,1721,1722],{"class":1653},"        :",[1612,1724,1593],{"class":1671},[1612,1726,1675],{"class":1653},[1612,1728,1678],{"class":1653},[1612,1730,1593],{"class":1731},"sTEyZ",[1612,1733,1734],{"class":1653},"\"\n",[1612,1736,1738,1740,1742,1744,1746,1750],{"class":1649,"line":1737},6,[1612,1739,1722],{"class":1653},[1612,1741,1577],{"class":1671},[1612,1743,1675],{"class":1653},[1612,1745,1678],{"class":1653},[1612,1747,1749],{"class":1748},"sbssI","56",[1612,1751,1734],{"class":1653},[1612,1753,1755,1757,1760,1762,1764,1766],{"class":1649,"line":1754},7,[1612,1756,1722],{"class":1653},[1612,1758,1759],{"class":1671},"speed",[1612,1761,1675],{"class":1653},[1612,1763,1678],{"class":1653},[1612,1765,1759],{"class":1731},[1612,1767,1734],{"class":1653},[1612,1769,1771,1774,1776,1778,1781],{"class":1649,"line":1770},8,[1612,1772,1773],{"class":1671},"        color",[1612,1775,1675],{"class":1653},[1612,1777,1678],{"class":1653},[1612,1779,1780],{"class":1681},"var(--ui-primary)",[1612,1782,1734],{"class":1653},[1612,1784,1786],{"class":1649,"line":1785},9,[1612,1787,1788],{"class":1653},"      \u002F>\n",[1612,1790,1792,1794,1796,1798,1800,1802,1805,1807],{"class":1649,"line":1791},10,[1612,1793,1713],{"class":1653},[1612,1795,1612],{"class":1657},[1612,1797,1672],{"class":1671},[1612,1799,1675],{"class":1653},[1612,1801,1678],{"class":1653},[1612,1803,1804],{"class":1681},"text-sm text-muted",[1612,1806,1678],{"class":1653},[1612,1808,1660],{"class":1653},[1612,1810,1812],{"class":1649,"line":1811},11,[1612,1813,1814],{"class":1731},"        {{ variant }}\n",[1612,1816,1818,1821,1823],{"class":1649,"line":1817},12,[1612,1819,1820],{"class":1653},"      \u003C\u002F",[1612,1822,1612],{"class":1657},[1612,1824,1660],{"class":1653},[1612,1826,1828,1831,1833],{"class":1649,"line":1827},13,[1612,1829,1830],{"class":1653},"    \u003C\u002F",[1612,1832,1623],{"class":1657},[1612,1834,1660],{"class":1653},[1612,1836,1838],{"class":1649,"line":1837},14,[1612,1839,1841],{"emptyLinePlaceholder":1840},true,"\n",[1612,1843,1845,1847,1849,1851,1853,1855,1858,1860],{"class":1649,"line":1844},15,[1612,1846,1692],{"class":1653},[1612,1848,1623],{"class":1657},[1612,1850,1672],{"class":1671},[1612,1852,1675],{"class":1653},[1612,1854,1678],{"class":1653},[1612,1856,1857],{"class":1681},"grid grid-cols-2 gap-3",[1612,1859,1678],{"class":1653},[1612,1861,1660],{"class":1653},[1612,1863,1865,1867],{"class":1649,"line":1864},16,[1612,1866,1713],{"class":1653},[1612,1868,1869],{"class":1657},"USelect\n",[1612,1871,1873,1876,1878,1880,1882],{"class":1649,"line":1872},17,[1612,1874,1875],{"class":1671},"        v-model",[1612,1877,1675],{"class":1653},[1612,1879,1678],{"class":1653},[1612,1881,1593],{"class":1731},[1612,1883,1734],{"class":1653},[1612,1885,1887,1889,1892,1894,1896,1899],{"class":1649,"line":1886},18,[1612,1888,1722],{"class":1653},[1612,1890,1891],{"class":1671},"items",[1612,1893,1675],{"class":1653},[1612,1895,1678],{"class":1653},[1612,1897,1898],{"class":1731},"variants",[1612,1900,1734],{"class":1653},[1612,1902,1904],{"class":1649,"line":1903},19,[1612,1905,1788],{"class":1653},[1612,1907,1909,1911],{"class":1649,"line":1908},20,[1612,1910,1713],{"class":1653},[1612,1912,1869],{"class":1657},[1612,1914,1916,1918,1920,1922,1924],{"class":1649,"line":1915},21,[1612,1917,1875],{"class":1671},[1612,1919,1675],{"class":1653},[1612,1921,1678],{"class":1653},[1612,1923,1759],{"class":1731},[1612,1925,1734],{"class":1653},[1612,1927,1929,1931,1933,1935,1937,1940],{"class":1649,"line":1928},22,[1612,1930,1722],{"class":1653},[1612,1932,1891],{"class":1671},[1612,1934,1675],{"class":1653},[1612,1936,1678],{"class":1653},[1612,1938,1939],{"class":1731},"speedItems",[1612,1941,1734],{"class":1653},[1612,1943,1945],{"class":1649,"line":1944},23,[1612,1946,1788],{"class":1653},[1612,1948,1950,1952,1954],{"class":1649,"line":1949},24,[1612,1951,1830],{"class":1653},[1612,1953,1623],{"class":1657},[1612,1955,1660],{"class":1653},[1612,1957,1959,1962,1964],{"class":1649,"line":1958},25,[1612,1960,1961],{"class":1653},"  \u003C\u002F",[1612,1963,1623],{"class":1657},[1612,1965,1660],{"class":1653},[1612,1967,1969,1972,1974],{"class":1649,"line":1968},26,[1612,1970,1971],{"class":1653},"\u003C\u002F",[1612,1973,1636],{"class":1657},[1612,1975,1660],{"class":1653},[1612,1977,1979],{"class":1649,"line":1978},27,[1612,1980,1841],{"emptyLinePlaceholder":1840},[1612,1982,1984,1986,1989,1992,1995,1997,1999,2002,2004],{"class":1649,"line":1983},28,[1612,1985,1654],{"class":1653},[1612,1987,1988],{"class":1657},"script",[1612,1990,1991],{"class":1671}," setup",[1612,1993,1994],{"class":1671}," lang",[1612,1996,1675],{"class":1653},[1612,1998,1678],{"class":1653},[1612,2000,2001],{"class":1681},"ts",[1612,2003,1678],{"class":1653},[1612,2005,1660],{"class":1653},[1612,2007,2009,2012,2015,2017,2021,2024,2027,2029,2031],{"class":1649,"line":2008},29,[1612,2010,2011],{"class":1671},"const",[1612,2013,2014],{"class":1731}," variant ",[1612,2016,1675],{"class":1653},[1612,2018,2020],{"class":2019},"s2Zo4"," ref",[1612,2022,2023],{"class":1731},"(",[1612,2025,2026],{"class":1653},"'",[1612,2028,1526],{"class":1681},[1612,2030,2026],{"class":1653},[1612,2032,2033],{"class":1731},")\n",[1612,2035,2037,2039,2042,2044,2046,2048,2051],{"class":1649,"line":2036},30,[1612,2038,2011],{"class":1671},[1612,2040,2041],{"class":1731}," speed ",[1612,2043,1675],{"class":1653},[1612,2045,2020],{"class":2019},[1612,2047,2023],{"class":1731},[1612,2049,2050],{"class":1748},"1",[1612,2052,2033],{"class":1731},[1612,2054,2056],{"class":1649,"line":2055},31,[1612,2057,1841],{"emptyLinePlaceholder":1840},[1612,2059,2061,2063,2066,2068],{"class":1649,"line":2060},32,[1612,2062,2011],{"class":1671},[1612,2064,2065],{"class":1731}," variants ",[1612,2067,1675],{"class":1653},[1612,2069,2070],{"class":1731}," [\n",[1612,2072,2074,2077,2079,2081],{"class":1649,"line":2073},33,[1612,2075,2076],{"class":1653},"  '",[1612,2078,1526],{"class":1681},[1612,2080,2026],{"class":1653},[1612,2082,1531],{"class":1653},[1612,2084,2086,2088,2090,2092],{"class":1649,"line":2085},34,[1612,2087,2076],{"class":1653},[1612,2089,1530],{"class":1681},[1612,2091,2026],{"class":1653},[1612,2093,1531],{"class":1653},[1612,2095,2097,2099,2101,2103],{"class":1649,"line":2096},35,[1612,2098,2076],{"class":1653},[1612,2100,1534],{"class":1681},[1612,2102,2026],{"class":1653},[1612,2104,1531],{"class":1653},[1612,2106,2108,2110,2112,2114],{"class":1649,"line":2107},36,[1612,2109,2076],{"class":1653},[1612,2111,1537],{"class":1681},[1612,2113,2026],{"class":1653},[1612,2115,1531],{"class":1653},[1612,2117,2119,2121,2123,2125],{"class":1649,"line":2118},37,[1612,2120,2076],{"class":1653},[1612,2122,1540],{"class":1681},[1612,2124,2026],{"class":1653},[1612,2126,1531],{"class":1653},[1612,2128,2130,2132,2134,2136],{"class":1649,"line":2129},38,[1612,2131,2076],{"class":1653},[1612,2133,1543],{"class":1681},[1612,2135,2026],{"class":1653},[1612,2137,1531],{"class":1653},[1612,2139,2141,2143,2145,2147],{"class":1649,"line":2140},39,[1612,2142,2076],{"class":1653},[1612,2144,1546],{"class":1681},[1612,2146,2026],{"class":1653},[1612,2148,1531],{"class":1653},[1612,2150,2152,2154,2156,2158],{"class":1649,"line":2151},40,[1612,2153,2076],{"class":1653},[1612,2155,1549],{"class":1681},[1612,2157,2026],{"class":1653},[1612,2159,1531],{"class":1653},[1612,2161,2163,2165,2167,2169],{"class":1649,"line":2162},41,[1612,2164,2076],{"class":1653},[1612,2166,1552],{"class":1681},[1612,2168,2026],{"class":1653},[1612,2170,1531],{"class":1653},[1612,2172,2174,2176,2178,2180],{"class":1649,"line":2173},42,[1612,2175,2076],{"class":1653},[1612,2177,1555],{"class":1681},[1612,2179,2026],{"class":1653},[1612,2181,1531],{"class":1653},[1612,2183,2185,2187,2189,2191],{"class":1649,"line":2184},43,[1612,2186,2076],{"class":1653},[1612,2188,1558],{"class":1681},[1612,2190,2026],{"class":1653},[1612,2192,1531],{"class":1653},[1612,2194,2196,2198,2200,2202],{"class":1649,"line":2195},44,[1612,2197,2076],{"class":1653},[1612,2199,1562],{"class":1681},[1612,2201,2026],{"class":1653},[1612,2203,1531],{"class":1653},[1612,2205,2207],{"class":1649,"line":2206},45,[1612,2208,2209],{"class":1731},"]\n",[1612,2211,2213],{"class":1649,"line":2212},46,[1612,2214,1841],{"emptyLinePlaceholder":1840},[1612,2216,2218,2220,2223,2225],{"class":1649,"line":2217},47,[1612,2219,2011],{"class":1671},[1612,2221,2222],{"class":1731}," speedItems ",[1612,2224,1675],{"class":1653},[1612,2226,2070],{"class":1731},[1612,2228,2230,2233,2236,2239,2242,2245,2247,2250,2253,2255,2258],{"class":1649,"line":2229},48,[1612,2231,2232],{"class":1653},"  {",[1612,2234,2235],{"class":1657}," label",[1612,2237,2238],{"class":1653},":",[1612,2240,2241],{"class":1653}," '",[1612,2243,2244],{"class":1681},"0.5×",[1612,2246,2026],{"class":1653},[1612,2248,2249],{"class":1653},",",[1612,2251,2252],{"class":1657}," value",[1612,2254,2238],{"class":1653},[1612,2256,2257],{"class":1748}," 0.5",[1612,2259,2260],{"class":1653}," },\n",[1612,2262,2264,2266,2268,2270,2272,2275,2277,2279,2281,2283,2286],{"class":1649,"line":2263},49,[1612,2265,2232],{"class":1653},[1612,2267,2235],{"class":1657},[1612,2269,2238],{"class":1653},[1612,2271,2241],{"class":1653},[1612,2273,2274],{"class":1681},"1×",[1612,2276,2026],{"class":1653},[1612,2278,2249],{"class":1653},[1612,2280,2252],{"class":1657},[1612,2282,2238],{"class":1653},[1612,2284,2285],{"class":1748}," 1",[1612,2287,2260],{"class":1653},[1612,2289,2291,2293,2295,2297,2299,2302,2304,2306,2308,2310,2313],{"class":1649,"line":2290},50,[1612,2292,2232],{"class":1653},[1612,2294,2235],{"class":1657},[1612,2296,2238],{"class":1653},[1612,2298,2241],{"class":1653},[1612,2300,2301],{"class":1681},"2×",[1612,2303,2026],{"class":1653},[1612,2305,2249],{"class":1653},[1612,2307,2252],{"class":1657},[1612,2309,2238],{"class":1653},[1612,2311,2312],{"class":1748}," 2",[1612,2314,2260],{"class":1653},[1612,2316,2318],{"class":1649,"line":2317},51,[1612,2319,2209],{"class":1731},[1612,2321,2323,2325,2327],{"class":1649,"line":2322},52,[1612,2324,1971],{"class":1653},[1612,2326,1988],{"class":1657},[1612,2328,1660],{"class":1653},[1520,2330,2331,2333,2334,2337,2338,1559,2341,2343],{},[1524,2332,1577],{}," is a plain number in pixels — there is no named size scale, unlike\n",[1524,2335,2336],{},"GridLoader",". The loader is ",[1524,2339,2340],{},"inline-flex",[1524,2342,1584],{},", so it sits inside a\nbutton or a flex row without being squeezed.",[1615,2345,2347],{"id":2346},"customize","Customize",[1619,2349,2350,2356],{"label":1621},[1623,2351,1630,2353],{"className":2352},[1628],[1632,2354],{"name":2355},"motion-loader-custom",[1636,2357,2358],{"v-slot:code":1638},[2359,2360],"playground-code",{"name":2361},"MotionLoader",[1615,2363,2365],{"id":2364},"props","Props",[2367,2368,2369,2398,2418,2437,2451],"component-props",{},[2370,2371,2374,2375,2377,2378,2380,2381,2383,2384,2386,2387,2389,2390,2380,2392,2394,2395,2397],"component-prop",{"name":1593,"type":2372,"default":2373},"'orbit' | 'newton-cradle' | 'pendulum' | 'hourglass' | 'morph-ring' | 'square-snake' | 'comet' | 'radar' | 'cube-flip' | 'wave-bars' | 'breathing-glow' | 'dot-ring'","'orbit'","Which loader to render. ",[1524,2376,1526],{}," is a dot circling a faint track; ",[1524,2379,1546],{}," and\n",[1524,2382,1549],{}," add a fading trail; ",[1524,2385,1543],{}," walks a block around the corners of\nthe square; ",[1524,2388,1552],{}," is a 3D rotateX\u002FrotateY turn; ",[1524,2391,1555],{},[1524,2393,1562],{}," are the staggered multi-element ones. An unrecognised value renders\nan empty ",[1524,2396,1581],{}," box rather than falling back.",[2370,2399,2402,2403,1527,2406,2408,2409,2412,2413,2415,2416,1613],{"name":1577,"type":2400,"default":2401},"number","40","Width and height of the root in pixels. Also scales every sub-element: dot\ndiameter is ",[1524,2404,2405],{},"size * 0.2",[1524,2407,1543],{}," travels ",[1524,2410,2411],{},"size - size * 0.38",", and the\n",[1524,2414,1562],{}," radius is derived from ",[1524,2417,1577],{},[2370,2419,2422,2423,2425,2426,2429,2430,2433,2434,2436],{"name":1573,"type":2420,"default":2421},"string","''","Any CSS colour. It is applied as inline ",[1524,2424,1573],{}," on the root, and every element\ninside uses ",[1524,2427,2428],{},"bg-current"," or ",[1524,2431,2432],{},"border-current",", so one value themes the loader.\nDefaults to ",[1524,2435,1569],{},", which means it inherits from its parent.",[2370,2438,2439,2440,2442,2443,2446,2447,2450],{"name":1759,"type":2400,"default":2050},"Multiplier on every loop duration. It is clamped to at least ",[1524,2441,2050],{}," when zero or\nnegative — passing ",[1524,2444,2445],{},"0"," gives you normal speed rather than an infinite duration.\nThe base cycles are 1.1s and 1.4s, so ",[1524,2448,2449],{},"speed=\"2\""," halves them.",[2370,2452,2455,2456,2459,2460,2463],{"name":2453,"type":2420,"default":2454},"label","'Loading'","The ",[1524,2457,2458],{},"aria-label"," on the root status region. Set it to describe what is loading\n(",[1524,2461,2462],{},"\"Loading invoices\"",") rather than leaving the generic default.",[1615,2465,2467],{"id":2466},"ui","UI",[1520,2469,2470,2471,2477,2478,2481,2482,1613],{},"This component's theme exposes the slots below. Override any of them per instance with the ",[2472,2473,2474,2476],"a",{"href":21},[1524,2475,2466],{}," prop",", or app-wide under ",[1524,2479,2480],{},"ui.motionLoader"," in ",[1524,2483,2484],{},"app.config.ts",[2367,2486,2487],{},[2370,2488,2490],{"name":2466,"type":2489},"object","Per-slot classes merged over the theme defaults.",[2492,2493,2494,2501,2507,2513,2519,2525,2531,2537,2543,2549,2554,2560,2565,2570,2576,2582,2588,2593,2598,2603,2608,2614,2619,2625,2630,2636,2642,2648,2654,2660],"component-slots",{},[2495,2496,2498],"component-slot-row",{"name":2497},"root",[1524,2499,2500],{},"relative inline-flex shrink-0 items-center justify-center",[2495,2502,2504],{"name":2503},"srLabel",[1524,2505,2506],{},"sr-only",[2495,2508,2510],{"name":2509},"orbitTrack",[1524,2511,2512],{},"absolute inset-0 rounded-full border border-current",[2495,2514,2516],{"name":2515},"orbitSpin",[1524,2517,2518],{},"absolute inset-0",[2495,2520,2522],{"name":2521},"orbitDot",[1524,2523,2524],{},"absolute top-0 left-1\u002F2 rounded-full bg-current",[2495,2526,2528],{"name":2527},"cradle",[1524,2529,2530],{},"absolute inset-0 flex items-start justify-center",[2495,2532,2534],{"name":2533},"cradleBall",[1524,2535,2536],{},"relative block",[2495,2538,2540],{"name":2539},"cradleRod",[1524,2541,2542],{},"absolute top-0 bottom-0 left-1\u002F2 w-px bg-current",[2495,2544,2546],{"name":2545},"cradleBob",[1524,2547,2548],{},"absolute bottom-0 left-1\u002F2 rounded-full bg-current",[2495,2550,2552],{"name":2551},"pendulumSwing",[1524,2553,2518],{},[2495,2555,2557],{"name":2556},"pendulumRod",[1524,2558,2559],{},"absolute top-0 bottom-2 left-1\u002F2 w-px bg-current",[2495,2561,2563],{"name":2562},"pendulumBob",[1524,2564,2548],{},[2495,2566,2567],{"name":1537},[1524,2568,2569],{},"absolute inset-0 fill-current",[2495,2571,2573],{"name":2572},"morphRing",[1524,2574,2575],{},"absolute inset-0 stroke-current",[2495,2577,2579],{"name":2578},"snakeCell",[1524,2580,2581],{},"absolute rounded-sm bg-current",[2495,2583,2585],{"name":2584},"snakeHead",[1524,2586,2587],{},"absolute top-0 left-0 rounded-sm bg-current",[2495,2589,2591],{"name":2590},"cometSpin",[1524,2592,2518],{},[2495,2594,2596],{"name":2595},"cometTrail",[1524,2597,2518],{},[2495,2599,2601],{"name":2600},"cometDot",[1524,2602,2524],{},[2495,2604,2606],{"name":2605},"radarTrack",[1524,2607,2512],{},[2495,2609,2611],{"name":2610},"radarWrapper",[1524,2612,2613],{},"absolute inset-0 overflow-hidden rounded-full",[2495,2615,2617],{"name":2616},"radarSweep",[1524,2618,2518],{},[2495,2620,2622],{"name":2621},"radarDot",[1524,2623,2624],{},"absolute top-1\u002F2 left-1\u002F2 rounded-full bg-current",[2495,2626,2628],{"name":2627},"cubePerspective",[1524,2629,2518],{},[2495,2631,2633],{"name":2632},"cube",[1524,2634,2635],{},"absolute inset-0 rounded-md bg-current",[2495,2637,2639],{"name":2638},"waveWrapper",[1524,2640,2641],{},"absolute inset-0 flex items-center justify-between",[2495,2643,2645],{"name":2644},"waveBar",[1524,2646,2647],{},"flex-1 rounded-full bg-current",[2495,2649,2651],{"name":2650},"glowRing",[1524,2652,2653],{},"absolute inset-0 rounded-full bg-current blur-md",[2495,2655,2657],{"name":2656},"glowCore",[1524,2658,2659],{},"rounded-full bg-current",[2495,2661,2663],{"name":2662},"dotRingItem",[1524,2664,2624],{},[1615,2666,2668],{"id":2667},"accessibility","Accessibility",[1520,2670,2671,2672,2675,2676,2678,2679,2681,2682,2686],{},"The root is a ",[1524,2673,2674],{},"\u003Cspan role=\"status\" aria-live=\"polite\">"," with ",[1524,2677,2458],{}," set\nfrom ",[1524,2680,2453],{},". Live regions announce on content ",[2683,2684,2685],"em",{},"change",", and this loader's\ncontent never changes — the practical effect is that the label is exposed when\nthe loader enters the accessibility tree, and repeated mounts announce again.\nThat is the behaviour you want for a spinner: the user learns something is\nhappening without being interrupted mid-sentence.",[1520,2688,2689,2690,2692],{},"Everything inside is a decorative ",[1524,2691,1612],{}," with no text, so nothing is announced\ntwice.",[1520,2694,2695,2696,2675,2699,2702,2703,1559,2706,2709,2710,2713,2714,2716],{},"Reduced motion is fully handled. The component subscribes to\n",[1524,2697,2698],{},"(prefers-reduced-motion: reduce)",[1524,2700,2701],{},"useMediaQuery"," — a reactive watcher, not\na one-shot read — and every ",[1524,2704,2705],{},"animate",[1524,2707,2708],{},"transition"," binding becomes\n",[1524,2711,2712],{},"undefined"," when it matches. The loader then renders its static first frame\nrather than animating, and it updates if the user changes the setting while the\npage is open. That is better than the check ",[1524,2715,2336],{}," does.",[1520,2718,2719],{},"There is no keyboard interaction, which is correct for a non-interactive\nindicator.",[1615,2721,2723],{"id":2722},"performance","Performance",[2725,2726,2727,2757,2775,2787,2799],"ul",{},[2728,2729,2730,2731,1527,2734,1527,2737,1527,2740,1531,2743,1527,2746,1559,2749,2752,2753,2756],"li",{},"All twelve variants animate only ",[1524,2732,2733],{},"rotate",[1524,2735,2736],{},"rotateX",[1524,2738,2739],{},"rotateY",[1524,2741,2742],{},"scale",[1524,2744,2745],{},"scaleY",[1524,2747,2748],{},"opacity",[1524,2750,2751],{},"x","\u002F",[1524,2754,2755],{},"y"," — every one is a compositor property, and no\nvariant triggers layout or paint.",[2728,2758,2759,2760,2762,2763,2765,2766,2768,2769,2771,2772,2774],{},"The multi-element variants mount a fixed number of spans: 5 for\n",[1524,2761,1530],{},", 5 for ",[1524,2764,1555],{},", 8 for ",[1524,2767,1562],{},", 4 for ",[1524,2770,1543],{},",\n4 for the ",[1524,2773,1546],{}," trail.",[2728,2776,2777,2778,1527,2780,2782,2783,2786],{},"Staggered variants (",[1524,2779,1555],{},[1524,2781,1562],{},") build a fixed ",[1524,2784,2785],{},"Array.from({ length })","\nonce at module scope, then index it — no per-frame allocation.",[2728,2788,2789,1559,2792,2795,2796,2798],{},[1524,2790,2791],{},"snakePositions",[1524,2793,2794],{},"snakeTravel"," are computed from ",[1524,2797,1577],{},", so changing the\nsize recomputes four positions rather than restarting the loop.",[2728,2800,2801,2802,2805,2806,2809],{},"Every variant uses ",[1524,2803,2804],{},"repeat: Number.POSITIVE_INFINITY"," with\n",[1524,2807,2808],{},"repeatType: 'loop'",", so there is no teardown to manage — the animations stop\nwhen the component unmounts.",[2811,2812,2455,2813,2815,2816,2819,2820,2822,2823,2826],"tip",{},[1524,2814,1530],{}," variant only assigns keyframes to the first and last of its\nfive bobs — ",[1524,2817,2818],{},"cradleKeyframes"," returns ",[1524,2821,2712],{}," for the three in between, which\nis what makes them animate as an in-phase group rather than five independent\nswings. Editing ",[1524,2824,2825],{},"CRADLE_BALLS"," changes the count but the visible swing stays\nanchored to the outer two.",[2828,2829,2830],"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 .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}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":1638,"searchDepth":1663,"depth":1663,"links":2832},[2833,2834,2835,2836,2837,2838],{"id":1617,"depth":1663,"text":16},{"id":2346,"depth":1663,"text":2347},{"id":2364,"depth":1663,"text":2365},{"id":2466,"depth":1663,"text":2467},{"id":2667,"depth":1663,"text":2668},{"id":2722,"depth":1663,"text":2723},"Twelve hand-built looping spinners rendered from transforms, with a single size, colour and speed control.","md",null,{},{"title":929,"description":2839},"X6tMmd2SBd4wPutTSK6ec9rRBMMWTAxaENBj3BUIRpQ",[2846,2848],{"title":925,"path":926,"stem":927,"description":2847,"children":-1},"A 3×3 pixel grid that pulses through one of sixty-odd built-in patterns, or cycles a custom sequence.",{"title":933,"path":934,"stem":935,"description":2849,"children":-1},"A teleported full-screen loading overlay with a progress bar or spinner, dismissed by an emitted event.",1793501806793]