[{"data":1,"prerenderedAt":5627},["ShallowReactive",2],{"navigation_docs":3,"-components-effects-border-beam":1514,"-components-effects-border-beam-surround":5622},[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":485,"body":1516,"description":5616,"extension":5617,"links":5618,"meta":5619,"navigation":1884,"path":486,"seo":5620,"stem":487,"__hash__":5621},"docs\u002F3.components\u002Feffects\u002Fborder-beam.md",{"type":1517,"value":1518,"toc":5599},"minimark",[1519,1523,1535,1546,1561,1565,1581,2123,2127,2132,2145,2795,2799,2804,3355,3359,3367,4282,4286,4300,4733,4737,4746,5300,5304,5318,5322,5325,5330,5343,5346,5350,5425,5429,5441,5445,5463,5469,5488,5492,5502,5508,5519,5526,5530,5583,5595],[1520,1521,1522],"p",{},"A glow that runs around the edge of a box. Wrap any content in it and a comet of\nlight laps the border on its own.",[1520,1524,1525,1526,1530,1531,1534],{},"The comet is not a sprite moving along a track — it is the border path itself,\nstroked as a dash. Four dashes of the same gradient stack into a tapered tail and\naccumulate into a bright head, and one wider, blurred dash behind them is the\nhalo. Only ",[1527,1528,1529],"code",{},"stroke-dashoffset"," moves, and because the dashes are stroked along\nthe same ",[1527,1532,1533],{},"d"," as the border, the light bends through the corners by construction\nand can never leave the outline.",[1520,1536,1537,1538,1541,1542,1545],{},"The border itself is a separate hairline path, deliberately kept off the beam\ngradient. That is what lets ",[1527,1539,1540],{},"colorFrom"," and ",[1527,1543,1544],{},"colorTo"," be as bright as a glow needs\nwithout turning the resting border into a coloured stripe. The halo goes further\nand mixes both stops 68% towards white before using them, because blurring a dark\nstroke darkens its fringe — a glow is light by definition, and a dark blur reads\nas a shadow.",[1520,1547,1548,1549,1552,1553,1556,1557,1560],{},"The element is measured, not assumed. A ",[1527,1550,1551],{},"ResizeObserver"," keeps the path in step\nwith the box, and the real perimeter from ",[1527,1554,1555],{},"getTotalLength()"," is what normalises\n",[1527,1558,1559],{},"size"," from pixels into the path's own units.",[1562,1563,16],"h2",{"id":1564},"usage",[1520,1566,1567,1568,1571,1572,1575,1576,1541,1578,1580],{},"Wrap content and set ",[1527,1569,1570],{},"radius"," to match the corner radius you put on ",[1527,1573,1574],{},"class"," — the\nroot gets its radius from the prop when it is a number, so the beam's path and\nyour CSS agree. ",[1527,1577,1540],{},[1527,1579,1544],{}," are plain CSS colours.",[1582,1583,1585,1598],"code-preview",{"label":1584},"Preview",[1586,1587,1593,1594],"div",{"className":1588},[1589,1590,1591,1592],"flex","justify-center","w-full","h-full","  ",[1595,1596],"component-example",{"name":1597},"border-beam-basic",[1599,1600,1602],"template",{"v-slot:code":1601},"",[1603,1604,1608],"pre",{"className":1605,"code":1606,"language":1607,"meta":1601,"style":1601},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003Cdiv class=\"flex w-full max-w-lg flex-col gap-5\">\n    \u003CMBorderBeam\n      class=\"rounded-2xl p-6\"\n      :beams=\"3\"\n      :duration=\"7\"\n      :size=\"90\"\n      color-from=\"#a5b4fc\"\n      color-to=\"#f0abfc\"\n    >\n      \u003Cdiv class=\"flex flex-col gap-1\">\n        \u003Cp class=\"text-xs uppercase tracking-widest text-muted\">\n          Three beams, seven seconds\n        \u003C\u002Fp>\n        \u003Cp class=\"text-xl font-semibold\">\n          Phase-offset around the loop\n        \u003C\u002Fp>\n      \u003C\u002Fdiv>\n    \u003C\u002FMBorderBeam>\n\n    \u003CMBorderBeam\n      class=\"rounded-2xl p-6\"\n      radius=\"squircle\"\n      :size=\"140\"\n      :duration=\"4\"\n      reverse\n      pause-on-hover\n      color-from=\"#fde68a\"\n      color-to=\"#fdba74\"\n    >\n      \u003Cdiv class=\"flex flex-col gap-1\">\n        \u003Cp class=\"text-xs uppercase tracking-widest text-muted\">\n          Squircle corners, reversed, pauses on hover\n        \u003C\u002Fp>\n        \u003Cp class=\"text-xl font-semibold\">\n          Corners included\n        \u003C\u002Fp>\n      \u003C\u002Fdiv>\n    \u003C\u002FMBorderBeam>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n","vue",[1527,1609,1610,1625,1651,1660,1676,1695,1712,1728,1743,1758,1764,1785,1806,1813,1823,1843,1849,1858,1868,1879,1886,1893,1906,1921,1937,1953,1959,1965,1979,1993,1998,2017,2036,2042,2051,2070,2076,2085,2094,2103,2113],{"__ignoreMap":1601},[1611,1612,1615,1619,1622],"span",{"class":1613,"line":1614},"line",1,[1611,1616,1618],{"class":1617},"sMK4o","\u003C",[1611,1620,1599],{"class":1621},"swJcz",[1611,1623,1624],{"class":1617},">\n",[1611,1626,1628,1631,1633,1637,1640,1643,1647,1649],{"class":1613,"line":1627},2,[1611,1629,1630],{"class":1617},"  \u003C",[1611,1632,1586],{"class":1621},[1611,1634,1636],{"class":1635},"spNyl"," class",[1611,1638,1639],{"class":1617},"=",[1611,1641,1642],{"class":1617},"\"",[1611,1644,1646],{"class":1645},"sfazB","flex w-full max-w-lg flex-col gap-5",[1611,1648,1642],{"class":1617},[1611,1650,1624],{"class":1617},[1611,1652,1654,1657],{"class":1613,"line":1653},3,[1611,1655,1656],{"class":1617},"    \u003C",[1611,1658,1659],{"class":1621},"MBorderBeam\n",[1611,1661,1663,1666,1668,1670,1673],{"class":1613,"line":1662},4,[1611,1664,1665],{"class":1635},"      class",[1611,1667,1639],{"class":1617},[1611,1669,1642],{"class":1617},[1611,1671,1672],{"class":1645},"rounded-2xl p-6",[1611,1674,1675],{"class":1617},"\"\n",[1611,1677,1679,1682,1685,1687,1689,1693],{"class":1613,"line":1678},5,[1611,1680,1681],{"class":1617},"      :",[1611,1683,1684],{"class":1635},"beams",[1611,1686,1639],{"class":1617},[1611,1688,1642],{"class":1617},[1611,1690,1692],{"class":1691},"sbssI","3",[1611,1694,1675],{"class":1617},[1611,1696,1698,1700,1703,1705,1707,1710],{"class":1613,"line":1697},6,[1611,1699,1681],{"class":1617},[1611,1701,1702],{"class":1635},"duration",[1611,1704,1639],{"class":1617},[1611,1706,1642],{"class":1617},[1611,1708,1709],{"class":1691},"7",[1611,1711,1675],{"class":1617},[1611,1713,1715,1717,1719,1721,1723,1726],{"class":1613,"line":1714},7,[1611,1716,1681],{"class":1617},[1611,1718,1559],{"class":1635},[1611,1720,1639],{"class":1617},[1611,1722,1642],{"class":1617},[1611,1724,1725],{"class":1691},"90",[1611,1727,1675],{"class":1617},[1611,1729,1731,1734,1736,1738,1741],{"class":1613,"line":1730},8,[1611,1732,1733],{"class":1635},"      color-from",[1611,1735,1639],{"class":1617},[1611,1737,1642],{"class":1617},[1611,1739,1740],{"class":1645},"#a5b4fc",[1611,1742,1675],{"class":1617},[1611,1744,1746,1749,1751,1753,1756],{"class":1613,"line":1745},9,[1611,1747,1748],{"class":1635},"      color-to",[1611,1750,1639],{"class":1617},[1611,1752,1642],{"class":1617},[1611,1754,1755],{"class":1645},"#f0abfc",[1611,1757,1675],{"class":1617},[1611,1759,1761],{"class":1613,"line":1760},10,[1611,1762,1763],{"class":1617},"    >\n",[1611,1765,1767,1770,1772,1774,1776,1778,1781,1783],{"class":1613,"line":1766},11,[1611,1768,1769],{"class":1617},"      \u003C",[1611,1771,1586],{"class":1621},[1611,1773,1636],{"class":1635},[1611,1775,1639],{"class":1617},[1611,1777,1642],{"class":1617},[1611,1779,1780],{"class":1645},"flex flex-col gap-1",[1611,1782,1642],{"class":1617},[1611,1784,1624],{"class":1617},[1611,1786,1788,1791,1793,1795,1797,1799,1802,1804],{"class":1613,"line":1787},12,[1611,1789,1790],{"class":1617},"        \u003C",[1611,1792,1520],{"class":1621},[1611,1794,1636],{"class":1635},[1611,1796,1639],{"class":1617},[1611,1798,1642],{"class":1617},[1611,1800,1801],{"class":1645},"text-xs uppercase tracking-widest text-muted",[1611,1803,1642],{"class":1617},[1611,1805,1624],{"class":1617},[1611,1807,1809],{"class":1613,"line":1808},13,[1611,1810,1812],{"class":1811},"sTEyZ","          Three beams, seven seconds\n",[1611,1814,1816,1819,1821],{"class":1613,"line":1815},14,[1611,1817,1818],{"class":1617},"        \u003C\u002F",[1611,1820,1520],{"class":1621},[1611,1822,1624],{"class":1617},[1611,1824,1826,1828,1830,1832,1834,1836,1839,1841],{"class":1613,"line":1825},15,[1611,1827,1790],{"class":1617},[1611,1829,1520],{"class":1621},[1611,1831,1636],{"class":1635},[1611,1833,1639],{"class":1617},[1611,1835,1642],{"class":1617},[1611,1837,1838],{"class":1645},"text-xl font-semibold",[1611,1840,1642],{"class":1617},[1611,1842,1624],{"class":1617},[1611,1844,1846],{"class":1613,"line":1845},16,[1611,1847,1848],{"class":1811},"          Phase-offset around the loop\n",[1611,1850,1852,1854,1856],{"class":1613,"line":1851},17,[1611,1853,1818],{"class":1617},[1611,1855,1520],{"class":1621},[1611,1857,1624],{"class":1617},[1611,1859,1861,1864,1866],{"class":1613,"line":1860},18,[1611,1862,1863],{"class":1617},"      \u003C\u002F",[1611,1865,1586],{"class":1621},[1611,1867,1624],{"class":1617},[1611,1869,1871,1874,1877],{"class":1613,"line":1870},19,[1611,1872,1873],{"class":1617},"    \u003C\u002F",[1611,1875,1876],{"class":1621},"MBorderBeam",[1611,1878,1624],{"class":1617},[1611,1880,1882],{"class":1613,"line":1881},20,[1611,1883,1885],{"emptyLinePlaceholder":1884},true,"\n",[1611,1887,1889,1891],{"class":1613,"line":1888},21,[1611,1890,1656],{"class":1617},[1611,1892,1659],{"class":1621},[1611,1894,1896,1898,1900,1902,1904],{"class":1613,"line":1895},22,[1611,1897,1665],{"class":1635},[1611,1899,1639],{"class":1617},[1611,1901,1642],{"class":1617},[1611,1903,1672],{"class":1645},[1611,1905,1675],{"class":1617},[1611,1907,1909,1912,1914,1916,1919],{"class":1613,"line":1908},23,[1611,1910,1911],{"class":1635},"      radius",[1611,1913,1639],{"class":1617},[1611,1915,1642],{"class":1617},[1611,1917,1918],{"class":1645},"squircle",[1611,1920,1675],{"class":1617},[1611,1922,1924,1926,1928,1930,1932,1935],{"class":1613,"line":1923},24,[1611,1925,1681],{"class":1617},[1611,1927,1559],{"class":1635},[1611,1929,1639],{"class":1617},[1611,1931,1642],{"class":1617},[1611,1933,1934],{"class":1691},"140",[1611,1936,1675],{"class":1617},[1611,1938,1940,1942,1944,1946,1948,1951],{"class":1613,"line":1939},25,[1611,1941,1681],{"class":1617},[1611,1943,1702],{"class":1635},[1611,1945,1639],{"class":1617},[1611,1947,1642],{"class":1617},[1611,1949,1950],{"class":1691},"4",[1611,1952,1675],{"class":1617},[1611,1954,1956],{"class":1613,"line":1955},26,[1611,1957,1958],{"class":1635},"      reverse\n",[1611,1960,1962],{"class":1613,"line":1961},27,[1611,1963,1964],{"class":1635},"      pause-on-hover\n",[1611,1966,1968,1970,1972,1974,1977],{"class":1613,"line":1967},28,[1611,1969,1733],{"class":1635},[1611,1971,1639],{"class":1617},[1611,1973,1642],{"class":1617},[1611,1975,1976],{"class":1645},"#fde68a",[1611,1978,1675],{"class":1617},[1611,1980,1982,1984,1986,1988,1991],{"class":1613,"line":1981},29,[1611,1983,1748],{"class":1635},[1611,1985,1639],{"class":1617},[1611,1987,1642],{"class":1617},[1611,1989,1990],{"class":1645},"#fdba74",[1611,1992,1675],{"class":1617},[1611,1994,1996],{"class":1613,"line":1995},30,[1611,1997,1763],{"class":1617},[1611,1999,2001,2003,2005,2007,2009,2011,2013,2015],{"class":1613,"line":2000},31,[1611,2002,1769],{"class":1617},[1611,2004,1586],{"class":1621},[1611,2006,1636],{"class":1635},[1611,2008,1639],{"class":1617},[1611,2010,1642],{"class":1617},[1611,2012,1780],{"class":1645},[1611,2014,1642],{"class":1617},[1611,2016,1624],{"class":1617},[1611,2018,2020,2022,2024,2026,2028,2030,2032,2034],{"class":1613,"line":2019},32,[1611,2021,1790],{"class":1617},[1611,2023,1520],{"class":1621},[1611,2025,1636],{"class":1635},[1611,2027,1639],{"class":1617},[1611,2029,1642],{"class":1617},[1611,2031,1801],{"class":1645},[1611,2033,1642],{"class":1617},[1611,2035,1624],{"class":1617},[1611,2037,2039],{"class":1613,"line":2038},33,[1611,2040,2041],{"class":1811},"          Squircle corners, reversed, pauses on hover\n",[1611,2043,2045,2047,2049],{"class":1613,"line":2044},34,[1611,2046,1818],{"class":1617},[1611,2048,1520],{"class":1621},[1611,2050,1624],{"class":1617},[1611,2052,2054,2056,2058,2060,2062,2064,2066,2068],{"class":1613,"line":2053},35,[1611,2055,1790],{"class":1617},[1611,2057,1520],{"class":1621},[1611,2059,1636],{"class":1635},[1611,2061,1639],{"class":1617},[1611,2063,1642],{"class":1617},[1611,2065,1838],{"class":1645},[1611,2067,1642],{"class":1617},[1611,2069,1624],{"class":1617},[1611,2071,2073],{"class":1613,"line":2072},36,[1611,2074,2075],{"class":1811},"          Corners included\n",[1611,2077,2079,2081,2083],{"class":1613,"line":2078},37,[1611,2080,1818],{"class":1617},[1611,2082,1520],{"class":1621},[1611,2084,1624],{"class":1617},[1611,2086,2088,2090,2092],{"class":1613,"line":2087},38,[1611,2089,1863],{"class":1617},[1611,2091,1586],{"class":1621},[1611,2093,1624],{"class":1617},[1611,2095,2097,2099,2101],{"class":1613,"line":2096},39,[1611,2098,1873],{"class":1617},[1611,2100,1876],{"class":1621},[1611,2102,1624],{"class":1617},[1611,2104,2106,2109,2111],{"class":1613,"line":2105},40,[1611,2107,2108],{"class":1617},"  \u003C\u002F",[1611,2110,1586],{"class":1621},[1611,2112,1624],{"class":1617},[1611,2114,2116,2119,2121],{"class":1613,"line":2115},41,[1611,2117,2118],{"class":1617},"\u003C\u002F",[1611,2120,1599],{"class":1621},[1611,2122,1624],{"class":1617},[1562,2124,2126],{"id":2125},"examples","Examples",[2128,2129,2131],"h3",{"id":2130},"corner-geometry","Corner geometry",[1520,2133,2134,2136,2137,2140,2141,2144],{},[1527,2135,1570],{}," accepts a number — clamped to half the shorter side — or ",[1527,2138,2139],{},"'squircle'"," for\ncubic corners. A numeric value also sets the root's CSS ",[1527,2142,2143],{},"border-radius",", so any fill\ninside the beam stays rounded with it.",[1582,2146,2147,2153],{"label":1584},[1586,2148,1593,2150],{"className":2149},[1589,1590,1591,1592],[1595,2151],{"name":2152},"border-beam-corners",[1599,2154,2155],{"v-slot:code":1601},[1603,2156,2158],{"className":1605,"code":2157,"language":1607,"meta":1601,"style":1601},"\u003Ctemplate>\n  \u003Cdiv class=\"grid grid-cols-1 md:grid-cols-3 gap-5 w-full max-w-2xl\">\n    \u003CMBorderBeam\n      class=\"flex min-h-28 items-center justify-center rounded-lg bg-elevated\u002F40 p-6\"\n      :radius=\"8\"\n      :size=\"72\"\n      :duration=\"4\"\n      color-from=\"#7dd3fc\"\n      color-to=\"#0ea5e9\"\n    >\n      \u003Cdiv class=\"text-center\">\n        \u003Cp class=\"text-sm font-semibold text-highlighted\">\n          radius 8\n        \u003C\u002Fp>\n        \u003Cp class=\"text-xs text-muted\">\n          Tight corners\n        \u003C\u002Fp>\n      \u003C\u002Fdiv>\n    \u003C\u002FMBorderBeam>\n\n    \u003CMBorderBeam\n      class=\"flex min-h-28 items-center justify-center rounded-full bg-elevated\u002F40 p-6\"\n      :radius=\"999\"\n      :size=\"96\"\n      :duration=\"4.5\"\n      color-from=\"#c4b5fd\"\n      color-to=\"#8b5cf6\"\n    >\n      \u003Cdiv class=\"text-center\">\n        \u003Cp class=\"text-sm font-semibold text-highlighted\">\n          radius 999\n        \u003C\u002Fp>\n        \u003Cp class=\"text-xs text-muted\">\n          Pill ends\n        \u003C\u002Fp>\n      \u003C\u002Fdiv>\n    \u003C\u002FMBorderBeam>\n\n    \u003CMBorderBeam\n      class=\"flex min-h-28 items-center justify-center p-6\"\n      radius=\"squircle\"\n      :size=\"96\"\n      :duration=\"6\"\n      color-from=\"#fda4af\"\n      color-to=\"#f43f5e\"\n    >\n      \u003Cdiv class=\"text-center\">\n        \u003Cp class=\"text-sm font-semibold text-highlighted\">\n          squircle\n        \u003C\u002Fp>\n        \u003Cp class=\"text-xs text-muted\">\n          Cubic corners\n        \u003C\u002Fp>\n      \u003C\u002Fdiv>\n    \u003C\u002FMBorderBeam>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n",[1527,2159,2160,2168,2187,2193,2206,2221,2236,2250,2263,2276,2280,2299,2318,2323,2331,2350,2355,2363,2371,2379,2383,2389,2402,2417,2432,2447,2460,2473,2477,2495,2513,2518,2526,2544,2549,2557,2565,2573,2577,2583,2596,2608,2623,2639,2653,2667,2672,2691,2710,2716,2725,2744,2750,2759,2768,2777,2786],{"__ignoreMap":1601},[1611,2161,2162,2164,2166],{"class":1613,"line":1614},[1611,2163,1618],{"class":1617},[1611,2165,1599],{"class":1621},[1611,2167,1624],{"class":1617},[1611,2169,2170,2172,2174,2176,2178,2180,2183,2185],{"class":1613,"line":1627},[1611,2171,1630],{"class":1617},[1611,2173,1586],{"class":1621},[1611,2175,1636],{"class":1635},[1611,2177,1639],{"class":1617},[1611,2179,1642],{"class":1617},[1611,2181,2182],{"class":1645},"grid grid-cols-1 md:grid-cols-3 gap-5 w-full max-w-2xl",[1611,2184,1642],{"class":1617},[1611,2186,1624],{"class":1617},[1611,2188,2189,2191],{"class":1613,"line":1653},[1611,2190,1656],{"class":1617},[1611,2192,1659],{"class":1621},[1611,2194,2195,2197,2199,2201,2204],{"class":1613,"line":1662},[1611,2196,1665],{"class":1635},[1611,2198,1639],{"class":1617},[1611,2200,1642],{"class":1617},[1611,2202,2203],{"class":1645},"flex min-h-28 items-center justify-center rounded-lg bg-elevated\u002F40 p-6",[1611,2205,1675],{"class":1617},[1611,2207,2208,2210,2212,2214,2216,2219],{"class":1613,"line":1678},[1611,2209,1681],{"class":1617},[1611,2211,1570],{"class":1635},[1611,2213,1639],{"class":1617},[1611,2215,1642],{"class":1617},[1611,2217,2218],{"class":1691},"8",[1611,2220,1675],{"class":1617},[1611,2222,2223,2225,2227,2229,2231,2234],{"class":1613,"line":1697},[1611,2224,1681],{"class":1617},[1611,2226,1559],{"class":1635},[1611,2228,1639],{"class":1617},[1611,2230,1642],{"class":1617},[1611,2232,2233],{"class":1691},"72",[1611,2235,1675],{"class":1617},[1611,2237,2238,2240,2242,2244,2246,2248],{"class":1613,"line":1714},[1611,2239,1681],{"class":1617},[1611,2241,1702],{"class":1635},[1611,2243,1639],{"class":1617},[1611,2245,1642],{"class":1617},[1611,2247,1950],{"class":1691},[1611,2249,1675],{"class":1617},[1611,2251,2252,2254,2256,2258,2261],{"class":1613,"line":1730},[1611,2253,1733],{"class":1635},[1611,2255,1639],{"class":1617},[1611,2257,1642],{"class":1617},[1611,2259,2260],{"class":1645},"#7dd3fc",[1611,2262,1675],{"class":1617},[1611,2264,2265,2267,2269,2271,2274],{"class":1613,"line":1745},[1611,2266,1748],{"class":1635},[1611,2268,1639],{"class":1617},[1611,2270,1642],{"class":1617},[1611,2272,2273],{"class":1645},"#0ea5e9",[1611,2275,1675],{"class":1617},[1611,2277,2278],{"class":1613,"line":1760},[1611,2279,1763],{"class":1617},[1611,2281,2282,2284,2286,2288,2290,2292,2295,2297],{"class":1613,"line":1766},[1611,2283,1769],{"class":1617},[1611,2285,1586],{"class":1621},[1611,2287,1636],{"class":1635},[1611,2289,1639],{"class":1617},[1611,2291,1642],{"class":1617},[1611,2293,2294],{"class":1645},"text-center",[1611,2296,1642],{"class":1617},[1611,2298,1624],{"class":1617},[1611,2300,2301,2303,2305,2307,2309,2311,2314,2316],{"class":1613,"line":1787},[1611,2302,1790],{"class":1617},[1611,2304,1520],{"class":1621},[1611,2306,1636],{"class":1635},[1611,2308,1639],{"class":1617},[1611,2310,1642],{"class":1617},[1611,2312,2313],{"class":1645},"text-sm font-semibold text-highlighted",[1611,2315,1642],{"class":1617},[1611,2317,1624],{"class":1617},[1611,2319,2320],{"class":1613,"line":1808},[1611,2321,2322],{"class":1811},"          radius 8\n",[1611,2324,2325,2327,2329],{"class":1613,"line":1815},[1611,2326,1818],{"class":1617},[1611,2328,1520],{"class":1621},[1611,2330,1624],{"class":1617},[1611,2332,2333,2335,2337,2339,2341,2343,2346,2348],{"class":1613,"line":1825},[1611,2334,1790],{"class":1617},[1611,2336,1520],{"class":1621},[1611,2338,1636],{"class":1635},[1611,2340,1639],{"class":1617},[1611,2342,1642],{"class":1617},[1611,2344,2345],{"class":1645},"text-xs text-muted",[1611,2347,1642],{"class":1617},[1611,2349,1624],{"class":1617},[1611,2351,2352],{"class":1613,"line":1845},[1611,2353,2354],{"class":1811},"          Tight corners\n",[1611,2356,2357,2359,2361],{"class":1613,"line":1851},[1611,2358,1818],{"class":1617},[1611,2360,1520],{"class":1621},[1611,2362,1624],{"class":1617},[1611,2364,2365,2367,2369],{"class":1613,"line":1860},[1611,2366,1863],{"class":1617},[1611,2368,1586],{"class":1621},[1611,2370,1624],{"class":1617},[1611,2372,2373,2375,2377],{"class":1613,"line":1870},[1611,2374,1873],{"class":1617},[1611,2376,1876],{"class":1621},[1611,2378,1624],{"class":1617},[1611,2380,2381],{"class":1613,"line":1881},[1611,2382,1885],{"emptyLinePlaceholder":1884},[1611,2384,2385,2387],{"class":1613,"line":1888},[1611,2386,1656],{"class":1617},[1611,2388,1659],{"class":1621},[1611,2390,2391,2393,2395,2397,2400],{"class":1613,"line":1895},[1611,2392,1665],{"class":1635},[1611,2394,1639],{"class":1617},[1611,2396,1642],{"class":1617},[1611,2398,2399],{"class":1645},"flex min-h-28 items-center justify-center rounded-full bg-elevated\u002F40 p-6",[1611,2401,1675],{"class":1617},[1611,2403,2404,2406,2408,2410,2412,2415],{"class":1613,"line":1908},[1611,2405,1681],{"class":1617},[1611,2407,1570],{"class":1635},[1611,2409,1639],{"class":1617},[1611,2411,1642],{"class":1617},[1611,2413,2414],{"class":1691},"999",[1611,2416,1675],{"class":1617},[1611,2418,2419,2421,2423,2425,2427,2430],{"class":1613,"line":1923},[1611,2420,1681],{"class":1617},[1611,2422,1559],{"class":1635},[1611,2424,1639],{"class":1617},[1611,2426,1642],{"class":1617},[1611,2428,2429],{"class":1691},"96",[1611,2431,1675],{"class":1617},[1611,2433,2434,2436,2438,2440,2442,2445],{"class":1613,"line":1939},[1611,2435,1681],{"class":1617},[1611,2437,1702],{"class":1635},[1611,2439,1639],{"class":1617},[1611,2441,1642],{"class":1617},[1611,2443,2444],{"class":1691},"4.5",[1611,2446,1675],{"class":1617},[1611,2448,2449,2451,2453,2455,2458],{"class":1613,"line":1955},[1611,2450,1733],{"class":1635},[1611,2452,1639],{"class":1617},[1611,2454,1642],{"class":1617},[1611,2456,2457],{"class":1645},"#c4b5fd",[1611,2459,1675],{"class":1617},[1611,2461,2462,2464,2466,2468,2471],{"class":1613,"line":1961},[1611,2463,1748],{"class":1635},[1611,2465,1639],{"class":1617},[1611,2467,1642],{"class":1617},[1611,2469,2470],{"class":1645},"#8b5cf6",[1611,2472,1675],{"class":1617},[1611,2474,2475],{"class":1613,"line":1967},[1611,2476,1763],{"class":1617},[1611,2478,2479,2481,2483,2485,2487,2489,2491,2493],{"class":1613,"line":1981},[1611,2480,1769],{"class":1617},[1611,2482,1586],{"class":1621},[1611,2484,1636],{"class":1635},[1611,2486,1639],{"class":1617},[1611,2488,1642],{"class":1617},[1611,2490,2294],{"class":1645},[1611,2492,1642],{"class":1617},[1611,2494,1624],{"class":1617},[1611,2496,2497,2499,2501,2503,2505,2507,2509,2511],{"class":1613,"line":1995},[1611,2498,1790],{"class":1617},[1611,2500,1520],{"class":1621},[1611,2502,1636],{"class":1635},[1611,2504,1639],{"class":1617},[1611,2506,1642],{"class":1617},[1611,2508,2313],{"class":1645},[1611,2510,1642],{"class":1617},[1611,2512,1624],{"class":1617},[1611,2514,2515],{"class":1613,"line":2000},[1611,2516,2517],{"class":1811},"          radius 999\n",[1611,2519,2520,2522,2524],{"class":1613,"line":2019},[1611,2521,1818],{"class":1617},[1611,2523,1520],{"class":1621},[1611,2525,1624],{"class":1617},[1611,2527,2528,2530,2532,2534,2536,2538,2540,2542],{"class":1613,"line":2038},[1611,2529,1790],{"class":1617},[1611,2531,1520],{"class":1621},[1611,2533,1636],{"class":1635},[1611,2535,1639],{"class":1617},[1611,2537,1642],{"class":1617},[1611,2539,2345],{"class":1645},[1611,2541,1642],{"class":1617},[1611,2543,1624],{"class":1617},[1611,2545,2546],{"class":1613,"line":2044},[1611,2547,2548],{"class":1811},"          Pill ends\n",[1611,2550,2551,2553,2555],{"class":1613,"line":2053},[1611,2552,1818],{"class":1617},[1611,2554,1520],{"class":1621},[1611,2556,1624],{"class":1617},[1611,2558,2559,2561,2563],{"class":1613,"line":2072},[1611,2560,1863],{"class":1617},[1611,2562,1586],{"class":1621},[1611,2564,1624],{"class":1617},[1611,2566,2567,2569,2571],{"class":1613,"line":2078},[1611,2568,1873],{"class":1617},[1611,2570,1876],{"class":1621},[1611,2572,1624],{"class":1617},[1611,2574,2575],{"class":1613,"line":2087},[1611,2576,1885],{"emptyLinePlaceholder":1884},[1611,2578,2579,2581],{"class":1613,"line":2096},[1611,2580,1656],{"class":1617},[1611,2582,1659],{"class":1621},[1611,2584,2585,2587,2589,2591,2594],{"class":1613,"line":2105},[1611,2586,1665],{"class":1635},[1611,2588,1639],{"class":1617},[1611,2590,1642],{"class":1617},[1611,2592,2593],{"class":1645},"flex min-h-28 items-center justify-center p-6",[1611,2595,1675],{"class":1617},[1611,2597,2598,2600,2602,2604,2606],{"class":1613,"line":2115},[1611,2599,1911],{"class":1635},[1611,2601,1639],{"class":1617},[1611,2603,1642],{"class":1617},[1611,2605,1918],{"class":1645},[1611,2607,1675],{"class":1617},[1611,2609,2611,2613,2615,2617,2619,2621],{"class":1613,"line":2610},42,[1611,2612,1681],{"class":1617},[1611,2614,1559],{"class":1635},[1611,2616,1639],{"class":1617},[1611,2618,1642],{"class":1617},[1611,2620,2429],{"class":1691},[1611,2622,1675],{"class":1617},[1611,2624,2626,2628,2630,2632,2634,2637],{"class":1613,"line":2625},43,[1611,2627,1681],{"class":1617},[1611,2629,1702],{"class":1635},[1611,2631,1639],{"class":1617},[1611,2633,1642],{"class":1617},[1611,2635,2636],{"class":1691},"6",[1611,2638,1675],{"class":1617},[1611,2640,2642,2644,2646,2648,2651],{"class":1613,"line":2641},44,[1611,2643,1733],{"class":1635},[1611,2645,1639],{"class":1617},[1611,2647,1642],{"class":1617},[1611,2649,2650],{"class":1645},"#fda4af",[1611,2652,1675],{"class":1617},[1611,2654,2656,2658,2660,2662,2665],{"class":1613,"line":2655},45,[1611,2657,1748],{"class":1635},[1611,2659,1639],{"class":1617},[1611,2661,1642],{"class":1617},[1611,2663,2664],{"class":1645},"#f43f5e",[1611,2666,1675],{"class":1617},[1611,2668,2670],{"class":1613,"line":2669},46,[1611,2671,1763],{"class":1617},[1611,2673,2675,2677,2679,2681,2683,2685,2687,2689],{"class":1613,"line":2674},47,[1611,2676,1769],{"class":1617},[1611,2678,1586],{"class":1621},[1611,2680,1636],{"class":1635},[1611,2682,1639],{"class":1617},[1611,2684,1642],{"class":1617},[1611,2686,2294],{"class":1645},[1611,2688,1642],{"class":1617},[1611,2690,1624],{"class":1617},[1611,2692,2694,2696,2698,2700,2702,2704,2706,2708],{"class":1613,"line":2693},48,[1611,2695,1790],{"class":1617},[1611,2697,1520],{"class":1621},[1611,2699,1636],{"class":1635},[1611,2701,1639],{"class":1617},[1611,2703,1642],{"class":1617},[1611,2705,2313],{"class":1645},[1611,2707,1642],{"class":1617},[1611,2709,1624],{"class":1617},[1611,2711,2713],{"class":1613,"line":2712},49,[1611,2714,2715],{"class":1811},"          squircle\n",[1611,2717,2719,2721,2723],{"class":1613,"line":2718},50,[1611,2720,1818],{"class":1617},[1611,2722,1520],{"class":1621},[1611,2724,1624],{"class":1617},[1611,2726,2728,2730,2732,2734,2736,2738,2740,2742],{"class":1613,"line":2727},51,[1611,2729,1790],{"class":1617},[1611,2731,1520],{"class":1621},[1611,2733,1636],{"class":1635},[1611,2735,1639],{"class":1617},[1611,2737,1642],{"class":1617},[1611,2739,2345],{"class":1645},[1611,2741,1642],{"class":1617},[1611,2743,1624],{"class":1617},[1611,2745,2747],{"class":1613,"line":2746},52,[1611,2748,2749],{"class":1811},"          Cubic corners\n",[1611,2751,2753,2755,2757],{"class":1613,"line":2752},53,[1611,2754,1818],{"class":1617},[1611,2756,1520],{"class":1621},[1611,2758,1624],{"class":1617},[1611,2760,2762,2764,2766],{"class":1613,"line":2761},54,[1611,2763,1863],{"class":1617},[1611,2765,1586],{"class":1621},[1611,2767,1624],{"class":1617},[1611,2769,2771,2773,2775],{"class":1613,"line":2770},55,[1611,2772,1873],{"class":1617},[1611,2774,1876],{"class":1621},[1611,2776,1624],{"class":1617},[1611,2778,2780,2782,2784],{"class":1613,"line":2779},56,[1611,2781,2108],{"class":1617},[1611,2783,1586],{"class":1621},[1611,2785,1624],{"class":1617},[1611,2787,2789,2791,2793],{"class":1613,"line":2788},57,[1611,2790,2118],{"class":1617},[1611,2792,1599],{"class":1621},[1611,2794,1624],{"class":1617},[2128,2796,2798],{"id":2797},"multiple-beams","Multiple beams",[1520,2800,2801,2803],{},[1527,2802,1684],{}," phase-offsets comets evenly around the loop — each one starts a fraction of\na lap after the last, so a fresh beam never overlaps the one ahead of it.",[1582,2805,2806,2812],{"label":1584},[1586,2807,1593,2809],{"className":2808},[1589,1590,1591,1592],[1595,2810],{"name":2811},"border-beam-beams",[1599,2813,2814],{"v-slot:code":1601},[1603,2815,2817],{"className":1605,"code":2816,"language":1607,"meta":1601,"style":1601},"\u003Ctemplate>\n  \u003Cdiv class=\"grid grid-cols-1 md:grid-cols-3 gap-5 w-full max-w-2xl\">\n    \u003CMBorderBeam\n      class=\"flex min-h-40 flex-col items-center justify-center gap-1 rounded-2xl bg-elevated\u002F40 p-6\"\n      :beams=\"1\"\n      :size=\"88\"\n      :duration=\"5\"\n      color-from=\"#5eead4\"\n      color-to=\"#14b8a6\"\n    >\n      \u003Cp class=\"text-3xl font-semibold text-highlighted\">\n        1\n      \u003C\u002Fp>\n      \u003Cp class=\"text-xs uppercase tracking-wide text-muted\">\n        beam\n      \u003C\u002Fp>\n    \u003C\u002FMBorderBeam>\n\n    \u003CMBorderBeam\n      class=\"flex min-h-40 flex-col items-center justify-center gap-1 rounded-2xl bg-elevated\u002F40 p-6\"\n      :beams=\"2\"\n      :size=\"88\"\n      :duration=\"5\"\n      color-from=\"#93c5fd\"\n      color-to=\"#3b82f6\"\n    >\n      \u003Cp class=\"text-3xl font-semibold text-highlighted\">\n        2\n      \u003C\u002Fp>\n      \u003Cp class=\"text-xs uppercase tracking-wide text-muted\">\n        beams\n      \u003C\u002Fp>\n    \u003C\u002FMBorderBeam>\n\n    \u003CMBorderBeam\n      class=\"flex min-h-40 flex-col items-center justify-center gap-1 rounded-2xl bg-elevated\u002F40 p-6\"\n      :beams=\"3\"\n      :size=\"88\"\n      :duration=\"5\"\n      color-from=\"#d8b4fe\"\n      color-to=\"#a855f7\"\n    >\n      \u003Cp class=\"text-3xl font-semibold text-highlighted\">\n        3\n      \u003C\u002Fp>\n      \u003Cp class=\"text-xs uppercase tracking-wide text-muted\">\n        beams\n      \u003C\u002Fp>\n    \u003C\u002FMBorderBeam>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n",[1527,2818,2819,2827,2845,2851,2864,2879,2894,2909,2922,2935,2939,2958,2963,2971,2990,2995,3003,3011,3015,3021,3033,3048,3062,3076,3089,3102,3106,3124,3129,3137,3155,3160,3168,3176,3180,3186,3198,3212,3226,3240,3253,3266,3270,3288,3293,3301,3319,3323,3331,3339,3347],{"__ignoreMap":1601},[1611,2820,2821,2823,2825],{"class":1613,"line":1614},[1611,2822,1618],{"class":1617},[1611,2824,1599],{"class":1621},[1611,2826,1624],{"class":1617},[1611,2828,2829,2831,2833,2835,2837,2839,2841,2843],{"class":1613,"line":1627},[1611,2830,1630],{"class":1617},[1611,2832,1586],{"class":1621},[1611,2834,1636],{"class":1635},[1611,2836,1639],{"class":1617},[1611,2838,1642],{"class":1617},[1611,2840,2182],{"class":1645},[1611,2842,1642],{"class":1617},[1611,2844,1624],{"class":1617},[1611,2846,2847,2849],{"class":1613,"line":1653},[1611,2848,1656],{"class":1617},[1611,2850,1659],{"class":1621},[1611,2852,2853,2855,2857,2859,2862],{"class":1613,"line":1662},[1611,2854,1665],{"class":1635},[1611,2856,1639],{"class":1617},[1611,2858,1642],{"class":1617},[1611,2860,2861],{"class":1645},"flex min-h-40 flex-col items-center justify-center gap-1 rounded-2xl bg-elevated\u002F40 p-6",[1611,2863,1675],{"class":1617},[1611,2865,2866,2868,2870,2872,2874,2877],{"class":1613,"line":1678},[1611,2867,1681],{"class":1617},[1611,2869,1684],{"class":1635},[1611,2871,1639],{"class":1617},[1611,2873,1642],{"class":1617},[1611,2875,2876],{"class":1691},"1",[1611,2878,1675],{"class":1617},[1611,2880,2881,2883,2885,2887,2889,2892],{"class":1613,"line":1697},[1611,2882,1681],{"class":1617},[1611,2884,1559],{"class":1635},[1611,2886,1639],{"class":1617},[1611,2888,1642],{"class":1617},[1611,2890,2891],{"class":1691},"88",[1611,2893,1675],{"class":1617},[1611,2895,2896,2898,2900,2902,2904,2907],{"class":1613,"line":1714},[1611,2897,1681],{"class":1617},[1611,2899,1702],{"class":1635},[1611,2901,1639],{"class":1617},[1611,2903,1642],{"class":1617},[1611,2905,2906],{"class":1691},"5",[1611,2908,1675],{"class":1617},[1611,2910,2911,2913,2915,2917,2920],{"class":1613,"line":1730},[1611,2912,1733],{"class":1635},[1611,2914,1639],{"class":1617},[1611,2916,1642],{"class":1617},[1611,2918,2919],{"class":1645},"#5eead4",[1611,2921,1675],{"class":1617},[1611,2923,2924,2926,2928,2930,2933],{"class":1613,"line":1745},[1611,2925,1748],{"class":1635},[1611,2927,1639],{"class":1617},[1611,2929,1642],{"class":1617},[1611,2931,2932],{"class":1645},"#14b8a6",[1611,2934,1675],{"class":1617},[1611,2936,2937],{"class":1613,"line":1760},[1611,2938,1763],{"class":1617},[1611,2940,2941,2943,2945,2947,2949,2951,2954,2956],{"class":1613,"line":1766},[1611,2942,1769],{"class":1617},[1611,2944,1520],{"class":1621},[1611,2946,1636],{"class":1635},[1611,2948,1639],{"class":1617},[1611,2950,1642],{"class":1617},[1611,2952,2953],{"class":1645},"text-3xl font-semibold text-highlighted",[1611,2955,1642],{"class":1617},[1611,2957,1624],{"class":1617},[1611,2959,2960],{"class":1613,"line":1787},[1611,2961,2962],{"class":1811},"        1\n",[1611,2964,2965,2967,2969],{"class":1613,"line":1808},[1611,2966,1863],{"class":1617},[1611,2968,1520],{"class":1621},[1611,2970,1624],{"class":1617},[1611,2972,2973,2975,2977,2979,2981,2983,2986,2988],{"class":1613,"line":1815},[1611,2974,1769],{"class":1617},[1611,2976,1520],{"class":1621},[1611,2978,1636],{"class":1635},[1611,2980,1639],{"class":1617},[1611,2982,1642],{"class":1617},[1611,2984,2985],{"class":1645},"text-xs uppercase tracking-wide text-muted",[1611,2987,1642],{"class":1617},[1611,2989,1624],{"class":1617},[1611,2991,2992],{"class":1613,"line":1825},[1611,2993,2994],{"class":1811},"        beam\n",[1611,2996,2997,2999,3001],{"class":1613,"line":1845},[1611,2998,1863],{"class":1617},[1611,3000,1520],{"class":1621},[1611,3002,1624],{"class":1617},[1611,3004,3005,3007,3009],{"class":1613,"line":1851},[1611,3006,1873],{"class":1617},[1611,3008,1876],{"class":1621},[1611,3010,1624],{"class":1617},[1611,3012,3013],{"class":1613,"line":1860},[1611,3014,1885],{"emptyLinePlaceholder":1884},[1611,3016,3017,3019],{"class":1613,"line":1870},[1611,3018,1656],{"class":1617},[1611,3020,1659],{"class":1621},[1611,3022,3023,3025,3027,3029,3031],{"class":1613,"line":1881},[1611,3024,1665],{"class":1635},[1611,3026,1639],{"class":1617},[1611,3028,1642],{"class":1617},[1611,3030,2861],{"class":1645},[1611,3032,1675],{"class":1617},[1611,3034,3035,3037,3039,3041,3043,3046],{"class":1613,"line":1888},[1611,3036,1681],{"class":1617},[1611,3038,1684],{"class":1635},[1611,3040,1639],{"class":1617},[1611,3042,1642],{"class":1617},[1611,3044,3045],{"class":1691},"2",[1611,3047,1675],{"class":1617},[1611,3049,3050,3052,3054,3056,3058,3060],{"class":1613,"line":1895},[1611,3051,1681],{"class":1617},[1611,3053,1559],{"class":1635},[1611,3055,1639],{"class":1617},[1611,3057,1642],{"class":1617},[1611,3059,2891],{"class":1691},[1611,3061,1675],{"class":1617},[1611,3063,3064,3066,3068,3070,3072,3074],{"class":1613,"line":1908},[1611,3065,1681],{"class":1617},[1611,3067,1702],{"class":1635},[1611,3069,1639],{"class":1617},[1611,3071,1642],{"class":1617},[1611,3073,2906],{"class":1691},[1611,3075,1675],{"class":1617},[1611,3077,3078,3080,3082,3084,3087],{"class":1613,"line":1923},[1611,3079,1733],{"class":1635},[1611,3081,1639],{"class":1617},[1611,3083,1642],{"class":1617},[1611,3085,3086],{"class":1645},"#93c5fd",[1611,3088,1675],{"class":1617},[1611,3090,3091,3093,3095,3097,3100],{"class":1613,"line":1939},[1611,3092,1748],{"class":1635},[1611,3094,1639],{"class":1617},[1611,3096,1642],{"class":1617},[1611,3098,3099],{"class":1645},"#3b82f6",[1611,3101,1675],{"class":1617},[1611,3103,3104],{"class":1613,"line":1955},[1611,3105,1763],{"class":1617},[1611,3107,3108,3110,3112,3114,3116,3118,3120,3122],{"class":1613,"line":1961},[1611,3109,1769],{"class":1617},[1611,3111,1520],{"class":1621},[1611,3113,1636],{"class":1635},[1611,3115,1639],{"class":1617},[1611,3117,1642],{"class":1617},[1611,3119,2953],{"class":1645},[1611,3121,1642],{"class":1617},[1611,3123,1624],{"class":1617},[1611,3125,3126],{"class":1613,"line":1967},[1611,3127,3128],{"class":1811},"        2\n",[1611,3130,3131,3133,3135],{"class":1613,"line":1981},[1611,3132,1863],{"class":1617},[1611,3134,1520],{"class":1621},[1611,3136,1624],{"class":1617},[1611,3138,3139,3141,3143,3145,3147,3149,3151,3153],{"class":1613,"line":1995},[1611,3140,1769],{"class":1617},[1611,3142,1520],{"class":1621},[1611,3144,1636],{"class":1635},[1611,3146,1639],{"class":1617},[1611,3148,1642],{"class":1617},[1611,3150,2985],{"class":1645},[1611,3152,1642],{"class":1617},[1611,3154,1624],{"class":1617},[1611,3156,3157],{"class":1613,"line":2000},[1611,3158,3159],{"class":1811},"        beams\n",[1611,3161,3162,3164,3166],{"class":1613,"line":2019},[1611,3163,1863],{"class":1617},[1611,3165,1520],{"class":1621},[1611,3167,1624],{"class":1617},[1611,3169,3170,3172,3174],{"class":1613,"line":2038},[1611,3171,1873],{"class":1617},[1611,3173,1876],{"class":1621},[1611,3175,1624],{"class":1617},[1611,3177,3178],{"class":1613,"line":2044},[1611,3179,1885],{"emptyLinePlaceholder":1884},[1611,3181,3182,3184],{"class":1613,"line":2053},[1611,3183,1656],{"class":1617},[1611,3185,1659],{"class":1621},[1611,3187,3188,3190,3192,3194,3196],{"class":1613,"line":2072},[1611,3189,1665],{"class":1635},[1611,3191,1639],{"class":1617},[1611,3193,1642],{"class":1617},[1611,3195,2861],{"class":1645},[1611,3197,1675],{"class":1617},[1611,3199,3200,3202,3204,3206,3208,3210],{"class":1613,"line":2078},[1611,3201,1681],{"class":1617},[1611,3203,1684],{"class":1635},[1611,3205,1639],{"class":1617},[1611,3207,1642],{"class":1617},[1611,3209,1692],{"class":1691},[1611,3211,1675],{"class":1617},[1611,3213,3214,3216,3218,3220,3222,3224],{"class":1613,"line":2087},[1611,3215,1681],{"class":1617},[1611,3217,1559],{"class":1635},[1611,3219,1639],{"class":1617},[1611,3221,1642],{"class":1617},[1611,3223,2891],{"class":1691},[1611,3225,1675],{"class":1617},[1611,3227,3228,3230,3232,3234,3236,3238],{"class":1613,"line":2096},[1611,3229,1681],{"class":1617},[1611,3231,1702],{"class":1635},[1611,3233,1639],{"class":1617},[1611,3235,1642],{"class":1617},[1611,3237,2906],{"class":1691},[1611,3239,1675],{"class":1617},[1611,3241,3242,3244,3246,3248,3251],{"class":1613,"line":2105},[1611,3243,1733],{"class":1635},[1611,3245,1639],{"class":1617},[1611,3247,1642],{"class":1617},[1611,3249,3250],{"class":1645},"#d8b4fe",[1611,3252,1675],{"class":1617},[1611,3254,3255,3257,3259,3261,3264],{"class":1613,"line":2115},[1611,3256,1748],{"class":1635},[1611,3258,1639],{"class":1617},[1611,3260,1642],{"class":1617},[1611,3262,3263],{"class":1645},"#a855f7",[1611,3265,1675],{"class":1617},[1611,3267,3268],{"class":1613,"line":2610},[1611,3269,1763],{"class":1617},[1611,3271,3272,3274,3276,3278,3280,3282,3284,3286],{"class":1613,"line":2625},[1611,3273,1769],{"class":1617},[1611,3275,1520],{"class":1621},[1611,3277,1636],{"class":1635},[1611,3279,1639],{"class":1617},[1611,3281,1642],{"class":1617},[1611,3283,2953],{"class":1645},[1611,3285,1642],{"class":1617},[1611,3287,1624],{"class":1617},[1611,3289,3290],{"class":1613,"line":2641},[1611,3291,3292],{"class":1811},"        3\n",[1611,3294,3295,3297,3299],{"class":1613,"line":2655},[1611,3296,1863],{"class":1617},[1611,3298,1520],{"class":1621},[1611,3300,1624],{"class":1617},[1611,3302,3303,3305,3307,3309,3311,3313,3315,3317],{"class":1613,"line":2669},[1611,3304,1769],{"class":1617},[1611,3306,1520],{"class":1621},[1611,3308,1636],{"class":1635},[1611,3310,1639],{"class":1617},[1611,3312,1642],{"class":1617},[1611,3314,2985],{"class":1645},[1611,3316,1642],{"class":1617},[1611,3318,1624],{"class":1617},[1611,3320,3321],{"class":1613,"line":2674},[1611,3322,3159],{"class":1811},[1611,3324,3325,3327,3329],{"class":1613,"line":2693},[1611,3326,1863],{"class":1617},[1611,3328,1520],{"class":1621},[1611,3330,1624],{"class":1617},[1611,3332,3333,3335,3337],{"class":1613,"line":2712},[1611,3334,1873],{"class":1617},[1611,3336,1876],{"class":1621},[1611,3338,1624],{"class":1617},[1611,3340,3341,3343,3345],{"class":1613,"line":2718},[1611,3342,2108],{"class":1617},[1611,3344,1586],{"class":1621},[1611,3346,1624],{"class":1617},[1611,3348,3349,3351,3353],{"class":1613,"line":2727},[1611,3350,2118],{"class":1617},[1611,3352,1599],{"class":1621},[1611,3354,1624],{"class":1617},[2128,3356,3358],{"id":3357},"colors","Colors",[1520,3360,3361,3363,3364,3366],{},[1527,3362,1540],{}," is the tail, ",[1527,3365,1544],{}," is the head. Both are plain CSS colors, so theme\ntokens and CSS variables work as well as hex values.",[1582,3368,3369,3375],{"label":1584},[1586,3370,1593,3372],{"className":3371},[1589,1590,1591,1592],[1595,3373],{"name":3374},"border-beam-colors",[1599,3376,3377],{"v-slot:code":1601},[1603,3378,3380],{"className":1605,"code":3379,"language":1607,"meta":1601,"style":1601},"\u003Ctemplate>\n  \u003Cdiv class=\"grid grid-cols-1 md:grid-cols-2 gap-5 w-full max-w-2xl\">\n    \u003CMBorderBeam\n      class=\"rounded-2xl bg-elevated\u002F40 p-5\"\n      :size=\"80\"\n      :duration=\"5\"\n      color-from=\"#fca5a5\"\n      color-to=\"#ef4444\"\n    >\n      \u003Cdiv class=\"flex items-center justify-between gap-4\">\n        \u003Cp class=\"text-sm font-semibold text-highlighted\">\n          Sunset\n        \u003C\u002Fp>\n        \u003Cdiv class=\"flex items-center gap-1.5\">\n          \u003Cspan class=\"size-3 rounded-full bg-[#fca5a5]\" \u002F>\n          \u003Cspan class=\"size-3 rounded-full bg-[#ef4444]\" \u002F>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    \u003C\u002FMBorderBeam>\n\n    \u003CMBorderBeam\n      class=\"rounded-2xl bg-elevated\u002F40 p-5\"\n      :size=\"80\"\n      :duration=\"5.5\"\n      color-from=\"#6ee7b7\"\n      color-to=\"#10b981\"\n    >\n      \u003Cdiv class=\"flex items-center justify-between gap-4\">\n        \u003Cp class=\"text-sm font-semibold text-highlighted\">\n          Emerald\n        \u003C\u002Fp>\n        \u003Cdiv class=\"flex items-center gap-1.5\">\n          \u003Cspan class=\"size-3 rounded-full bg-[#6ee7b7]\" \u002F>\n          \u003Cspan class=\"size-3 rounded-full bg-[#10b981]\" \u002F>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    \u003C\u002FMBorderBeam>\n\n    \u003CMBorderBeam\n      class=\"rounded-2xl bg-elevated\u002F40 p-5\"\n      :size=\"80\"\n      :duration=\"4.8\"\n      color-from=\"#67e8f9\"\n      color-to=\"#0ea5e9\"\n    >\n      \u003Cdiv class=\"flex items-center justify-between gap-4\">\n        \u003Cp class=\"text-sm font-semibold text-highlighted\">\n          Lagoon\n        \u003C\u002Fp>\n        \u003Cdiv class=\"flex items-center gap-1.5\">\n          \u003Cspan class=\"size-3 rounded-full bg-[#67e8f9]\" \u002F>\n          \u003Cspan class=\"size-3 rounded-full bg-[#0ea5e9]\" \u002F>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    \u003C\u002FMBorderBeam>\n\n    \u003CMBorderBeam\n      class=\"rounded-2xl bg-elevated\u002F40 p-5\"\n      :size=\"80\"\n      :duration=\"5.2\"\n      color-from=\"#f0abfc\"\n      color-to=\"#c026d3\"\n    >\n      \u003Cdiv class=\"flex items-center justify-between gap-4\">\n        \u003Cp class=\"text-sm font-semibold text-highlighted\">\n          Orchid\n        \u003C\u002Fp>\n        \u003Cdiv class=\"flex items-center gap-1.5\">\n          \u003Cspan class=\"size-3 rounded-full bg-[#f0abfc]\" \u002F>\n          \u003Cspan class=\"size-3 rounded-full bg-[#c026d3]\" \u002F>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    \u003C\u002FMBorderBeam>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n",[1527,3381,3382,3390,3409,3415,3428,3443,3457,3470,3483,3487,3506,3524,3529,3537,3556,3577,3596,3604,3612,3620,3624,3630,3642,3656,3671,3684,3697,3701,3719,3737,3742,3750,3768,3787,3806,3814,3822,3830,3834,3840,3852,3866,3881,3894,3906,3910,3928,3946,3951,3959,3977,3996,4015,4023,4031,4039,4043,4049,4062,4077,4093,4106,4120,4125,4144,4163,4169,4178,4197,4217,4237,4246,4255,4264,4273],{"__ignoreMap":1601},[1611,3383,3384,3386,3388],{"class":1613,"line":1614},[1611,3385,1618],{"class":1617},[1611,3387,1599],{"class":1621},[1611,3389,1624],{"class":1617},[1611,3391,3392,3394,3396,3398,3400,3402,3405,3407],{"class":1613,"line":1627},[1611,3393,1630],{"class":1617},[1611,3395,1586],{"class":1621},[1611,3397,1636],{"class":1635},[1611,3399,1639],{"class":1617},[1611,3401,1642],{"class":1617},[1611,3403,3404],{"class":1645},"grid grid-cols-1 md:grid-cols-2 gap-5 w-full max-w-2xl",[1611,3406,1642],{"class":1617},[1611,3408,1624],{"class":1617},[1611,3410,3411,3413],{"class":1613,"line":1653},[1611,3412,1656],{"class":1617},[1611,3414,1659],{"class":1621},[1611,3416,3417,3419,3421,3423,3426],{"class":1613,"line":1662},[1611,3418,1665],{"class":1635},[1611,3420,1639],{"class":1617},[1611,3422,1642],{"class":1617},[1611,3424,3425],{"class":1645},"rounded-2xl bg-elevated\u002F40 p-5",[1611,3427,1675],{"class":1617},[1611,3429,3430,3432,3434,3436,3438,3441],{"class":1613,"line":1678},[1611,3431,1681],{"class":1617},[1611,3433,1559],{"class":1635},[1611,3435,1639],{"class":1617},[1611,3437,1642],{"class":1617},[1611,3439,3440],{"class":1691},"80",[1611,3442,1675],{"class":1617},[1611,3444,3445,3447,3449,3451,3453,3455],{"class":1613,"line":1697},[1611,3446,1681],{"class":1617},[1611,3448,1702],{"class":1635},[1611,3450,1639],{"class":1617},[1611,3452,1642],{"class":1617},[1611,3454,2906],{"class":1691},[1611,3456,1675],{"class":1617},[1611,3458,3459,3461,3463,3465,3468],{"class":1613,"line":1714},[1611,3460,1733],{"class":1635},[1611,3462,1639],{"class":1617},[1611,3464,1642],{"class":1617},[1611,3466,3467],{"class":1645},"#fca5a5",[1611,3469,1675],{"class":1617},[1611,3471,3472,3474,3476,3478,3481],{"class":1613,"line":1730},[1611,3473,1748],{"class":1635},[1611,3475,1639],{"class":1617},[1611,3477,1642],{"class":1617},[1611,3479,3480],{"class":1645},"#ef4444",[1611,3482,1675],{"class":1617},[1611,3484,3485],{"class":1613,"line":1745},[1611,3486,1763],{"class":1617},[1611,3488,3489,3491,3493,3495,3497,3499,3502,3504],{"class":1613,"line":1760},[1611,3490,1769],{"class":1617},[1611,3492,1586],{"class":1621},[1611,3494,1636],{"class":1635},[1611,3496,1639],{"class":1617},[1611,3498,1642],{"class":1617},[1611,3500,3501],{"class":1645},"flex items-center justify-between gap-4",[1611,3503,1642],{"class":1617},[1611,3505,1624],{"class":1617},[1611,3507,3508,3510,3512,3514,3516,3518,3520,3522],{"class":1613,"line":1766},[1611,3509,1790],{"class":1617},[1611,3511,1520],{"class":1621},[1611,3513,1636],{"class":1635},[1611,3515,1639],{"class":1617},[1611,3517,1642],{"class":1617},[1611,3519,2313],{"class":1645},[1611,3521,1642],{"class":1617},[1611,3523,1624],{"class":1617},[1611,3525,3526],{"class":1613,"line":1787},[1611,3527,3528],{"class":1811},"          Sunset\n",[1611,3530,3531,3533,3535],{"class":1613,"line":1808},[1611,3532,1818],{"class":1617},[1611,3534,1520],{"class":1621},[1611,3536,1624],{"class":1617},[1611,3538,3539,3541,3543,3545,3547,3549,3552,3554],{"class":1613,"line":1815},[1611,3540,1790],{"class":1617},[1611,3542,1586],{"class":1621},[1611,3544,1636],{"class":1635},[1611,3546,1639],{"class":1617},[1611,3548,1642],{"class":1617},[1611,3550,3551],{"class":1645},"flex items-center gap-1.5",[1611,3553,1642],{"class":1617},[1611,3555,1624],{"class":1617},[1611,3557,3558,3561,3563,3565,3567,3569,3572,3574],{"class":1613,"line":1825},[1611,3559,3560],{"class":1617},"          \u003C",[1611,3562,1611],{"class":1621},[1611,3564,1636],{"class":1635},[1611,3566,1639],{"class":1617},[1611,3568,1642],{"class":1617},[1611,3570,3571],{"class":1645},"size-3 rounded-full bg-[#fca5a5]",[1611,3573,1642],{"class":1617},[1611,3575,3576],{"class":1617}," \u002F>\n",[1611,3578,3579,3581,3583,3585,3587,3589,3592,3594],{"class":1613,"line":1845},[1611,3580,3560],{"class":1617},[1611,3582,1611],{"class":1621},[1611,3584,1636],{"class":1635},[1611,3586,1639],{"class":1617},[1611,3588,1642],{"class":1617},[1611,3590,3591],{"class":1645},"size-3 rounded-full bg-[#ef4444]",[1611,3593,1642],{"class":1617},[1611,3595,3576],{"class":1617},[1611,3597,3598,3600,3602],{"class":1613,"line":1851},[1611,3599,1818],{"class":1617},[1611,3601,1586],{"class":1621},[1611,3603,1624],{"class":1617},[1611,3605,3606,3608,3610],{"class":1613,"line":1860},[1611,3607,1863],{"class":1617},[1611,3609,1586],{"class":1621},[1611,3611,1624],{"class":1617},[1611,3613,3614,3616,3618],{"class":1613,"line":1870},[1611,3615,1873],{"class":1617},[1611,3617,1876],{"class":1621},[1611,3619,1624],{"class":1617},[1611,3621,3622],{"class":1613,"line":1881},[1611,3623,1885],{"emptyLinePlaceholder":1884},[1611,3625,3626,3628],{"class":1613,"line":1888},[1611,3627,1656],{"class":1617},[1611,3629,1659],{"class":1621},[1611,3631,3632,3634,3636,3638,3640],{"class":1613,"line":1895},[1611,3633,1665],{"class":1635},[1611,3635,1639],{"class":1617},[1611,3637,1642],{"class":1617},[1611,3639,3425],{"class":1645},[1611,3641,1675],{"class":1617},[1611,3643,3644,3646,3648,3650,3652,3654],{"class":1613,"line":1908},[1611,3645,1681],{"class":1617},[1611,3647,1559],{"class":1635},[1611,3649,1639],{"class":1617},[1611,3651,1642],{"class":1617},[1611,3653,3440],{"class":1691},[1611,3655,1675],{"class":1617},[1611,3657,3658,3660,3662,3664,3666,3669],{"class":1613,"line":1923},[1611,3659,1681],{"class":1617},[1611,3661,1702],{"class":1635},[1611,3663,1639],{"class":1617},[1611,3665,1642],{"class":1617},[1611,3667,3668],{"class":1691},"5.5",[1611,3670,1675],{"class":1617},[1611,3672,3673,3675,3677,3679,3682],{"class":1613,"line":1939},[1611,3674,1733],{"class":1635},[1611,3676,1639],{"class":1617},[1611,3678,1642],{"class":1617},[1611,3680,3681],{"class":1645},"#6ee7b7",[1611,3683,1675],{"class":1617},[1611,3685,3686,3688,3690,3692,3695],{"class":1613,"line":1955},[1611,3687,1748],{"class":1635},[1611,3689,1639],{"class":1617},[1611,3691,1642],{"class":1617},[1611,3693,3694],{"class":1645},"#10b981",[1611,3696,1675],{"class":1617},[1611,3698,3699],{"class":1613,"line":1961},[1611,3700,1763],{"class":1617},[1611,3702,3703,3705,3707,3709,3711,3713,3715,3717],{"class":1613,"line":1967},[1611,3704,1769],{"class":1617},[1611,3706,1586],{"class":1621},[1611,3708,1636],{"class":1635},[1611,3710,1639],{"class":1617},[1611,3712,1642],{"class":1617},[1611,3714,3501],{"class":1645},[1611,3716,1642],{"class":1617},[1611,3718,1624],{"class":1617},[1611,3720,3721,3723,3725,3727,3729,3731,3733,3735],{"class":1613,"line":1981},[1611,3722,1790],{"class":1617},[1611,3724,1520],{"class":1621},[1611,3726,1636],{"class":1635},[1611,3728,1639],{"class":1617},[1611,3730,1642],{"class":1617},[1611,3732,2313],{"class":1645},[1611,3734,1642],{"class":1617},[1611,3736,1624],{"class":1617},[1611,3738,3739],{"class":1613,"line":1995},[1611,3740,3741],{"class":1811},"          Emerald\n",[1611,3743,3744,3746,3748],{"class":1613,"line":2000},[1611,3745,1818],{"class":1617},[1611,3747,1520],{"class":1621},[1611,3749,1624],{"class":1617},[1611,3751,3752,3754,3756,3758,3760,3762,3764,3766],{"class":1613,"line":2019},[1611,3753,1790],{"class":1617},[1611,3755,1586],{"class":1621},[1611,3757,1636],{"class":1635},[1611,3759,1639],{"class":1617},[1611,3761,1642],{"class":1617},[1611,3763,3551],{"class":1645},[1611,3765,1642],{"class":1617},[1611,3767,1624],{"class":1617},[1611,3769,3770,3772,3774,3776,3778,3780,3783,3785],{"class":1613,"line":2038},[1611,3771,3560],{"class":1617},[1611,3773,1611],{"class":1621},[1611,3775,1636],{"class":1635},[1611,3777,1639],{"class":1617},[1611,3779,1642],{"class":1617},[1611,3781,3782],{"class":1645},"size-3 rounded-full bg-[#6ee7b7]",[1611,3784,1642],{"class":1617},[1611,3786,3576],{"class":1617},[1611,3788,3789,3791,3793,3795,3797,3799,3802,3804],{"class":1613,"line":2044},[1611,3790,3560],{"class":1617},[1611,3792,1611],{"class":1621},[1611,3794,1636],{"class":1635},[1611,3796,1639],{"class":1617},[1611,3798,1642],{"class":1617},[1611,3800,3801],{"class":1645},"size-3 rounded-full bg-[#10b981]",[1611,3803,1642],{"class":1617},[1611,3805,3576],{"class":1617},[1611,3807,3808,3810,3812],{"class":1613,"line":2053},[1611,3809,1818],{"class":1617},[1611,3811,1586],{"class":1621},[1611,3813,1624],{"class":1617},[1611,3815,3816,3818,3820],{"class":1613,"line":2072},[1611,3817,1863],{"class":1617},[1611,3819,1586],{"class":1621},[1611,3821,1624],{"class":1617},[1611,3823,3824,3826,3828],{"class":1613,"line":2078},[1611,3825,1873],{"class":1617},[1611,3827,1876],{"class":1621},[1611,3829,1624],{"class":1617},[1611,3831,3832],{"class":1613,"line":2087},[1611,3833,1885],{"emptyLinePlaceholder":1884},[1611,3835,3836,3838],{"class":1613,"line":2096},[1611,3837,1656],{"class":1617},[1611,3839,1659],{"class":1621},[1611,3841,3842,3844,3846,3848,3850],{"class":1613,"line":2105},[1611,3843,1665],{"class":1635},[1611,3845,1639],{"class":1617},[1611,3847,1642],{"class":1617},[1611,3849,3425],{"class":1645},[1611,3851,1675],{"class":1617},[1611,3853,3854,3856,3858,3860,3862,3864],{"class":1613,"line":2115},[1611,3855,1681],{"class":1617},[1611,3857,1559],{"class":1635},[1611,3859,1639],{"class":1617},[1611,3861,1642],{"class":1617},[1611,3863,3440],{"class":1691},[1611,3865,1675],{"class":1617},[1611,3867,3868,3870,3872,3874,3876,3879],{"class":1613,"line":2610},[1611,3869,1681],{"class":1617},[1611,3871,1702],{"class":1635},[1611,3873,1639],{"class":1617},[1611,3875,1642],{"class":1617},[1611,3877,3878],{"class":1691},"4.8",[1611,3880,1675],{"class":1617},[1611,3882,3883,3885,3887,3889,3892],{"class":1613,"line":2625},[1611,3884,1733],{"class":1635},[1611,3886,1639],{"class":1617},[1611,3888,1642],{"class":1617},[1611,3890,3891],{"class":1645},"#67e8f9",[1611,3893,1675],{"class":1617},[1611,3895,3896,3898,3900,3902,3904],{"class":1613,"line":2641},[1611,3897,1748],{"class":1635},[1611,3899,1639],{"class":1617},[1611,3901,1642],{"class":1617},[1611,3903,2273],{"class":1645},[1611,3905,1675],{"class":1617},[1611,3907,3908],{"class":1613,"line":2655},[1611,3909,1763],{"class":1617},[1611,3911,3912,3914,3916,3918,3920,3922,3924,3926],{"class":1613,"line":2669},[1611,3913,1769],{"class":1617},[1611,3915,1586],{"class":1621},[1611,3917,1636],{"class":1635},[1611,3919,1639],{"class":1617},[1611,3921,1642],{"class":1617},[1611,3923,3501],{"class":1645},[1611,3925,1642],{"class":1617},[1611,3927,1624],{"class":1617},[1611,3929,3930,3932,3934,3936,3938,3940,3942,3944],{"class":1613,"line":2674},[1611,3931,1790],{"class":1617},[1611,3933,1520],{"class":1621},[1611,3935,1636],{"class":1635},[1611,3937,1639],{"class":1617},[1611,3939,1642],{"class":1617},[1611,3941,2313],{"class":1645},[1611,3943,1642],{"class":1617},[1611,3945,1624],{"class":1617},[1611,3947,3948],{"class":1613,"line":2693},[1611,3949,3950],{"class":1811},"          Lagoon\n",[1611,3952,3953,3955,3957],{"class":1613,"line":2712},[1611,3954,1818],{"class":1617},[1611,3956,1520],{"class":1621},[1611,3958,1624],{"class":1617},[1611,3960,3961,3963,3965,3967,3969,3971,3973,3975],{"class":1613,"line":2718},[1611,3962,1790],{"class":1617},[1611,3964,1586],{"class":1621},[1611,3966,1636],{"class":1635},[1611,3968,1639],{"class":1617},[1611,3970,1642],{"class":1617},[1611,3972,3551],{"class":1645},[1611,3974,1642],{"class":1617},[1611,3976,1624],{"class":1617},[1611,3978,3979,3981,3983,3985,3987,3989,3992,3994],{"class":1613,"line":2727},[1611,3980,3560],{"class":1617},[1611,3982,1611],{"class":1621},[1611,3984,1636],{"class":1635},[1611,3986,1639],{"class":1617},[1611,3988,1642],{"class":1617},[1611,3990,3991],{"class":1645},"size-3 rounded-full bg-[#67e8f9]",[1611,3993,1642],{"class":1617},[1611,3995,3576],{"class":1617},[1611,3997,3998,4000,4002,4004,4006,4008,4011,4013],{"class":1613,"line":2746},[1611,3999,3560],{"class":1617},[1611,4001,1611],{"class":1621},[1611,4003,1636],{"class":1635},[1611,4005,1639],{"class":1617},[1611,4007,1642],{"class":1617},[1611,4009,4010],{"class":1645},"size-3 rounded-full bg-[#0ea5e9]",[1611,4012,1642],{"class":1617},[1611,4014,3576],{"class":1617},[1611,4016,4017,4019,4021],{"class":1613,"line":2752},[1611,4018,1818],{"class":1617},[1611,4020,1586],{"class":1621},[1611,4022,1624],{"class":1617},[1611,4024,4025,4027,4029],{"class":1613,"line":2761},[1611,4026,1863],{"class":1617},[1611,4028,1586],{"class":1621},[1611,4030,1624],{"class":1617},[1611,4032,4033,4035,4037],{"class":1613,"line":2770},[1611,4034,1873],{"class":1617},[1611,4036,1876],{"class":1621},[1611,4038,1624],{"class":1617},[1611,4040,4041],{"class":1613,"line":2779},[1611,4042,1885],{"emptyLinePlaceholder":1884},[1611,4044,4045,4047],{"class":1613,"line":2788},[1611,4046,1656],{"class":1617},[1611,4048,1659],{"class":1621},[1611,4050,4052,4054,4056,4058,4060],{"class":1613,"line":4051},58,[1611,4053,1665],{"class":1635},[1611,4055,1639],{"class":1617},[1611,4057,1642],{"class":1617},[1611,4059,3425],{"class":1645},[1611,4061,1675],{"class":1617},[1611,4063,4065,4067,4069,4071,4073,4075],{"class":1613,"line":4064},59,[1611,4066,1681],{"class":1617},[1611,4068,1559],{"class":1635},[1611,4070,1639],{"class":1617},[1611,4072,1642],{"class":1617},[1611,4074,3440],{"class":1691},[1611,4076,1675],{"class":1617},[1611,4078,4080,4082,4084,4086,4088,4091],{"class":1613,"line":4079},60,[1611,4081,1681],{"class":1617},[1611,4083,1702],{"class":1635},[1611,4085,1639],{"class":1617},[1611,4087,1642],{"class":1617},[1611,4089,4090],{"class":1691},"5.2",[1611,4092,1675],{"class":1617},[1611,4094,4096,4098,4100,4102,4104],{"class":1613,"line":4095},61,[1611,4097,1733],{"class":1635},[1611,4099,1639],{"class":1617},[1611,4101,1642],{"class":1617},[1611,4103,1755],{"class":1645},[1611,4105,1675],{"class":1617},[1611,4107,4109,4111,4113,4115,4118],{"class":1613,"line":4108},62,[1611,4110,1748],{"class":1635},[1611,4112,1639],{"class":1617},[1611,4114,1642],{"class":1617},[1611,4116,4117],{"class":1645},"#c026d3",[1611,4119,1675],{"class":1617},[1611,4121,4123],{"class":1613,"line":4122},63,[1611,4124,1763],{"class":1617},[1611,4126,4128,4130,4132,4134,4136,4138,4140,4142],{"class":1613,"line":4127},64,[1611,4129,1769],{"class":1617},[1611,4131,1586],{"class":1621},[1611,4133,1636],{"class":1635},[1611,4135,1639],{"class":1617},[1611,4137,1642],{"class":1617},[1611,4139,3501],{"class":1645},[1611,4141,1642],{"class":1617},[1611,4143,1624],{"class":1617},[1611,4145,4147,4149,4151,4153,4155,4157,4159,4161],{"class":1613,"line":4146},65,[1611,4148,1790],{"class":1617},[1611,4150,1520],{"class":1621},[1611,4152,1636],{"class":1635},[1611,4154,1639],{"class":1617},[1611,4156,1642],{"class":1617},[1611,4158,2313],{"class":1645},[1611,4160,1642],{"class":1617},[1611,4162,1624],{"class":1617},[1611,4164,4166],{"class":1613,"line":4165},66,[1611,4167,4168],{"class":1811},"          Orchid\n",[1611,4170,4172,4174,4176],{"class":1613,"line":4171},67,[1611,4173,1818],{"class":1617},[1611,4175,1520],{"class":1621},[1611,4177,1624],{"class":1617},[1611,4179,4181,4183,4185,4187,4189,4191,4193,4195],{"class":1613,"line":4180},68,[1611,4182,1790],{"class":1617},[1611,4184,1586],{"class":1621},[1611,4186,1636],{"class":1635},[1611,4188,1639],{"class":1617},[1611,4190,1642],{"class":1617},[1611,4192,3551],{"class":1645},[1611,4194,1642],{"class":1617},[1611,4196,1624],{"class":1617},[1611,4198,4200,4202,4204,4206,4208,4210,4213,4215],{"class":1613,"line":4199},69,[1611,4201,3560],{"class":1617},[1611,4203,1611],{"class":1621},[1611,4205,1636],{"class":1635},[1611,4207,1639],{"class":1617},[1611,4209,1642],{"class":1617},[1611,4211,4212],{"class":1645},"size-3 rounded-full bg-[#f0abfc]",[1611,4214,1642],{"class":1617},[1611,4216,3576],{"class":1617},[1611,4218,4220,4222,4224,4226,4228,4230,4233,4235],{"class":1613,"line":4219},70,[1611,4221,3560],{"class":1617},[1611,4223,1611],{"class":1621},[1611,4225,1636],{"class":1635},[1611,4227,1639],{"class":1617},[1611,4229,1642],{"class":1617},[1611,4231,4232],{"class":1645},"size-3 rounded-full bg-[#c026d3]",[1611,4234,1642],{"class":1617},[1611,4236,3576],{"class":1617},[1611,4238,4240,4242,4244],{"class":1613,"line":4239},71,[1611,4241,1818],{"class":1617},[1611,4243,1586],{"class":1621},[1611,4245,1624],{"class":1617},[1611,4247,4249,4251,4253],{"class":1613,"line":4248},72,[1611,4250,1863],{"class":1617},[1611,4252,1586],{"class":1621},[1611,4254,1624],{"class":1617},[1611,4256,4258,4260,4262],{"class":1613,"line":4257},73,[1611,4259,1873],{"class":1617},[1611,4261,1876],{"class":1621},[1611,4263,1624],{"class":1617},[1611,4265,4267,4269,4271],{"class":1613,"line":4266},74,[1611,4268,2108],{"class":1617},[1611,4270,1586],{"class":1621},[1611,4272,1624],{"class":1617},[1611,4274,4276,4278,4280],{"class":1613,"line":4275},75,[1611,4277,2118],{"class":1617},[1611,4279,1599],{"class":1621},[1611,4281,1624],{"class":1617},[2128,4283,4285],{"id":4284},"reverse-and-pause","Reverse and pause",[1520,4287,4288,4291,4292,4295,4296,4299],{},[1527,4289,4290],{},"reverse"," sends the comet counter-clockwise; ",[1527,4293,4294],{},"pauseOnHover"," freezes it under a fine\npointer. Toggling ",[1527,4297,4298],{},"active"," removes the comet entirely and leaves the resting border.",[1582,4301,4302,4308],{"label":1584},[1586,4303,1593,4305],{"className":4304},[1589,1590,1591,1592],[1595,4306],{"name":4307},"border-beam-reverse",[1599,4309,4310],{"v-slot:code":1601},[1603,4311,4313],{"className":1605,"code":4312,"language":1607,"meta":1601,"style":1601},"\u003Ctemplate>\n  \u003CMBorderBeam\n    class=\"w-full max-w-sm rounded-2xl bg-elevated\u002F50 p-6\"\n    :active=\"isActive\"\n    reverse\n    pause-on-hover\n    :size=\"100\"\n    :duration=\"5\"\n    color-from=\"#6ee7b7\"\n    color-to=\"#10b981\"\n  >\n    \u003Cdiv class=\"flex flex-col items-center gap-3 text-center\">\n      \u003Cp class=\"text-sm text-muted\">\n        Travels counter-clockwise and freezes while you hover.\n      \u003C\u002Fp>\n      \u003CUButton\n        :icon=\"isActive ? 'i-lucide-pause' : 'i-lucide-play'\"\n        color=\"neutral\"\n        variant=\"outline\"\n        size=\"sm\"\n        :aria-pressed=\"isActive\"\n        @click=\"isActive = !isActive\"\n      >\n        {{ isActive ? 'Stop' : 'Start' }}\n      \u003C\u002FUButton>\n    \u003C\u002Fdiv>\n  \u003C\u002FMBorderBeam>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue'\n\nconst isActive = ref(true)\n\u003C\u002Fscript>\n",[1527,4314,4315,4323,4329,4343,4359,4364,4369,4384,4398,4411,4424,4429,4448,4467,4472,4480,4487,4523,4537,4551,4565,4580,4601,4606,4611,4620,4628,4636,4644,4648,4672,4698,4702,4725],{"__ignoreMap":1601},[1611,4316,4317,4319,4321],{"class":1613,"line":1614},[1611,4318,1618],{"class":1617},[1611,4320,1599],{"class":1621},[1611,4322,1624],{"class":1617},[1611,4324,4325,4327],{"class":1613,"line":1627},[1611,4326,1630],{"class":1617},[1611,4328,1659],{"class":1621},[1611,4330,4331,4334,4336,4338,4341],{"class":1613,"line":1653},[1611,4332,4333],{"class":1635},"    class",[1611,4335,1639],{"class":1617},[1611,4337,1642],{"class":1617},[1611,4339,4340],{"class":1645},"w-full max-w-sm rounded-2xl bg-elevated\u002F50 p-6",[1611,4342,1675],{"class":1617},[1611,4344,4345,4348,4350,4352,4354,4357],{"class":1613,"line":1662},[1611,4346,4347],{"class":1617},"    :",[1611,4349,4298],{"class":1635},[1611,4351,1639],{"class":1617},[1611,4353,1642],{"class":1617},[1611,4355,4356],{"class":1811},"isActive",[1611,4358,1675],{"class":1617},[1611,4360,4361],{"class":1613,"line":1678},[1611,4362,4363],{"class":1635},"    reverse\n",[1611,4365,4366],{"class":1613,"line":1697},[1611,4367,4368],{"class":1635},"    pause-on-hover\n",[1611,4370,4371,4373,4375,4377,4379,4382],{"class":1613,"line":1714},[1611,4372,4347],{"class":1617},[1611,4374,1559],{"class":1635},[1611,4376,1639],{"class":1617},[1611,4378,1642],{"class":1617},[1611,4380,4381],{"class":1691},"100",[1611,4383,1675],{"class":1617},[1611,4385,4386,4388,4390,4392,4394,4396],{"class":1613,"line":1730},[1611,4387,4347],{"class":1617},[1611,4389,1702],{"class":1635},[1611,4391,1639],{"class":1617},[1611,4393,1642],{"class":1617},[1611,4395,2906],{"class":1691},[1611,4397,1675],{"class":1617},[1611,4399,4400,4403,4405,4407,4409],{"class":1613,"line":1745},[1611,4401,4402],{"class":1635},"    color-from",[1611,4404,1639],{"class":1617},[1611,4406,1642],{"class":1617},[1611,4408,3681],{"class":1645},[1611,4410,1675],{"class":1617},[1611,4412,4413,4416,4418,4420,4422],{"class":1613,"line":1760},[1611,4414,4415],{"class":1635},"    color-to",[1611,4417,1639],{"class":1617},[1611,4419,1642],{"class":1617},[1611,4421,3694],{"class":1645},[1611,4423,1675],{"class":1617},[1611,4425,4426],{"class":1613,"line":1766},[1611,4427,4428],{"class":1617},"  >\n",[1611,4430,4431,4433,4435,4437,4439,4441,4444,4446],{"class":1613,"line":1787},[1611,4432,1656],{"class":1617},[1611,4434,1586],{"class":1621},[1611,4436,1636],{"class":1635},[1611,4438,1639],{"class":1617},[1611,4440,1642],{"class":1617},[1611,4442,4443],{"class":1645},"flex flex-col items-center gap-3 text-center",[1611,4445,1642],{"class":1617},[1611,4447,1624],{"class":1617},[1611,4449,4450,4452,4454,4456,4458,4460,4463,4465],{"class":1613,"line":1808},[1611,4451,1769],{"class":1617},[1611,4453,1520],{"class":1621},[1611,4455,1636],{"class":1635},[1611,4457,1639],{"class":1617},[1611,4459,1642],{"class":1617},[1611,4461,4462],{"class":1645},"text-sm text-muted",[1611,4464,1642],{"class":1617},[1611,4466,1624],{"class":1617},[1611,4468,4469],{"class":1613,"line":1815},[1611,4470,4471],{"class":1811},"        Travels counter-clockwise and freezes while you hover.\n",[1611,4473,4474,4476,4478],{"class":1613,"line":1825},[1611,4475,1863],{"class":1617},[1611,4477,1520],{"class":1621},[1611,4479,1624],{"class":1617},[1611,4481,4482,4484],{"class":1613,"line":1845},[1611,4483,1769],{"class":1617},[1611,4485,4486],{"class":1621},"UButton\n",[1611,4488,4489,4492,4495,4497,4499,4501,4504,4507,4510,4512,4515,4517,4520],{"class":1613,"line":1851},[1611,4490,4491],{"class":1617},"        :",[1611,4493,4494],{"class":1635},"icon",[1611,4496,1639],{"class":1617},[1611,4498,1642],{"class":1617},[1611,4500,4356],{"class":1811},[1611,4502,4503],{"class":1617}," ? ",[1611,4505,4506],{"class":1617},"'",[1611,4508,4509],{"class":1645},"i-lucide-pause",[1611,4511,4506],{"class":1617},[1611,4513,4514],{"class":1617}," : ",[1611,4516,4506],{"class":1617},[1611,4518,4519],{"class":1645},"i-lucide-play",[1611,4521,4522],{"class":1617},"'\"\n",[1611,4524,4525,4528,4530,4532,4535],{"class":1613,"line":1860},[1611,4526,4527],{"class":1635},"        color",[1611,4529,1639],{"class":1617},[1611,4531,1642],{"class":1617},[1611,4533,4534],{"class":1645},"neutral",[1611,4536,1675],{"class":1617},[1611,4538,4539,4542,4544,4546,4549],{"class":1613,"line":1870},[1611,4540,4541],{"class":1635},"        variant",[1611,4543,1639],{"class":1617},[1611,4545,1642],{"class":1617},[1611,4547,4548],{"class":1645},"outline",[1611,4550,1675],{"class":1617},[1611,4552,4553,4556,4558,4560,4563],{"class":1613,"line":1881},[1611,4554,4555],{"class":1635},"        size",[1611,4557,1639],{"class":1617},[1611,4559,1642],{"class":1617},[1611,4561,4562],{"class":1645},"sm",[1611,4564,1675],{"class":1617},[1611,4566,4567,4569,4572,4574,4576,4578],{"class":1613,"line":1888},[1611,4568,4491],{"class":1617},[1611,4570,4571],{"class":1635},"aria-pressed",[1611,4573,1639],{"class":1617},[1611,4575,1642],{"class":1617},[1611,4577,4356],{"class":1811},[1611,4579,1675],{"class":1617},[1611,4581,4582,4585,4588,4590,4592,4594,4597,4599],{"class":1613,"line":1895},[1611,4583,4584],{"class":1617},"        @",[1611,4586,4587],{"class":1635},"click",[1611,4589,1639],{"class":1617},[1611,4591,1642],{"class":1617},[1611,4593,4356],{"class":1811},[1611,4595,4596],{"class":1617}," = !",[1611,4598,4356],{"class":1811},[1611,4600,1675],{"class":1617},[1611,4602,4603],{"class":1613,"line":1908},[1611,4604,4605],{"class":1617},"      >\n",[1611,4607,4608],{"class":1613,"line":1923},[1611,4609,4610],{"class":1811},"        {{ isActive ? 'Stop' : 'Start' }}\n",[1611,4612,4613,4615,4618],{"class":1613,"line":1939},[1611,4614,1863],{"class":1617},[1611,4616,4617],{"class":1621},"UButton",[1611,4619,1624],{"class":1617},[1611,4621,4622,4624,4626],{"class":1613,"line":1955},[1611,4623,1873],{"class":1617},[1611,4625,1586],{"class":1621},[1611,4627,1624],{"class":1617},[1611,4629,4630,4632,4634],{"class":1613,"line":1961},[1611,4631,2108],{"class":1617},[1611,4633,1876],{"class":1621},[1611,4635,1624],{"class":1617},[1611,4637,4638,4640,4642],{"class":1613,"line":1967},[1611,4639,2118],{"class":1617},[1611,4641,1599],{"class":1621},[1611,4643,1624],{"class":1617},[1611,4645,4646],{"class":1613,"line":1981},[1611,4647,1885],{"emptyLinePlaceholder":1884},[1611,4649,4650,4652,4655,4658,4661,4663,4665,4668,4670],{"class":1613,"line":1995},[1611,4651,1618],{"class":1617},[1611,4653,4654],{"class":1621},"script",[1611,4656,4657],{"class":1635}," setup",[1611,4659,4660],{"class":1635}," lang",[1611,4662,1639],{"class":1617},[1611,4664,1642],{"class":1617},[1611,4666,4667],{"class":1645},"ts",[1611,4669,1642],{"class":1617},[1611,4671,1624],{"class":1617},[1611,4673,4674,4678,4681,4684,4687,4690,4693,4695],{"class":1613,"line":2000},[1611,4675,4677],{"class":4676},"s7zQu","import",[1611,4679,4680],{"class":1617}," {",[1611,4682,4683],{"class":1811}," ref",[1611,4685,4686],{"class":1617}," }",[1611,4688,4689],{"class":4676}," from",[1611,4691,4692],{"class":1617}," '",[1611,4694,1607],{"class":1645},[1611,4696,4697],{"class":1617},"'\n",[1611,4699,4700],{"class":1613,"line":2019},[1611,4701,1885],{"emptyLinePlaceholder":1884},[1611,4703,4704,4707,4710,4712,4715,4718,4722],{"class":1613,"line":2038},[1611,4705,4706],{"class":1635},"const",[1611,4708,4709],{"class":1811}," isActive ",[1611,4711,1639],{"class":1617},[1611,4713,4683],{"class":4714},"s2Zo4",[1611,4716,4717],{"class":1811},"(",[1611,4719,4721],{"class":4720},"sfNiH","true",[1611,4723,4724],{"class":1811},")\n",[1611,4726,4727,4729,4731],{"class":1613,"line":2044},[1611,4728,2118],{"class":1617},[1611,4730,4654],{"class":1621},[1611,4732,1624],{"class":1617},[2128,4734,4736],{"id":4735},"in-a-card","In a card",[1520,4738,4739,4740,4742,4743,4745],{},"The beam is happy on real content. Here it dresses a plan panel, with ",[1527,4741,1559],{}," and\n",[1527,4744,1702],{}," tuned so the comet reads as slow and deliberate rather than urgent.",[1582,4747,4748,4754],{"label":1584},[1586,4749,1593,4751],{"className":4750},[1589,1590,1591,1592],[1595,4752],{"name":4753},"border-beam-card",[1599,4755,4756],{"v-slot:code":1601},[1603,4757,4759],{"className":1605,"code":4758,"language":1607,"meta":1601,"style":1601},"\u003Ctemplate>\n  \u003CMBorderBeam\n    class=\"w-full max-w-sm rounded-3xl bg-elevated\u002F60 p-6 shadow-xl\"\n    :beams=\"1\"\n    :size=\"110\"\n    :duration=\"7\"\n    color-from=\"#a5b4fc\"\n    color-to=\"#f0abfc\"\n  >\n    \u003Cdiv class=\"flex flex-col gap-4\">\n      \u003Cdiv class=\"flex items-baseline justify-between\">\n        \u003Cp class=\"text-sm font-medium text-muted\">\n          Pro\n        \u003C\u002Fp>\n        \u003Cp class=\"text-2xl font-semibold text-highlighted\">\n          $20\u003Cspan class=\"text-sm font-normal text-muted\">\u002Fmo\u003C\u002Fspan>\n        \u003C\u002Fp>\n      \u003C\u002Fdiv>\n\n      \u003Cul class=\"flex flex-col gap-2 text-sm text-muted\">\n        \u003Cli class=\"flex items-center gap-2\">\n          \u003CUIcon\n            name=\"i-lucide-check\"\n            class=\"size-4 text-primary\"\n          \u002F>\n          Unlimited projects\n        \u003C\u002Fli>\n        \u003Cli class=\"flex items-center gap-2\">\n          \u003CUIcon\n            name=\"i-lucide-check\"\n            class=\"size-4 text-primary\"\n          \u002F>\n          Priority support\n        \u003C\u002Fli>\n        \u003Cli class=\"flex items-center gap-2\">\n          \u003CUIcon\n            name=\"i-lucide-check\"\n            class=\"size-4 text-primary\"\n          \u002F>\n          Custom domains\n        \u003C\u002Fli>\n      \u003C\u002Ful>\n\n      \u003CUButton\n        color=\"primary\"\n        block\n      >\n        Upgrade\n      \u003C\u002FUButton>\n    \u003C\u002Fdiv>\n  \u003C\u002FMBorderBeam>\n\u003C\u002Ftemplate>\n",[1527,4760,4761,4769,4775,4788,4802,4817,4831,4843,4855,4859,4878,4897,4916,4921,4929,4948,4980,4988,4996,5000,5020,5040,5047,5061,5075,5080,5085,5093,5111,5117,5129,5141,5145,5150,5158,5176,5182,5194,5206,5210,5215,5223,5231,5235,5241,5254,5259,5263,5268,5276,5284,5292],{"__ignoreMap":1601},[1611,4762,4763,4765,4767],{"class":1613,"line":1614},[1611,4764,1618],{"class":1617},[1611,4766,1599],{"class":1621},[1611,4768,1624],{"class":1617},[1611,4770,4771,4773],{"class":1613,"line":1627},[1611,4772,1630],{"class":1617},[1611,4774,1659],{"class":1621},[1611,4776,4777,4779,4781,4783,4786],{"class":1613,"line":1653},[1611,4778,4333],{"class":1635},[1611,4780,1639],{"class":1617},[1611,4782,1642],{"class":1617},[1611,4784,4785],{"class":1645},"w-full max-w-sm rounded-3xl bg-elevated\u002F60 p-6 shadow-xl",[1611,4787,1675],{"class":1617},[1611,4789,4790,4792,4794,4796,4798,4800],{"class":1613,"line":1662},[1611,4791,4347],{"class":1617},[1611,4793,1684],{"class":1635},[1611,4795,1639],{"class":1617},[1611,4797,1642],{"class":1617},[1611,4799,2876],{"class":1691},[1611,4801,1675],{"class":1617},[1611,4803,4804,4806,4808,4810,4812,4815],{"class":1613,"line":1678},[1611,4805,4347],{"class":1617},[1611,4807,1559],{"class":1635},[1611,4809,1639],{"class":1617},[1611,4811,1642],{"class":1617},[1611,4813,4814],{"class":1691},"110",[1611,4816,1675],{"class":1617},[1611,4818,4819,4821,4823,4825,4827,4829],{"class":1613,"line":1697},[1611,4820,4347],{"class":1617},[1611,4822,1702],{"class":1635},[1611,4824,1639],{"class":1617},[1611,4826,1642],{"class":1617},[1611,4828,1709],{"class":1691},[1611,4830,1675],{"class":1617},[1611,4832,4833,4835,4837,4839,4841],{"class":1613,"line":1714},[1611,4834,4402],{"class":1635},[1611,4836,1639],{"class":1617},[1611,4838,1642],{"class":1617},[1611,4840,1740],{"class":1645},[1611,4842,1675],{"class":1617},[1611,4844,4845,4847,4849,4851,4853],{"class":1613,"line":1730},[1611,4846,4415],{"class":1635},[1611,4848,1639],{"class":1617},[1611,4850,1642],{"class":1617},[1611,4852,1755],{"class":1645},[1611,4854,1675],{"class":1617},[1611,4856,4857],{"class":1613,"line":1745},[1611,4858,4428],{"class":1617},[1611,4860,4861,4863,4865,4867,4869,4871,4874,4876],{"class":1613,"line":1760},[1611,4862,1656],{"class":1617},[1611,4864,1586],{"class":1621},[1611,4866,1636],{"class":1635},[1611,4868,1639],{"class":1617},[1611,4870,1642],{"class":1617},[1611,4872,4873],{"class":1645},"flex flex-col gap-4",[1611,4875,1642],{"class":1617},[1611,4877,1624],{"class":1617},[1611,4879,4880,4882,4884,4886,4888,4890,4893,4895],{"class":1613,"line":1766},[1611,4881,1769],{"class":1617},[1611,4883,1586],{"class":1621},[1611,4885,1636],{"class":1635},[1611,4887,1639],{"class":1617},[1611,4889,1642],{"class":1617},[1611,4891,4892],{"class":1645},"flex items-baseline justify-between",[1611,4894,1642],{"class":1617},[1611,4896,1624],{"class":1617},[1611,4898,4899,4901,4903,4905,4907,4909,4912,4914],{"class":1613,"line":1787},[1611,4900,1790],{"class":1617},[1611,4902,1520],{"class":1621},[1611,4904,1636],{"class":1635},[1611,4906,1639],{"class":1617},[1611,4908,1642],{"class":1617},[1611,4910,4911],{"class":1645},"text-sm font-medium text-muted",[1611,4913,1642],{"class":1617},[1611,4915,1624],{"class":1617},[1611,4917,4918],{"class":1613,"line":1808},[1611,4919,4920],{"class":1811},"          Pro\n",[1611,4922,4923,4925,4927],{"class":1613,"line":1815},[1611,4924,1818],{"class":1617},[1611,4926,1520],{"class":1621},[1611,4928,1624],{"class":1617},[1611,4930,4931,4933,4935,4937,4939,4941,4944,4946],{"class":1613,"line":1825},[1611,4932,1790],{"class":1617},[1611,4934,1520],{"class":1621},[1611,4936,1636],{"class":1635},[1611,4938,1639],{"class":1617},[1611,4940,1642],{"class":1617},[1611,4942,4943],{"class":1645},"text-2xl font-semibold text-highlighted",[1611,4945,1642],{"class":1617},[1611,4947,1624],{"class":1617},[1611,4949,4950,4953,4955,4957,4959,4961,4963,4966,4968,4971,4974,4976,4978],{"class":1613,"line":1845},[1611,4951,4952],{"class":1811},"          $20",[1611,4954,1618],{"class":1617},[1611,4956,1611],{"class":1621},[1611,4958,1636],{"class":1635},[1611,4960,1639],{"class":1617},[1611,4962,1642],{"class":1617},[1611,4964,4965],{"class":1645},"text-sm font-normal text-muted",[1611,4967,1642],{"class":1617},[1611,4969,4970],{"class":1617},">",[1611,4972,4973],{"class":1811},"\u002Fmo",[1611,4975,2118],{"class":1617},[1611,4977,1611],{"class":1621},[1611,4979,1624],{"class":1617},[1611,4981,4982,4984,4986],{"class":1613,"line":1851},[1611,4983,1818],{"class":1617},[1611,4985,1520],{"class":1621},[1611,4987,1624],{"class":1617},[1611,4989,4990,4992,4994],{"class":1613,"line":1860},[1611,4991,1863],{"class":1617},[1611,4993,1586],{"class":1621},[1611,4995,1624],{"class":1617},[1611,4997,4998],{"class":1613,"line":1870},[1611,4999,1885],{"emptyLinePlaceholder":1884},[1611,5001,5002,5004,5007,5009,5011,5013,5016,5018],{"class":1613,"line":1881},[1611,5003,1769],{"class":1617},[1611,5005,5006],{"class":1621},"ul",[1611,5008,1636],{"class":1635},[1611,5010,1639],{"class":1617},[1611,5012,1642],{"class":1617},[1611,5014,5015],{"class":1645},"flex flex-col gap-2 text-sm text-muted",[1611,5017,1642],{"class":1617},[1611,5019,1624],{"class":1617},[1611,5021,5022,5024,5027,5029,5031,5033,5036,5038],{"class":1613,"line":1888},[1611,5023,1790],{"class":1617},[1611,5025,5026],{"class":1621},"li",[1611,5028,1636],{"class":1635},[1611,5030,1639],{"class":1617},[1611,5032,1642],{"class":1617},[1611,5034,5035],{"class":1645},"flex items-center gap-2",[1611,5037,1642],{"class":1617},[1611,5039,1624],{"class":1617},[1611,5041,5042,5044],{"class":1613,"line":1895},[1611,5043,3560],{"class":1617},[1611,5045,5046],{"class":1621},"UIcon\n",[1611,5048,5049,5052,5054,5056,5059],{"class":1613,"line":1908},[1611,5050,5051],{"class":1635},"            name",[1611,5053,1639],{"class":1617},[1611,5055,1642],{"class":1617},[1611,5057,5058],{"class":1645},"i-lucide-check",[1611,5060,1675],{"class":1617},[1611,5062,5063,5066,5068,5070,5073],{"class":1613,"line":1923},[1611,5064,5065],{"class":1635},"            class",[1611,5067,1639],{"class":1617},[1611,5069,1642],{"class":1617},[1611,5071,5072],{"class":1645},"size-4 text-primary",[1611,5074,1675],{"class":1617},[1611,5076,5077],{"class":1613,"line":1939},[1611,5078,5079],{"class":1617},"          \u002F>\n",[1611,5081,5082],{"class":1613,"line":1955},[1611,5083,5084],{"class":1811},"          Unlimited projects\n",[1611,5086,5087,5089,5091],{"class":1613,"line":1961},[1611,5088,1818],{"class":1617},[1611,5090,5026],{"class":1621},[1611,5092,1624],{"class":1617},[1611,5094,5095,5097,5099,5101,5103,5105,5107,5109],{"class":1613,"line":1967},[1611,5096,1790],{"class":1617},[1611,5098,5026],{"class":1621},[1611,5100,1636],{"class":1635},[1611,5102,1639],{"class":1617},[1611,5104,1642],{"class":1617},[1611,5106,5035],{"class":1645},[1611,5108,1642],{"class":1617},[1611,5110,1624],{"class":1617},[1611,5112,5113,5115],{"class":1613,"line":1981},[1611,5114,3560],{"class":1617},[1611,5116,5046],{"class":1621},[1611,5118,5119,5121,5123,5125,5127],{"class":1613,"line":1995},[1611,5120,5051],{"class":1635},[1611,5122,1639],{"class":1617},[1611,5124,1642],{"class":1617},[1611,5126,5058],{"class":1645},[1611,5128,1675],{"class":1617},[1611,5130,5131,5133,5135,5137,5139],{"class":1613,"line":2000},[1611,5132,5065],{"class":1635},[1611,5134,1639],{"class":1617},[1611,5136,1642],{"class":1617},[1611,5138,5072],{"class":1645},[1611,5140,1675],{"class":1617},[1611,5142,5143],{"class":1613,"line":2019},[1611,5144,5079],{"class":1617},[1611,5146,5147],{"class":1613,"line":2038},[1611,5148,5149],{"class":1811},"          Priority support\n",[1611,5151,5152,5154,5156],{"class":1613,"line":2044},[1611,5153,1818],{"class":1617},[1611,5155,5026],{"class":1621},[1611,5157,1624],{"class":1617},[1611,5159,5160,5162,5164,5166,5168,5170,5172,5174],{"class":1613,"line":2053},[1611,5161,1790],{"class":1617},[1611,5163,5026],{"class":1621},[1611,5165,1636],{"class":1635},[1611,5167,1639],{"class":1617},[1611,5169,1642],{"class":1617},[1611,5171,5035],{"class":1645},[1611,5173,1642],{"class":1617},[1611,5175,1624],{"class":1617},[1611,5177,5178,5180],{"class":1613,"line":2072},[1611,5179,3560],{"class":1617},[1611,5181,5046],{"class":1621},[1611,5183,5184,5186,5188,5190,5192],{"class":1613,"line":2078},[1611,5185,5051],{"class":1635},[1611,5187,1639],{"class":1617},[1611,5189,1642],{"class":1617},[1611,5191,5058],{"class":1645},[1611,5193,1675],{"class":1617},[1611,5195,5196,5198,5200,5202,5204],{"class":1613,"line":2087},[1611,5197,5065],{"class":1635},[1611,5199,1639],{"class":1617},[1611,5201,1642],{"class":1617},[1611,5203,5072],{"class":1645},[1611,5205,1675],{"class":1617},[1611,5207,5208],{"class":1613,"line":2096},[1611,5209,5079],{"class":1617},[1611,5211,5212],{"class":1613,"line":2105},[1611,5213,5214],{"class":1811},"          Custom domains\n",[1611,5216,5217,5219,5221],{"class":1613,"line":2115},[1611,5218,1818],{"class":1617},[1611,5220,5026],{"class":1621},[1611,5222,1624],{"class":1617},[1611,5224,5225,5227,5229],{"class":1613,"line":2610},[1611,5226,1863],{"class":1617},[1611,5228,5006],{"class":1621},[1611,5230,1624],{"class":1617},[1611,5232,5233],{"class":1613,"line":2625},[1611,5234,1885],{"emptyLinePlaceholder":1884},[1611,5236,5237,5239],{"class":1613,"line":2641},[1611,5238,1769],{"class":1617},[1611,5240,4486],{"class":1621},[1611,5242,5243,5245,5247,5249,5252],{"class":1613,"line":2655},[1611,5244,4527],{"class":1635},[1611,5246,1639],{"class":1617},[1611,5248,1642],{"class":1617},[1611,5250,5251],{"class":1645},"primary",[1611,5253,1675],{"class":1617},[1611,5255,5256],{"class":1613,"line":2669},[1611,5257,5258],{"class":1635},"        block\n",[1611,5260,5261],{"class":1613,"line":2674},[1611,5262,4605],{"class":1617},[1611,5264,5265],{"class":1613,"line":2693},[1611,5266,5267],{"class":1811},"        Upgrade\n",[1611,5269,5270,5272,5274],{"class":1613,"line":2712},[1611,5271,1863],{"class":1617},[1611,5273,4617],{"class":1621},[1611,5275,1624],{"class":1617},[1611,5277,5278,5280,5282],{"class":1613,"line":2718},[1611,5279,1873],{"class":1617},[1611,5281,1586],{"class":1621},[1611,5283,1624],{"class":1617},[1611,5285,5286,5288,5290],{"class":1613,"line":2727},[1611,5287,2108],{"class":1617},[1611,5289,1876],{"class":1621},[1611,5291,1624],{"class":1617},[1611,5293,5294,5296,5298],{"class":1613,"line":2746},[1611,5295,2118],{"class":1617},[1611,5297,1599],{"class":1621},[1611,5299,1624],{"class":1617},[2128,5301,5303],{"id":5302},"customize","Customize",[1582,5305,5306,5312],{"label":1584},[1586,5307,1593,5309],{"className":5308},[1591],[1595,5310],{"name":5311},"border-beam-custom",[1599,5313,5314],{"v-slot:code":1601},[5315,5316],"playground-code",{"name":5317},"BorderBeam",[1562,5319,5321],{"id":5320},"reading-the-geometry","Reading the geometry",[1520,5323,5324],{},"A few numbers in the source are worth knowing, because they explain what you see\nwhen you push the props around.",[1520,5326,5327,5329],{},[1527,5328,1559],{}," is an arc length in pixels, but a small box has a small perimeter, so the\ncomet's share of the border is clamped between 2% and 45%. Below that it vanishes\ninto a dot; above it it wraps most of the way round and stops reading as a comet.",[1520,5331,5332,5334,5335,5338,5339,5342],{},[1527,5333,1684],{}," phase-offsets along the loop — each beam starts at ",[1527,5336,5337],{},"index \u002F count"," of a\nlap, so ",[1527,5340,5341],{},"beams: 3"," gives three comets evenly spaced with none of them overlapping.\nEvery beam costs four core dashes plus one halo, so the dash count grows linearly.",[1520,5344,5345],{},"The core is four layers and not six on purpose: each dash is semi-opaque and\ncomposites over the last, so every extra one costs a paint and buys less taper than\nthe one before. The alpha steps land at 0.14 \u002F 0.48 \u002F 0.82 \u002F 0.98 towards the\nhead, which is where the falloff stops reading as visible steps.",[1562,5347,5349],{"id":5348},"props","Props",[5351,5352,5353,5362,5366,5369,5376,5381,5386,5390,5394,5405,5408,5415],"component-props",{},[5354,5355,5357,5358,5361],"component-prop",{"name":4298,"type":5356,"default":4721},"boolean","Keep the beams travelling. Setting it to ",[1527,5359,5360],{},"false"," cancels the loop and removes\nthe comet entirely — you are left with a plain hairline border at full opacity.",[5354,5363,5365],{"name":1684,"type":5364,"default":2876},"number","How many comets ride the border, evenly phase-offset around the loop. Rounded\nand floored at one. Each one adds four core dashes and one halo path.",[5354,5367,5368],{"name":1559,"type":5364,"default":2233},"Arc length of each comet in pixels, measured along the border. Normalised\nagainst the real perimeter and then clamped between 2% and 45% of the loop.",[5354,5370,5371,5372,5375],{"name":1702,"type":5364,"default":2636},"Seconds for one full lap. Floored at ",[1527,5373,5374],{},"0.1",", below which a lap would finish\ninside a single frame.",[5354,5377,5380],{"name":5378,"type":5364,"default":5379},"delay","0","Seconds to wait before the first lap. Progress below zero simply is not drawn,\nso the beam sits still at its initial offset during the delay.",[5354,5382,5385],{"name":1540,"type":5383,"default":5384},"string","'var(--color-brand)'","Trailing colour of the beam gradient. The halo uses the same value mixed 68%\ntowards white.",[5354,5387,5389],{"name":1544,"type":5383,"default":5388},"'var(--color-brand-light)'","Leading colour of the beam gradient, at the head of the comet.",[5354,5391,5393],{"name":5392,"type":5364,"default":2876},"borderWidth","Thickness of the resting hairline border, in pixels. It also sets the path's\ninset — the outline is drawn half a width in, so the beam sits on the inner\nedge of the box rather than straddling it.",[5354,5395,5398,5399,5401,5402,5404],{"name":1570,"type":5396,"default":5397},"number | 'squircle'","16","Corner geometry of both the border and the travel path. A number sets the root's\nCSS ",[1527,5400,2143],{}," too; ",[1527,5403,2139],{}," builds the path from cubic curves and\nleaves the root radius alone. A numeric radius is clamped to half the shorter\nside, so it never self-intersects on a small box.",[5354,5406,5407],{"name":4290,"type":5356,"default":5360},"Travel counter-clockwise. The dash offset is mirrored so the tail still trails\nbehind the head in the new direction rather than leading it.",[5354,5409,5410,5411,5414],{"name":4294,"type":5356,"default":5360},"Freeze the beams while a fine pointer hovers the element. Gated on\n",[1527,5412,5413],{},"(hover: hover) and (pointer: fine)",", so touch devices never pause.",[5354,5416,5417,5418,5421,5422,5424],{"name":1574,"type":5383},"Merged onto the root alongside ",[1527,5419,5420],{},"relative isolate",". The root carries no radius of\nits own unless ",[1527,5423,1570],{}," is a number.",[1562,5426,5428],{"id":5427},"slots","Slots",[5430,5431,5432],"component-slots",{},[5433,5434,5436,5437,5440],"component-slot-row",{"name":5435},"default","The content. It sits under the SVG, which is absolutely positioned, pointer\ntransparent and stacked above with ",[1527,5438,5439],{},"z-10",". Keep interactive elements inside\nclear of the very edge or they will compete with the beam for the pointer.",[1562,5442,5444],{"id":5443},"ui","UI",[1520,5446,5447,5448,5454,5455,5458,5459,5462],{},"This component's theme exposes the slots below. Override any of them per instance with the ",[5449,5450,5451,5453],"a",{"href":21},[1527,5452,5443],{}," prop",", or app-wide under ",[1527,5456,5457],{},"ui.borderBeam"," in ",[1527,5460,5461],{},"app.config.ts",".",[5351,5464,5465],{},[5354,5466,5468],{"name":5443,"type":5467},"object","Per-slot classes merged over the theme defaults.",[5430,5470,5471,5476,5482],{},[5433,5472,5474],{"name":5473},"root",[1527,5475,5420],{},[5433,5477,5479],{"name":5478},"svg",[1527,5480,5481],{},"pointer-events-none absolute inset-0 z-10 h-full w-full overflow-visible",[5433,5483,5485],{"name":5484},"halo",[1527,5486,5487],{},"dark:mix-blend-plus-lighter",[1562,5489,5491],{"id":5490},"accessibility","Accessibility",[1520,5493,5494,5495,1541,5498,5501],{},"The SVG is ",[1527,5496,5497],{},"aria-hidden=\"true\"",[1527,5499,5500],{},"pointer-events-none",", so the effect adds\nnothing to the accessibility tree and never intercepts a click. Your slot content\nis the only thing exposed.",[1520,5503,5504,5505,5507],{},"There is no keyboard behaviour and no way to pause from the keyboard.\n",[1527,5506,4294],{}," is a pointer affordance only.",[1520,5509,5510,5511,5514,5515,5518],{},"Under ",[1527,5512,5513],{},"prefers-reduced-motion"," the comet does not run at all: ",[1527,5516,5517],{},"isTravelling"," goes\nfalse, the loop is stopped and the comet group is removed from the DOM. What is\nleft is the static border — and note it brightens from 70% opacity to full, since\nthe dimmer opacity only exists to sit behind a moving beam.",[1520,5520,5521,5522,5525],{},"The gradient ids are namespaced with Vue's ",[1527,5523,5524],{},"useId"," rather than a random string,\nbecause they are in the rendered markup and a per-render value would differ\nbetween server and client. Two instances on one page therefore get distinct\ngradients without a hydration mismatch.",[1562,5527,5529],{"id":5528},"performance","Performance",[5006,5531,5532,5546,5553,5559,5577],{},[5026,5533,5534,5535,5537,5538,5541,5542,5545],{},"The loop writes ",[1527,5536,1529],{}," directly onto collected path nodes. No Vue\nre-render per frame; the dash nodes are found once per loop start by their\n",[1527,5539,5540],{},"data-beam-index",", not through function refs — a function ref is re-created\nevery render and a rAF tick landing between its ",[1527,5543,5544],{},"null"," and element calls reads\na cleared slot and silently stops the animation.",[5026,5547,5548,5549,5552],{},"An ",[1527,5550,5551],{},"IntersectionObserver"," keeps a scrolled-away element's loop running but skips\nevery style write, so an off-screen beam costs no paint and no layout.",[5026,5554,5555,5556,5558],{},"A ",[1527,5557,1551],{}," re-measures the box and rebuilds the path, so the comet stays\ncorrect through layout changes without a window resize listener.",[5026,5560,5561,5562,5564,5565,5564,5567,5564,5569,5571,5572,5564,5574,5576],{},"The loop restarts only on scalar props — ",[1527,5563,4298],{},", ",[1527,5566,1684],{},[1527,5568,1559],{},[1527,5570,4290],{},",\n",[1527,5573,1702],{},[1527,5575,5378],{},". Watching the dash-plan arrays instead would restart on\nevery scheduler flush, resetting elapsed time and pinning the comet at its\ninitial offset.",[5026,5578,5579,5580,5582],{},"Only ",[1527,5581,1529],{}," and a one-shot group opacity are animated; nothing\ntriggers layout, and the halo and core each render inside a single blur filter.",[5584,5585,5586,5587,5589,5590,1541,5592,5594],"tip",{},"The halo composites additively only in dark mode (",[1527,5588,5487],{},").\nOn a light surface an additive glow has no darkness to add light to and washes out\nto nothing, so there it composites normally and simply tints — which is the\ncorrect look for a glow on white, but it means ",[1527,5591,1540],{},[1527,5593,1544],{}," read\ndifferently across themes.",[5596,5597,5598],"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 .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":1601,"searchDepth":1627,"depth":1627,"links":5600},[5601,5602,5610,5611,5612,5613,5614,5615],{"id":1564,"depth":1627,"text":16},{"id":2125,"depth":1627,"text":2126,"children":5603},[5604,5605,5606,5607,5608,5609],{"id":2130,"depth":1653,"text":2131},{"id":2797,"depth":1653,"text":2798},{"id":3357,"depth":1653,"text":3358},{"id":4284,"depth":1653,"text":4285},{"id":4735,"depth":1653,"text":4736},{"id":5302,"depth":1653,"text":5303},{"id":5320,"depth":1627,"text":5321},{"id":5348,"depth":1627,"text":5349},{"id":5427,"depth":1627,"text":5428},{"id":5443,"depth":1627,"text":5444},{"id":5490,"depth":1627,"text":5491},{"id":5528,"depth":1627,"text":5529},"A comet of light that travels around a box's border as a stroked dash.","md",null,{},{"title":485,"description":5616},"Ppx4hWaGykDWiK9PyOsfG6wD2gL40iTe1GRkRsZLU2I",[5623,5625],{"title":481,"path":482,"stem":483,"description":5624,"children":-1},"Samples an image or video into a grid of characters, mapping each cell's luminance to a glyph.",{"title":489,"path":490,"stem":491,"description":5626,"children":-1},"Animated border effect with trailing particles.",1793501757014]