[{"data":1,"prerenderedAt":3308},["ShallowReactive",2],{"navigation_docs":3,"-components-interactive-emoji-reaction":1514,"-components-interactive-emoji-reaction-surround":3303},[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":757,"body":1516,"description":3298,"extension":2974,"links":3299,"meta":3300,"navigation":1784,"path":758,"seo":3301,"stem":759,"__hash__":3302},"docs\u002F3.components\u002Finteractive\u002Femoji-reaction.md",{"type":1517,"value":1518,"toc":3287},"minimark",[1519,1523,1539,1542,1546,1556,2750,2754,2768,2775,2781,2876,2880,2996,3000,3014,3018,3035,3041,3136,3140,3158,3192,3198,3202,3272,3283],[1520,1521,1522],"p",{},"A reaction bar for a post: a row of pill buttons, each holding an emoji and a\ncount, plus an optional popover of extra emojis. The count is an odometer — it\nrolls up or down in the direction of the change — and selecting a reaction pops\nthe emoji and throws a small burst of particles out of it.",[1520,1524,1525,1526,1530,1531,1534,1535,1538],{},"The component is fully controlled and mutates nothing. It renders the\n",[1527,1528,1529],"code",{},"reactions"," array you hand it and emits ",[1527,1532,1533],{},"react","; you own the array, the counts\nand the ",[1527,1536,1537],{},"reacted"," flags. Nothing is persisted for you and no default state is\ninferred.",[1520,1540,1541],{},"That contract shows up most clearly in the picker. A picked emoji that already\nexists in the bar toggles that reaction, so the exclusivity rule still applies;\none that does not exist is reported as new — and the payload for that case is\nthe emoji string itself, used as an id.",[1543,1544,16],"h2",{"id":1545},"usage",[1520,1547,1548,1549,1552,1553,1555],{},"Hold the reactions in a ",[1527,1550,1551],{},"ref"," and rewrite it in the ",[1527,1554,1533],{}," handler. Because the\ncomponent emits exclusivity for you, the handler can simply clear every other\nflag whenever any reaction is turned on. The one case that needs more than a\ntoggle is a picked emoji that is not in the bar yet — it arrives under the emoji\nstring, so the handler appends it as a new reaction.",[1557,1558,1560,1573],"code-preview",{"label":1559},"Preview",[1561,1562,1568,1569],"div",{"className":1563},[1564,1565,1566,1567],"flex","justify-center","w-full","h-full","  ",[1570,1571],"component-example",{"name":1572},"emoji-reaction-basic",[1574,1575,1577],"template",{"v-slot:code":1576},"",[1578,1579,1583],"pre",{"className":1580,"code":1581,"language":1582,"meta":1576,"style":1576},"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-4\">\n    \u003Cdiv class=\"rounded-2xl border p-4\">\n      \u003Cp class=\"text-sm font-medium\">\n        Ship the new onboarding flow?\n      \u003C\u002Fp>\n      \u003Cdiv class=\"mt-3\">\n        \u003CMEmojiReaction\n          :reactions=\"reactions\"\n          show-picker\n          @react=\"onReact\"\n        \u002F>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n\n    \u003Cp class=\"text-xs text-muted\">\n      One reaction at a time — {{ reactedLabel }}\n    \u003C\u002Fp>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\ntype Reaction = {\n  count: number\n  emoji: string\n  id: string\n  label: string\n  reacted: boolean\n}\n\nconst reactions = ref\u003CReaction[]>([\n  { count: 12, emoji: '👍', id: 'thumbs-up', label: 'Thumbs up', reacted: false },\n  { count: 4, emoji: '🎉', id: 'party-popper', label: 'Party popper', reacted: false },\n  { count: 9, emoji: '🚀', id: 'rocket', label: 'Rocket', reacted: true },\n])\n\nconst reactedLabel = computed(() => {\n  const active = reactions.value.find(item => item.reacted)\n  return active ? active.label : 'nothing selected yet'\n})\n\nfunction onReact(id: string, reacted: boolean) {\n  const existing = reactions.value.find(item => item.id === id)\n\n  \u002F\u002F A picked emoji that is not in the bar yet arrives as its own emoji string,\n  \u002F\u002F so add it as a new reaction (and clear the others, per the exclusivity rule).\n  if (!existing) {\n    if (!reacted) return\n    reactions.value = [\n      ...reactions.value.map(item => ({ ...item, reacted: false })),\n      { count: 1, emoji: id, id, label: id, reacted: true },\n    ]\n    return\n  }\n\n  reactions.value = reactions.value.map((item) => {\n    if (item.id === id) {\n      return {\n        ...item,\n        count: Math.max(0, item.count + (reacted ? 1 : -1)),\n        reacted,\n      }\n    }\n    return { ...item, reacted: false }\n  })\n}\n\u003C\u002Fscript>\n","vue",[1527,1584,1585,1600,1626,1647,1668,1675,1685,1705,1714,1731,1737,1754,1760,1769,1779,1786,1806,1812,1821,1831,1841,1846,1871,1887,1899,1910,1920,1930,1941,1947,1952,1981,2055,2116,2178,2184,2189,2213,2256,2286,2294,2299,2332,2371,2376,2383,2389,2410,2427,2442,2492,2535,2541,2547,2553,2558,2592,2613,2621,2631,2684,2692,2698,2704,2728,2736,2741],{"__ignoreMap":1576},[1586,1587,1590,1594,1597],"span",{"class":1588,"line":1589},"line",1,[1586,1591,1593],{"class":1592},"sMK4o","\u003C",[1586,1595,1574],{"class":1596},"swJcz",[1586,1598,1599],{"class":1592},">\n",[1586,1601,1603,1606,1608,1612,1615,1618,1622,1624],{"class":1588,"line":1602},2,[1586,1604,1605],{"class":1592},"  \u003C",[1586,1607,1561],{"class":1596},[1586,1609,1611],{"class":1610},"spNyl"," class",[1586,1613,1614],{"class":1592},"=",[1586,1616,1617],{"class":1592},"\"",[1586,1619,1621],{"class":1620},"sfazB","flex w-full max-w-lg flex-col gap-4",[1586,1623,1617],{"class":1592},[1586,1625,1599],{"class":1592},[1586,1627,1629,1632,1634,1636,1638,1640,1643,1645],{"class":1588,"line":1628},3,[1586,1630,1631],{"class":1592},"    \u003C",[1586,1633,1561],{"class":1596},[1586,1635,1611],{"class":1610},[1586,1637,1614],{"class":1592},[1586,1639,1617],{"class":1592},[1586,1641,1642],{"class":1620},"rounded-2xl border p-4",[1586,1644,1617],{"class":1592},[1586,1646,1599],{"class":1592},[1586,1648,1650,1653,1655,1657,1659,1661,1664,1666],{"class":1588,"line":1649},4,[1586,1651,1652],{"class":1592},"      \u003C",[1586,1654,1520],{"class":1596},[1586,1656,1611],{"class":1610},[1586,1658,1614],{"class":1592},[1586,1660,1617],{"class":1592},[1586,1662,1663],{"class":1620},"text-sm font-medium",[1586,1665,1617],{"class":1592},[1586,1667,1599],{"class":1592},[1586,1669,1671],{"class":1588,"line":1670},5,[1586,1672,1674],{"class":1673},"sTEyZ","        Ship the new onboarding flow?\n",[1586,1676,1678,1681,1683],{"class":1588,"line":1677},6,[1586,1679,1680],{"class":1592},"      \u003C\u002F",[1586,1682,1520],{"class":1596},[1586,1684,1599],{"class":1592},[1586,1686,1688,1690,1692,1694,1696,1698,1701,1703],{"class":1588,"line":1687},7,[1586,1689,1652],{"class":1592},[1586,1691,1561],{"class":1596},[1586,1693,1611],{"class":1610},[1586,1695,1614],{"class":1592},[1586,1697,1617],{"class":1592},[1586,1699,1700],{"class":1620},"mt-3",[1586,1702,1617],{"class":1592},[1586,1704,1599],{"class":1592},[1586,1706,1708,1711],{"class":1588,"line":1707},8,[1586,1709,1710],{"class":1592},"        \u003C",[1586,1712,1713],{"class":1596},"MEmojiReaction\n",[1586,1715,1717,1720,1722,1724,1726,1728],{"class":1588,"line":1716},9,[1586,1718,1719],{"class":1592},"          :",[1586,1721,1529],{"class":1610},[1586,1723,1614],{"class":1592},[1586,1725,1617],{"class":1592},[1586,1727,1529],{"class":1673},[1586,1729,1730],{"class":1592},"\"\n",[1586,1732,1734],{"class":1588,"line":1733},10,[1586,1735,1736],{"class":1610},"          show-picker\n",[1586,1738,1740,1743,1745,1747,1749,1752],{"class":1588,"line":1739},11,[1586,1741,1742],{"class":1592},"          @",[1586,1744,1533],{"class":1610},[1586,1746,1614],{"class":1592},[1586,1748,1617],{"class":1592},[1586,1750,1751],{"class":1673},"onReact",[1586,1753,1730],{"class":1592},[1586,1755,1757],{"class":1588,"line":1756},12,[1586,1758,1759],{"class":1592},"        \u002F>\n",[1586,1761,1763,1765,1767],{"class":1588,"line":1762},13,[1586,1764,1680],{"class":1592},[1586,1766,1561],{"class":1596},[1586,1768,1599],{"class":1592},[1586,1770,1772,1775,1777],{"class":1588,"line":1771},14,[1586,1773,1774],{"class":1592},"    \u003C\u002F",[1586,1776,1561],{"class":1596},[1586,1778,1599],{"class":1592},[1586,1780,1782],{"class":1588,"line":1781},15,[1586,1783,1785],{"emptyLinePlaceholder":1784},true,"\n",[1586,1787,1789,1791,1793,1795,1797,1799,1802,1804],{"class":1588,"line":1788},16,[1586,1790,1631],{"class":1592},[1586,1792,1520],{"class":1596},[1586,1794,1611],{"class":1610},[1586,1796,1614],{"class":1592},[1586,1798,1617],{"class":1592},[1586,1800,1801],{"class":1620},"text-xs text-muted",[1586,1803,1617],{"class":1592},[1586,1805,1599],{"class":1592},[1586,1807,1809],{"class":1588,"line":1808},17,[1586,1810,1811],{"class":1673},"      One reaction at a time — {{ reactedLabel }}\n",[1586,1813,1815,1817,1819],{"class":1588,"line":1814},18,[1586,1816,1774],{"class":1592},[1586,1818,1520],{"class":1596},[1586,1820,1599],{"class":1592},[1586,1822,1824,1827,1829],{"class":1588,"line":1823},19,[1586,1825,1826],{"class":1592},"  \u003C\u002F",[1586,1828,1561],{"class":1596},[1586,1830,1599],{"class":1592},[1586,1832,1834,1837,1839],{"class":1588,"line":1833},20,[1586,1835,1836],{"class":1592},"\u003C\u002F",[1586,1838,1574],{"class":1596},[1586,1840,1599],{"class":1592},[1586,1842,1844],{"class":1588,"line":1843},21,[1586,1845,1785],{"emptyLinePlaceholder":1784},[1586,1847,1849,1851,1854,1857,1860,1862,1864,1867,1869],{"class":1588,"line":1848},22,[1586,1850,1593],{"class":1592},[1586,1852,1853],{"class":1596},"script",[1586,1855,1856],{"class":1610}," setup",[1586,1858,1859],{"class":1610}," lang",[1586,1861,1614],{"class":1592},[1586,1863,1617],{"class":1592},[1586,1865,1866],{"class":1620},"ts",[1586,1868,1617],{"class":1592},[1586,1870,1599],{"class":1592},[1586,1872,1874,1877,1881,1884],{"class":1588,"line":1873},23,[1586,1875,1876],{"class":1610},"type",[1586,1878,1880],{"class":1879},"sBMFI"," Reaction",[1586,1882,1883],{"class":1592}," =",[1586,1885,1886],{"class":1592}," {\n",[1586,1888,1890,1893,1896],{"class":1588,"line":1889},24,[1586,1891,1892],{"class":1596},"  count",[1586,1894,1895],{"class":1592},":",[1586,1897,1898],{"class":1879}," number\n",[1586,1900,1902,1905,1907],{"class":1588,"line":1901},25,[1586,1903,1904],{"class":1596},"  emoji",[1586,1906,1895],{"class":1592},[1586,1908,1909],{"class":1879}," string\n",[1586,1911,1913,1916,1918],{"class":1588,"line":1912},26,[1586,1914,1915],{"class":1596},"  id",[1586,1917,1895],{"class":1592},[1586,1919,1909],{"class":1879},[1586,1921,1923,1926,1928],{"class":1588,"line":1922},27,[1586,1924,1925],{"class":1596},"  label",[1586,1927,1895],{"class":1592},[1586,1929,1909],{"class":1879},[1586,1931,1933,1936,1938],{"class":1588,"line":1932},28,[1586,1934,1935],{"class":1596},"  reacted",[1586,1937,1895],{"class":1592},[1586,1939,1940],{"class":1879}," boolean\n",[1586,1942,1944],{"class":1588,"line":1943},29,[1586,1945,1946],{"class":1592},"}\n",[1586,1948,1950],{"class":1588,"line":1949},30,[1586,1951,1785],{"emptyLinePlaceholder":1784},[1586,1953,1955,1958,1961,1963,1967,1969,1972,1975,1978],{"class":1588,"line":1954},31,[1586,1956,1957],{"class":1610},"const",[1586,1959,1960],{"class":1673}," reactions ",[1586,1962,1614],{"class":1592},[1586,1964,1966],{"class":1965},"s2Zo4"," ref",[1586,1968,1593],{"class":1592},[1586,1970,1971],{"class":1879},"Reaction",[1586,1973,1974],{"class":1673},"[]",[1586,1976,1977],{"class":1592},">",[1586,1979,1980],{"class":1673},"([\n",[1586,1982,1984,1987,1990,1992,1996,1999,2002,2004,2007,2010,2013,2015,2018,2020,2022,2025,2027,2029,2032,2034,2036,2039,2041,2043,2046,2048,2052],{"class":1588,"line":1983},32,[1586,1985,1986],{"class":1592},"  {",[1586,1988,1989],{"class":1596}," count",[1586,1991,1895],{"class":1592},[1586,1993,1995],{"class":1994},"sbssI"," 12",[1586,1997,1998],{"class":1592},",",[1586,2000,2001],{"class":1596}," emoji",[1586,2003,1895],{"class":1592},[1586,2005,2006],{"class":1592}," '",[1586,2008,2009],{"class":1620},"👍",[1586,2011,2012],{"class":1592},"'",[1586,2014,1998],{"class":1592},[1586,2016,2017],{"class":1596}," id",[1586,2019,1895],{"class":1592},[1586,2021,2006],{"class":1592},[1586,2023,2024],{"class":1620},"thumbs-up",[1586,2026,2012],{"class":1592},[1586,2028,1998],{"class":1592},[1586,2030,2031],{"class":1596}," label",[1586,2033,1895],{"class":1592},[1586,2035,2006],{"class":1592},[1586,2037,2038],{"class":1620},"Thumbs up",[1586,2040,2012],{"class":1592},[1586,2042,1998],{"class":1592},[1586,2044,2045],{"class":1596}," reacted",[1586,2047,1895],{"class":1592},[1586,2049,2051],{"class":2050},"sfNiH"," false",[1586,2053,2054],{"class":1592}," },\n",[1586,2056,2058,2060,2062,2064,2067,2069,2071,2073,2075,2078,2080,2082,2084,2086,2088,2091,2093,2095,2097,2099,2101,2104,2106,2108,2110,2112,2114],{"class":1588,"line":2057},33,[1586,2059,1986],{"class":1592},[1586,2061,1989],{"class":1596},[1586,2063,1895],{"class":1592},[1586,2065,2066],{"class":1994}," 4",[1586,2068,1998],{"class":1592},[1586,2070,2001],{"class":1596},[1586,2072,1895],{"class":1592},[1586,2074,2006],{"class":1592},[1586,2076,2077],{"class":1620},"🎉",[1586,2079,2012],{"class":1592},[1586,2081,1998],{"class":1592},[1586,2083,2017],{"class":1596},[1586,2085,1895],{"class":1592},[1586,2087,2006],{"class":1592},[1586,2089,2090],{"class":1620},"party-popper",[1586,2092,2012],{"class":1592},[1586,2094,1998],{"class":1592},[1586,2096,2031],{"class":1596},[1586,2098,1895],{"class":1592},[1586,2100,2006],{"class":1592},[1586,2102,2103],{"class":1620},"Party popper",[1586,2105,2012],{"class":1592},[1586,2107,1998],{"class":1592},[1586,2109,2045],{"class":1596},[1586,2111,1895],{"class":1592},[1586,2113,2051],{"class":2050},[1586,2115,2054],{"class":1592},[1586,2117,2119,2121,2123,2125,2128,2130,2132,2134,2136,2139,2141,2143,2145,2147,2149,2152,2154,2156,2158,2160,2162,2165,2167,2169,2171,2173,2176],{"class":1588,"line":2118},34,[1586,2120,1986],{"class":1592},[1586,2122,1989],{"class":1596},[1586,2124,1895],{"class":1592},[1586,2126,2127],{"class":1994}," 9",[1586,2129,1998],{"class":1592},[1586,2131,2001],{"class":1596},[1586,2133,1895],{"class":1592},[1586,2135,2006],{"class":1592},[1586,2137,2138],{"class":1620},"🚀",[1586,2140,2012],{"class":1592},[1586,2142,1998],{"class":1592},[1586,2144,2017],{"class":1596},[1586,2146,1895],{"class":1592},[1586,2148,2006],{"class":1592},[1586,2150,2151],{"class":1620},"rocket",[1586,2153,2012],{"class":1592},[1586,2155,1998],{"class":1592},[1586,2157,2031],{"class":1596},[1586,2159,1895],{"class":1592},[1586,2161,2006],{"class":1592},[1586,2163,2164],{"class":1620},"Rocket",[1586,2166,2012],{"class":1592},[1586,2168,1998],{"class":1592},[1586,2170,2045],{"class":1596},[1586,2172,1895],{"class":1592},[1586,2174,2175],{"class":2050}," true",[1586,2177,2054],{"class":1592},[1586,2179,2181],{"class":1588,"line":2180},35,[1586,2182,2183],{"class":1673},"])\n",[1586,2185,2187],{"class":1588,"line":2186},36,[1586,2188,1785],{"emptyLinePlaceholder":1784},[1586,2190,2192,2194,2197,2199,2202,2205,2208,2211],{"class":1588,"line":2191},37,[1586,2193,1957],{"class":1610},[1586,2195,2196],{"class":1673}," reactedLabel ",[1586,2198,1614],{"class":1592},[1586,2200,2201],{"class":1965}," computed",[1586,2203,2204],{"class":1673},"(",[1586,2206,2207],{"class":1592},"()",[1586,2209,2210],{"class":1610}," =>",[1586,2212,1886],{"class":1592},[1586,2214,2216,2219,2222,2224,2227,2230,2233,2235,2238,2240,2244,2246,2249,2251,2253],{"class":1588,"line":2215},38,[1586,2217,2218],{"class":1610},"  const",[1586,2220,2221],{"class":1673}," active",[1586,2223,1883],{"class":1592},[1586,2225,2226],{"class":1673}," reactions",[1586,2228,2229],{"class":1592},".",[1586,2231,2232],{"class":1673},"value",[1586,2234,2229],{"class":1592},[1586,2236,2237],{"class":1965},"find",[1586,2239,2204],{"class":1596},[1586,2241,2243],{"class":2242},"sHdIc","item",[1586,2245,2210],{"class":1610},[1586,2247,2248],{"class":1673}," item",[1586,2250,2229],{"class":1592},[1586,2252,1537],{"class":1673},[1586,2254,2255],{"class":1596},")\n",[1586,2257,2259,2263,2265,2268,2270,2272,2275,2278,2280,2283],{"class":1588,"line":2258},39,[1586,2260,2262],{"class":2261},"s7zQu","  return",[1586,2264,2221],{"class":1673},[1586,2266,2267],{"class":1592}," ?",[1586,2269,2221],{"class":1673},[1586,2271,2229],{"class":1592},[1586,2273,2274],{"class":1673},"label",[1586,2276,2277],{"class":1592}," :",[1586,2279,2006],{"class":1592},[1586,2281,2282],{"class":1620},"nothing selected yet",[1586,2284,2285],{"class":1592},"'\n",[1586,2287,2289,2292],{"class":1588,"line":2288},40,[1586,2290,2291],{"class":1592},"}",[1586,2293,2255],{"class":1673},[1586,2295,2297],{"class":1588,"line":2296},41,[1586,2298,1785],{"emptyLinePlaceholder":1784},[1586,2300,2302,2305,2308,2310,2313,2315,2318,2320,2322,2324,2327,2330],{"class":1588,"line":2301},42,[1586,2303,2304],{"class":1610},"function",[1586,2306,2307],{"class":1965}," onReact",[1586,2309,2204],{"class":1592},[1586,2311,2312],{"class":2242},"id",[1586,2314,1895],{"class":1592},[1586,2316,2317],{"class":1879}," string",[1586,2319,1998],{"class":1592},[1586,2321,2045],{"class":2242},[1586,2323,1895],{"class":1592},[1586,2325,2326],{"class":1879}," boolean",[1586,2328,2329],{"class":1592},")",[1586,2331,1886],{"class":1592},[1586,2333,2335,2337,2340,2342,2344,2346,2348,2350,2352,2354,2356,2358,2360,2362,2364,2367,2369],{"class":1588,"line":2334},43,[1586,2336,2218],{"class":1610},[1586,2338,2339],{"class":1673}," existing",[1586,2341,1883],{"class":1592},[1586,2343,2226],{"class":1673},[1586,2345,2229],{"class":1592},[1586,2347,2232],{"class":1673},[1586,2349,2229],{"class":1592},[1586,2351,2237],{"class":1965},[1586,2353,2204],{"class":1596},[1586,2355,2243],{"class":2242},[1586,2357,2210],{"class":1610},[1586,2359,2248],{"class":1673},[1586,2361,2229],{"class":1592},[1586,2363,2312],{"class":1673},[1586,2365,2366],{"class":1592}," ===",[1586,2368,2017],{"class":1673},[1586,2370,2255],{"class":1596},[1586,2372,2374],{"class":1588,"line":2373},44,[1586,2375,1785],{"emptyLinePlaceholder":1784},[1586,2377,2379],{"class":1588,"line":2378},45,[1586,2380,2382],{"class":2381},"sHwdD","  \u002F\u002F A picked emoji that is not in the bar yet arrives as its own emoji string,\n",[1586,2384,2386],{"class":1588,"line":2385},46,[1586,2387,2388],{"class":2381},"  \u002F\u002F so add it as a new reaction (and clear the others, per the exclusivity rule).\n",[1586,2390,2392,2395,2398,2401,2404,2407],{"class":1588,"line":2391},47,[1586,2393,2394],{"class":2261},"  if",[1586,2396,2397],{"class":1596}," (",[1586,2399,2400],{"class":1592},"!",[1586,2402,2403],{"class":1673},"existing",[1586,2405,2406],{"class":1596},") ",[1586,2408,2409],{"class":1592},"{\n",[1586,2411,2413,2416,2418,2420,2422,2424],{"class":1588,"line":2412},48,[1586,2414,2415],{"class":2261},"    if",[1586,2417,2397],{"class":1596},[1586,2419,2400],{"class":1592},[1586,2421,1537],{"class":1673},[1586,2423,2406],{"class":1596},[1586,2425,2426],{"class":2261},"return\n",[1586,2428,2430,2433,2435,2437,2439],{"class":1588,"line":2429},49,[1586,2431,2432],{"class":1673},"    reactions",[1586,2434,2229],{"class":1592},[1586,2436,2232],{"class":1673},[1586,2438,1883],{"class":1592},[1586,2440,2441],{"class":1596}," [\n",[1586,2443,2445,2448,2450,2452,2454,2456,2459,2461,2463,2465,2467,2470,2473,2475,2477,2479,2481,2483,2486,2489],{"class":1588,"line":2444},50,[1586,2446,2447],{"class":1592},"      ...",[1586,2449,1529],{"class":1673},[1586,2451,2229],{"class":1592},[1586,2453,2232],{"class":1673},[1586,2455,2229],{"class":1592},[1586,2457,2458],{"class":1965},"map",[1586,2460,2204],{"class":1596},[1586,2462,2243],{"class":2242},[1586,2464,2210],{"class":1610},[1586,2466,2397],{"class":1596},[1586,2468,2469],{"class":1592},"{",[1586,2471,2472],{"class":1592}," ...",[1586,2474,2243],{"class":1673},[1586,2476,1998],{"class":1592},[1586,2478,2045],{"class":1596},[1586,2480,1895],{"class":1592},[1586,2482,2051],{"class":2050},[1586,2484,2485],{"class":1592}," }",[1586,2487,2488],{"class":1596},"))",[1586,2490,2491],{"class":1592},",\n",[1586,2493,2495,2498,2500,2502,2505,2507,2509,2511,2513,2515,2517,2519,2521,2523,2525,2527,2529,2531,2533],{"class":1588,"line":2494},51,[1586,2496,2497],{"class":1592},"      {",[1586,2499,1989],{"class":1596},[1586,2501,1895],{"class":1592},[1586,2503,2504],{"class":1994}," 1",[1586,2506,1998],{"class":1592},[1586,2508,2001],{"class":1596},[1586,2510,1895],{"class":1592},[1586,2512,2017],{"class":1673},[1586,2514,1998],{"class":1592},[1586,2516,2017],{"class":1673},[1586,2518,1998],{"class":1592},[1586,2520,2031],{"class":1596},[1586,2522,1895],{"class":1592},[1586,2524,2017],{"class":1673},[1586,2526,1998],{"class":1592},[1586,2528,2045],{"class":1596},[1586,2530,1895],{"class":1592},[1586,2532,2175],{"class":2050},[1586,2534,2054],{"class":1592},[1586,2536,2538],{"class":1588,"line":2537},52,[1586,2539,2540],{"class":1596},"    ]\n",[1586,2542,2544],{"class":1588,"line":2543},53,[1586,2545,2546],{"class":2261},"    return\n",[1586,2548,2550],{"class":1588,"line":2549},54,[1586,2551,2552],{"class":1592},"  }\n",[1586,2554,2556],{"class":1588,"line":2555},55,[1586,2557,1785],{"emptyLinePlaceholder":1784},[1586,2559,2561,2564,2566,2568,2570,2572,2574,2576,2578,2580,2582,2584,2586,2588,2590],{"class":1588,"line":2560},56,[1586,2562,2563],{"class":1673},"  reactions",[1586,2565,2229],{"class":1592},[1586,2567,2232],{"class":1673},[1586,2569,1883],{"class":1592},[1586,2571,2226],{"class":1673},[1586,2573,2229],{"class":1592},[1586,2575,2232],{"class":1673},[1586,2577,2229],{"class":1592},[1586,2579,2458],{"class":1965},[1586,2581,2204],{"class":1596},[1586,2583,2204],{"class":1592},[1586,2585,2243],{"class":2242},[1586,2587,2329],{"class":1592},[1586,2589,2210],{"class":1610},[1586,2591,1886],{"class":1592},[1586,2593,2595,2597,2599,2601,2603,2605,2607,2609,2611],{"class":1588,"line":2594},57,[1586,2596,2415],{"class":2261},[1586,2598,2397],{"class":1596},[1586,2600,2243],{"class":1673},[1586,2602,2229],{"class":1592},[1586,2604,2312],{"class":1673},[1586,2606,2366],{"class":1592},[1586,2608,2017],{"class":1673},[1586,2610,2406],{"class":1596},[1586,2612,2409],{"class":1592},[1586,2614,2616,2619],{"class":1588,"line":2615},58,[1586,2617,2618],{"class":2261},"      return",[1586,2620,1886],{"class":1592},[1586,2622,2624,2627,2629],{"class":1588,"line":2623},59,[1586,2625,2626],{"class":1592},"        ...",[1586,2628,2243],{"class":1673},[1586,2630,2491],{"class":1592},[1586,2632,2634,2637,2639,2642,2644,2647,2649,2652,2654,2656,2658,2661,2664,2666,2668,2670,2672,2674,2677,2680,2682],{"class":1588,"line":2633},60,[1586,2635,2636],{"class":1596},"        count",[1586,2638,1895],{"class":1592},[1586,2640,2641],{"class":1673}," Math",[1586,2643,2229],{"class":1592},[1586,2645,2646],{"class":1965},"max",[1586,2648,2204],{"class":1596},[1586,2650,2651],{"class":1994},"0",[1586,2653,1998],{"class":1592},[1586,2655,2248],{"class":1673},[1586,2657,2229],{"class":1592},[1586,2659,2660],{"class":1673},"count",[1586,2662,2663],{"class":1592}," +",[1586,2665,2397],{"class":1596},[1586,2667,1537],{"class":1673},[1586,2669,2267],{"class":1592},[1586,2671,2504],{"class":1994},[1586,2673,2277],{"class":1592},[1586,2675,2676],{"class":1592}," -",[1586,2678,2679],{"class":1994},"1",[1586,2681,2488],{"class":1596},[1586,2683,2491],{"class":1592},[1586,2685,2687,2690],{"class":1588,"line":2686},61,[1586,2688,2689],{"class":1673},"        reacted",[1586,2691,2491],{"class":1592},[1586,2693,2695],{"class":1588,"line":2694},62,[1586,2696,2697],{"class":1592},"      }\n",[1586,2699,2701],{"class":1588,"line":2700},63,[1586,2702,2703],{"class":1592},"    }\n",[1586,2705,2707,2710,2713,2715,2717,2719,2721,2723,2725],{"class":1588,"line":2706},64,[1586,2708,2709],{"class":2261},"    return",[1586,2711,2712],{"class":1592}," {",[1586,2714,2472],{"class":1592},[1586,2716,2243],{"class":1673},[1586,2718,1998],{"class":1592},[1586,2720,2045],{"class":1596},[1586,2722,1895],{"class":1592},[1586,2724,2051],{"class":2050},[1586,2726,2727],{"class":1592}," }\n",[1586,2729,2731,2734],{"class":1588,"line":2730},65,[1586,2732,2733],{"class":1592},"  }",[1586,2735,2255],{"class":1596},[1586,2737,2739],{"class":1588,"line":2738},66,[1586,2740,1946],{"class":1592},[1586,2742,2744,2746,2748],{"class":1588,"line":2743},67,[1586,2745,1836],{"class":1592},[1586,2747,1853],{"class":1596},[1586,2749,1599],{"class":1592},[1543,2751,2753],{"id":2752},"customize","Customize",[1557,2755,2756,2762],{"label":1559},[1561,2757,1568,2759],{"className":2758},[1566],[1570,2760],{"name":2761},"emoji-reaction-custom",[1574,2763,2764],{"v-slot:code":1576},[2765,2766],"playground-code",{"name":2767},"EmojiReaction",[1543,2769,2771,2772,2774],{"id":2770},"what-react-reports","What ",[1527,2773,1533],{}," reports",[1520,2776,2777,2778,2780],{},"One event, five situations. In every case the component emits and waits — it\nnever changes ",[1527,2779,1529],{}," itself.",[2782,2783,2784,2797],"table",{},[2785,2786,2787],"thead",{},[2788,2789,2790,2794],"tr",{},[2791,2792,2793],"th",{},"You did this",[2791,2795,2796],{},"The component emits",[2798,2799,2800,2811,2821,2837,2857,2865],"tbody",{},[2788,2801,2802,2806],{},[2803,2804,2805],"td",{},"Clicked an un-reacted pill",[2803,2807,2808],{},[1527,2809,2810],{},"react(id, true)",[2788,2812,2813,2816],{},[2803,2814,2815],{},"Clicked an already-reacted pill",[2803,2817,2818],{},[1527,2819,2820],{},"react(id, false)",[2788,2822,2823,2829],{},[2803,2824,2825,2826],{},"Turned one on while another is on, ",[1527,2827,2828],{},"allowMultiple: false",[2803,2830,2831,2834,2835],{},[1527,2832,2833],{},"react(otherId, false)"," for each other active reaction, then ",[1527,2836,2810],{},[2788,2838,2839,2842],{},[2803,2840,2841],{},"Picked an emoji already in the bar, not yet reacted",[2803,2843,2844,2846,2847,2849,2850,2849,2854],{},[1527,2845,2810],{}," — matched against ",[1527,2848,2312],{}," ",[2851,2852,2853],"em",{},"or",[1527,2855,2856],{},"emoji",[2788,2858,2859,2862],{},[2803,2860,2861],{},"Picked an emoji already in the bar, already reacted",[2803,2863,2864],{},"nothing",[2788,2866,2867,2870],{},[2803,2868,2869],{},"Picked an emoji that is not in the bar",[2803,2871,2872,2875],{},[1527,2873,2874],{},"react(emoji, true)"," — the emoji string is the payload",[1543,2877,2879],{"id":2878},"props","Props",[2881,2882,2883,2910,2924,2932,2938,2946,2962,2980,2984],"component-props",{},[2884,2885,2887,2888,2891,2892,2894,2895,2897,2898,2894,2900,2903,2904,2906,2907,2909],"component-prop",{"name":1529,"type":2886},"EmojiReactionItem[]","Required, and the only source of truth. Each item is\n",[1527,2889,2890],{},"{ id, emoji, label }"," plus an optional ",[1527,2893,2660],{}," (defaults to ",[1527,2896,2651],{},") and an\noptional ",[1527,2899,1537],{},[1527,2901,2902],{},"false","). ",[1527,2905,2312],{}," must be unique within the\narray; ",[1527,2908,2274],{}," is what the button's accessible name is built from.",[2884,2911,2914,2915,2917,2918,2920,2921,2923],{"name":2912,"type":2913,"default":2902},"allowMultiple","boolean","When ",[1527,2916,2902],{}," — the default — reacting to one item emits ",[1527,2919,2833],{},"\nfor every other item currently marked ",[1527,2922,1537],{},", so your handler only has to\nhandle one toggle.",[2884,2925,2928,2929,2931],{"name":2926,"type":2913,"default":2927},"burst","true","Fire the particle burst when a reaction is selected. Also gated on reduced\nmotion, so ",[1527,2930,2902],{}," is not needed for that.",[2884,2933,2937],{"name":2934,"type":2935,"default":2936},"burstCount","number","10","How many particles to throw. They are spread evenly around a circle with a\nsmall angular jitter, at a randomised distance of 22–40px, sized 3–6px.",[2884,2939,2941,2942,2945],{"name":2940,"type":2913,"default":2902},"showPicker","Render the trailing trigger that opens the extra-emoji popover. Without it the\nbar is just the pills you passed in and ",[1527,2943,2944],{},"pickerEmojis"," is inert.",[2884,2947,2950,2951,2953,2954,2956,2957,2959,2960,2229],{"name":2944,"type":2948,"default":2949},"string[]","['🎉', '🔥', '😍', '👀', '🚀', '💯']","The emojis offered by the picker. Each is looked up against your ",[1527,2952,1529],{},"\nby both ",[1527,2955,2312],{}," and ",[1527,2958,2856],{},", so an emoji that is already a pill in the bar\ntoggles it instead of adding a duplicate. New ones arrive at you as\n",[1527,2961,2874],{},[2884,2963,2967,2968,2971,2972,2975,2976,2979],{"name":2964,"type":2965,"default":2966},"size","'sm' | 'md' | 'lg'","'md'","Scales the pills, the emoji glyph, the counter and the trigger together\n(",[1527,2969,2970],{},"sm"," 28px tall, ",[1527,2973,2974],{},"md"," 36px, ",[1527,2977,2978],{},"lg"," 44px).",[2884,2981,2983],{"name":2982,"type":2913,"default":2902},"defaultPickerOpen","Start with the picker open. Mostly useful for docs and screenshots — it is\ninitial state, so the component still closes it on Escape, an outside click or\nTab as usual.",[2884,2985,2988,2989,2992,2993,2229],{"name":2986,"type":2987},"class","string","Merged onto the outer ",[1527,2990,2991],{},"role=\"group\""," row, after the built-in\n",[1527,2994,2995],{},"flex flex-wrap items-center gap-2",[1543,2997,2999],{"id":2998},"events","Events",[3001,3002,3003],"component-events",{},[3004,3005,3007,3008,3010,3011,3013],"component-event",{"name":1533,"type":3006},"(id: string, reacted: boolean) => void","Fired when a reaction should change. The first argument is the ",[1527,3009,2312],{}," from your\n",[1527,3012,1529],{}," array — or the raw emoji string when the picker proposes one that\nis not in the array yet. The second is the state it should move to. See the\ntable above for the exact emissions, including the exclusivity emits that\nprecede the one you asked for.",[1543,3015,3017],{"id":3016},"ui","UI",[1520,3019,3020,3021,3027,3028,3031,3032,2229],{},"This component's theme exposes the slots below. Override any of them per instance with the ",[3022,3023,3024,3026],"a",{"href":21},[1527,3025,3016],{}," prop",", or app-wide under ",[1527,3029,3030],{},"ui.emojiReaction"," in ",[1527,3033,3034],{},"app.config.ts",[2881,3036,3037],{},[2884,3038,3040],{"name":3016,"type":3039},"object","Per-slot classes merged over the theme defaults.",[3042,3043,3044,3050,3056,3062,3067,3072,3078,3084,3090,3094,3100,3106,3112,3118,3124,3130],"component-slots",{},[3045,3046,3048],"component-slot-row",{"name":3047},"root",[1527,3049,2995],{},[3045,3051,3053],{"name":3052},"button",[1527,3054,3055],{},"relative inline-flex cursor-pointer select-none items-center rounded-full border font-medium transition-[background-color,border-color,box-shadow,color] duration-150 ease-out outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 focus-visible:ring-offset-default before:absolute before:-inset-1 before:content-[\\'\\']",[3045,3057,3059],{"name":3058},"emojiWrap",[1527,3060,3061],{},"relative inline-flex items-center justify-center",[3045,3063,3064],{"name":2856},[1527,3065,3066],{},"block leading-none",[3045,3068,3069],{"name":2926},[1527,3070,3071],{},"pointer-events-none absolute inset-0 flex items-center justify-center",[3045,3073,3075],{"name":3074},"burstRing",[1527,3076,3077],{},"absolute size-6 rounded-full border border-primary\u002F50",[3045,3079,3081],{"name":3080},"burstParticle",[1527,3082,3083],{},"absolute rounded-full bg-primary",[3045,3085,3087],{"name":3086},"countWrap",[1527,3088,3089],{},"relative inline-flex h-[1.15em] items-center overflow-hidden text-center tabular-nums leading-none",[3045,3091,3092],{"name":2660},[1527,3093,3066],{},[3045,3095,3097],{"name":3096},"pickerWrapper",[1527,3098,3099],{},"relative inline-flex",[3045,3101,3103],{"name":3102},"trigger",[1527,3104,3105],{},"inline-flex cursor-pointer items-center justify-center rounded-full border border-default\u002F60 bg-default text-muted transition-[background-color,border-color,color] duration-150 ease-out hover:border-default hover:bg-muted\u002F50 hover:text-highlighted outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 focus-visible:ring-offset-default",[3045,3107,3109],{"name":3108},"triggerIcon",[1527,3110,3111],{},"size-4",[3045,3113,3115],{"name":3114},"srOnly",[1527,3116,3117],{},"sr-only",[3045,3119,3121],{"name":3120},"pickerPanel",[1527,3122,3123],{},"absolute bottom-full left-1\u002F2 z-20 block -translate-x-1\u002F2 pb-2",[3045,3125,3127],{"name":3126},"menu",[1527,3128,3129],{},"flex gap-1 rounded-2xl border border-default bg-default p-1.5 shadow-lg shadow-black\u002F5",[3045,3131,3133],{"name":3132},"menuItem",[1527,3134,3135],{},"flex size-9 cursor-pointer items-center justify-center rounded-xl text-lg outline-none transition-colors duration-150 ease-out hover:bg-muted focus-visible:ring-2 focus-visible:ring-primary",[1543,3137,3139],{"id":3138},"accessibility","Accessibility",[1520,3141,3142,3143,3145,3146,3149,3150,3153,3154,3157],{},"The bar is a ",[1527,3144,2991],{}," labelled \"Reactions\". Each pill is a real ",[1527,3147,3148],{},"\u003Cbutton>","\ncarrying ",[1527,3151,3152],{},"aria-pressed"," and an ",[1527,3155,3156],{},"aria-label"," of the form \"Party popper, 4\nreactions\" — singular when the count is 1, so the label tracks your count\nrather than being a static string.",[1520,3159,3160,3161,2491,3164,3167,3168,3171,3172,3175,3176,3179,3180,3183,3184,3187,3188,3191],{},"The picker is a proper menu. The trigger has ",[1527,3162,3163],{},"aria-haspopup=\"menu\"",[1527,3165,3166],{},"aria-expanded",", and ",[1527,3169,3170],{},"aria-controls"," pointing at a ",[1527,3173,3174],{},"useId()","-generated id on the\nmenu; the menu itself is ",[1527,3177,3178],{},"role=\"menu\""," with ",[1527,3181,3182],{},"role=\"menuitem\""," children and a\nroving ",[1527,3185,3186],{},"tabindex",". Keyboard: ArrowUp or ArrowDown on the trigger opens it and\nmoves focus to the first item, arrows move and wrap within the menu, Escape\ncloses and returns focus to the trigger, and Tab closes without stealing focus\nback. A pointer press outside closes it too. Hover also opens the picker, but\nonly on devices that report ",[1527,3189,3190],{},"(hover: hover) and (pointer: fine)",", and hovering\nnever moves focus.",[1520,3193,3194,3195,2229],{},"Reduced motion is honoured throughout: the press-scale, the emoji pop, the\nparticle burst, the menu scale-in and the digit roll all swap to opacity-only or\ndrop out entirely under ",[1527,3196,3197],{},"prefers-reduced-motion",[1543,3199,3201],{"id":3200},"performance","Performance",[3203,3204,3205,3213,3228,3234,3248,3263],"ul",{},[3206,3207,3208,3209,3212],"li",{},"Burst particles come from a seeded linear congruential generator, not\n",[1527,3210,3211],{},"Math.random()",", so a given seed always throws the same shape — the effect is\nreproducible and free of a global RNG call.",[3206,3214,3215,3216,3219,3220,3223,3224,3227],{},"The burst layer is unmounted on a ",[1527,3217,3218],{},"550ms"," timer, not on the ring's animation\ncompleting. motion-v re-runs ",[1527,3221,3222],{},"animateUpdates"," on every re-render and resolves\nimmediately when the target has not changed, so an ",[1527,3225,3226],{},"onAnimationComplete","\nunmount would tear the burst down before it was ever painted.",[3206,3229,3230,3231,2229],{},"The emoji pop is animated imperatively on the element that already exists,\nrather than by remounting it behind a changing ",[1527,3232,3233],{},"key",[3206,3235,3236,3237,3179,3240,3243,3244,3247],{},"Counters use ",[1527,3238,3239],{},"AnimatePresence",[1527,3241,3242],{},"mode=\"popLayout\""," and a fixed\n",[1527,3245,3246],{},"1.15em"," overflow window, so a rolling number never widens the pill.",[3206,3249,3250,3251,3254,3255,3258,3259,3262],{},"The two ",[1527,3252,3253],{},"document"," listeners (",[1527,3256,3257],{},"pointerdown",", ",[1527,3260,3261],{},"keydown",") are added when the\npicker opens and removed when it closes or the component unmounts — they are\nnot permanent.",[3206,3264,3265,3266,2956,3269,2229],{},"Nothing animates a layout property; the press, pop, burst and roll are all\n",[1527,3267,3268],{},"transform",[1527,3270,3271],{},"opacity",[3273,3274,3275,3276,3279,3280,3282],"tip",{},"The roll direction is derived by watching the ",[1527,3277,3278],{},"id:count"," pairs of your array, so\nit works on the very first render only as a flat \"up\" — the previous counts map\nis empty and the direction defaults to ",[1527,3281,2679],{},". If your initial state already has a\nhigh count and the first change is a decrement, the digits will still roll up.",[3284,3285,3286],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}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 .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":1576,"searchDepth":1602,"depth":1602,"links":3288},[3289,3290,3291,3293,3294,3295,3296,3297],{"id":1545,"depth":1602,"text":16},{"id":2752,"depth":1602,"text":2753},{"id":2770,"depth":1602,"text":3292},"What react reports",{"id":2878,"depth":1602,"text":2879},{"id":2998,"depth":1602,"text":2999},{"id":3016,"depth":1602,"text":3017},{"id":3138,"depth":1602,"text":3139},{"id":3200,"depth":1602,"text":3201},"A controlled reaction bar with animated counters, a hover picker, and a particle burst on every reaction.",null,{},{"title":757,"description":3298},"2wvjG0Q_i60XFMeQGWvFlckTf_bmUP8M7dsD3nMM5qI",[3304,3306],{"title":753,"path":754,"stem":755,"description":3305,"children":-1},"A pill that morphs between five system-style views — idle, incoming call, timer, notification and now playing.",{"title":761,"path":762,"stem":763,"description":3307,"children":-1},"One plate that travels to whatever row the pointer or the keyboard lands on.",1793501787416]