[{"data":1,"prerenderedAt":6592},["ShallowReactive",2],{"navigation_docs":3,"-components-interactive-drag-and-drop":1514,"-components-interactive-drag-and-drop-surround":6587},[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":741,"body":1516,"description":6581,"extension":6582,"links":6583,"meta":6584,"navigation":2001,"path":742,"seo":6585,"stem":743,"__hash__":6586},"docs\u002F3.components\u002Finteractive\u002Fdrag-and-drop.md",{"type":1517,"value":1518,"toc":6568},"minimark",[1519,1532,1543,1546,1561,1565,1592,2448,2452,2466,2470,2479,2547,2603,2630,2633,4160,4163,4177,4864,4868,4889,6156,6160,6275,6279,6317,6321,6336,6340,6356,6362,6417,6421,6437,6443,6452,6469,6473,6540,6564],[1520,1521,1522,1523,1527,1528,1531],"p",{},"A drag-and-drop container for an array of items. Drag one row onto another and it\ndrops into the gap you are hovering — before or after the item under the pointer,\nchosen from which half of it you are over — with a primary-coloured indicator\nmarking where it will land. The split follows the layout: list and masonry read\nthe vertical half, while grid reads the diagonal, so a card dropped past an item's\nbottom-right corner lands after it and anywhere else lands before. The indicator\nis drawn as an overlay, so the list itself never reflows mid-drag. Three layouts\nare built in — list, grid and masonry — plus two extra behaviours for ",[1524,1525,1526],"code",{},"move"," and\n",[1524,1529,1530],{},"copy"," modes, where three drop zones appear below the container.",[1520,1533,1534,1535,1538,1539,1542],{},"The container keeps its own copy of your items and reorders that. Your array is\nnever mutated; the new order is handed back through the ",[1524,1536,1537],{},"change"," event, so the\nsource of truth stays yours. If you do not write it back, the container resets on\nthe next ",[1524,1540,1541],{},"items"," change — which is why the example writes it straight back.",[1520,1544,1545],{},"It is built on the native HTML drag-and-drop API, not on pointer events. That\ngives keyboard and touch behaviour from the platform for free on browsers that\nimplement it, and it means the drag ghost is the browser's own.",[1520,1547,1548,1549,1552,1553,1556,1557,1560],{},"The default slot replaces each item's whole appearance. Without a slot you get a\nplain bordered card showing ",[1524,1550,1551],{},"label",", ",[1524,1554,1555],{},"name"," or ",[1524,1558,1559],{},"id",".",[1562,1563,16],"h2",{"id":1564},"usage",[1520,1566,1567,1568,1570,1571,1573,1574,1576,1577,1580,1581,1552,1584,1587,1588,1591],{},"Pass ",[1524,1569,1541],{}," — objects with an ",[1524,1572,1559],{},", plus anything else your slot needs — and\nhandle ",[1524,1575,1537],{}," to adopt the new order. ",[1524,1578,1579],{},"layout"," picks the arrangement; with\n",[1524,1582,1583],{},"grid",[1524,1585,1586],{},"columns"," and ",[1524,1589,1590],{},"gap"," shape it.",[1593,1594,1596,1609],"code-preview",{"label":1595},"Preview",[1597,1598,1604,1605],"div",{"className":1599},[1600,1601,1602,1603],"flex","justify-center","w-full","h-full","  ",[1606,1607],"component-example",{"name":1608},"drag-and-drop-basic",[1610,1611,1613],"template",{"v-slot:code":1612},"",[1614,1615,1619],"pre",{"className":1616,"code":1617,"language":1618,"meta":1612,"style":1612},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003Cdiv class=\"flex w-full max-w-md flex-col gap-4\">\n    \u003CMDragAndDrop\n      :items=\"items\"\n      item-class=\"cursor-grab\"\n      class=\"rounded-xl border border-dashed border-default p-3\"\n      @change=\"onChange\"\n    >\n      \u003Ctemplate #default=\"{ item, isDragging }\">\n        \u003Cdiv\n          class=\"flex items-center gap-3 rounded-lg border border-default bg-default px-3 py-2.5\"\n          :class=\"isDragging ? 'opacity-60' : ''\"\n        >\n          \u003CUIcon\n            name=\"i-lucide-grip-vertical\"\n            class=\"size-4 shrink-0 text-dimmed\"\n          \u002F>\n          \u003Cspan class=\"flex-1 text-sm font-medium\">\n            {{ item.label }}\n          \u003C\u002Fspan>\n          \u003CUBadge\n            size=\"sm\"\n            variant=\"subtle\"\n          >\n            {{ item.owner }}\n          \u003C\u002FUBadge>\n        \u003C\u002Fdiv>\n      \u003C\u002Ftemplate>\n    \u003C\u002FMDragAndDrop>\n\n    \u003Cp class=\"text-xs text-muted\">\n      Drag a row onto another to reorder it — the new order is emitted, not applied\n      to your source array.\n    \u003C\u002Fp>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nconst items = ref([\n  { id: 'design-tokens', label: 'Style tokens', owner: 'Ana' },\n  { id: 'component-audit', label: 'Component audit', owner: 'Ben' },\n  { id: 'motion-guidelines', label: 'Motion guidelines', owner: 'Chidi' },\n  { id: 'accessibility-pass', label: 'Accessibility pass', owner: 'Dara' },\n  { id: 'docs-rewrite', label: 'Docs rewrite', owner: 'Eli' },\n])\n\nfunction onChange(next: { id: string, label: string, owner: string }[]) {\n  items.value = [...next]\n}\n\u003C\u002Fscript>\n","vue",[1524,1620,1621,1636,1662,1671,1689,1704,1719,1736,1742,1779,1788,1803,1818,1824,1833,1848,1863,1869,1889,1895,1905,1913,1928,1943,1949,1955,1965,1975,1985,1996,2003,2023,2029,2035,2044,2054,2064,2069,2094,2112,2164,2208,2252,2296,2340,2346,2351,2408,2433,2439],{"__ignoreMap":1612},[1622,1623,1626,1630,1633],"span",{"class":1624,"line":1625},"line",1,[1622,1627,1629],{"class":1628},"sMK4o","\u003C",[1622,1631,1610],{"class":1632},"swJcz",[1622,1634,1635],{"class":1628},">\n",[1622,1637,1639,1642,1644,1648,1651,1654,1658,1660],{"class":1624,"line":1638},2,[1622,1640,1641],{"class":1628},"  \u003C",[1622,1643,1597],{"class":1632},[1622,1645,1647],{"class":1646},"spNyl"," class",[1622,1649,1650],{"class":1628},"=",[1622,1652,1653],{"class":1628},"\"",[1622,1655,1657],{"class":1656},"sfazB","flex w-full max-w-md flex-col gap-4",[1622,1659,1653],{"class":1628},[1622,1661,1635],{"class":1628},[1622,1663,1665,1668],{"class":1624,"line":1664},3,[1622,1666,1667],{"class":1628},"    \u003C",[1622,1669,1670],{"class":1632},"MDragAndDrop\n",[1622,1672,1674,1677,1679,1681,1683,1686],{"class":1624,"line":1673},4,[1622,1675,1676],{"class":1628},"      :",[1622,1678,1541],{"class":1646},[1622,1680,1650],{"class":1628},[1622,1682,1653],{"class":1628},[1622,1684,1541],{"class":1685},"sTEyZ",[1622,1687,1688],{"class":1628},"\"\n",[1622,1690,1692,1695,1697,1699,1702],{"class":1624,"line":1691},5,[1622,1693,1694],{"class":1646},"      item-class",[1622,1696,1650],{"class":1628},[1622,1698,1653],{"class":1628},[1622,1700,1701],{"class":1656},"cursor-grab",[1622,1703,1688],{"class":1628},[1622,1705,1707,1710,1712,1714,1717],{"class":1624,"line":1706},6,[1622,1708,1709],{"class":1646},"      class",[1622,1711,1650],{"class":1628},[1622,1713,1653],{"class":1628},[1622,1715,1716],{"class":1656},"rounded-xl border border-dashed border-default p-3",[1622,1718,1688],{"class":1628},[1622,1720,1722,1725,1727,1729,1731,1734],{"class":1624,"line":1721},7,[1622,1723,1724],{"class":1628},"      @",[1622,1726,1537],{"class":1646},[1622,1728,1650],{"class":1628},[1622,1730,1653],{"class":1628},[1622,1732,1733],{"class":1685},"onChange",[1622,1735,1688],{"class":1628},[1622,1737,1739],{"class":1624,"line":1738},8,[1622,1740,1741],{"class":1628},"    >\n",[1622,1743,1745,1748,1750,1753,1756,1758,1760,1763,1766,1769,1772,1775,1777],{"class":1624,"line":1744},9,[1622,1746,1747],{"class":1628},"      \u003C",[1622,1749,1610],{"class":1632},[1622,1751,1752],{"class":1628}," #",[1622,1754,1755],{"class":1646},"default",[1622,1757,1650],{"class":1628},[1622,1759,1653],{"class":1628},[1622,1761,1762],{"class":1628},"{",[1622,1764,1765],{"class":1685}," item",[1622,1767,1768],{"class":1628},",",[1622,1770,1771],{"class":1685}," isDragging ",[1622,1773,1774],{"class":1628},"}",[1622,1776,1653],{"class":1628},[1622,1778,1635],{"class":1628},[1622,1780,1782,1785],{"class":1624,"line":1781},10,[1622,1783,1784],{"class":1628},"        \u003C",[1622,1786,1787],{"class":1632},"div\n",[1622,1789,1791,1794,1796,1798,1801],{"class":1624,"line":1790},11,[1622,1792,1793],{"class":1646},"          class",[1622,1795,1650],{"class":1628},[1622,1797,1653],{"class":1628},[1622,1799,1800],{"class":1656},"flex items-center gap-3 rounded-lg border border-default bg-default px-3 py-2.5",[1622,1802,1688],{"class":1628},[1622,1804,1806,1809,1811,1813,1816],{"class":1624,"line":1805},12,[1622,1807,1808],{"class":1646},"          :class",[1622,1810,1650],{"class":1628},[1622,1812,1653],{"class":1628},[1622,1814,1815],{"class":1656},"isDragging ? 'opacity-60' : ''",[1622,1817,1688],{"class":1628},[1622,1819,1821],{"class":1624,"line":1820},13,[1622,1822,1823],{"class":1628},"        >\n",[1622,1825,1827,1830],{"class":1624,"line":1826},14,[1622,1828,1829],{"class":1628},"          \u003C",[1622,1831,1832],{"class":1632},"UIcon\n",[1622,1834,1836,1839,1841,1843,1846],{"class":1624,"line":1835},15,[1622,1837,1838],{"class":1646},"            name",[1622,1840,1650],{"class":1628},[1622,1842,1653],{"class":1628},[1622,1844,1845],{"class":1656},"i-lucide-grip-vertical",[1622,1847,1688],{"class":1628},[1622,1849,1851,1854,1856,1858,1861],{"class":1624,"line":1850},16,[1622,1852,1853],{"class":1646},"            class",[1622,1855,1650],{"class":1628},[1622,1857,1653],{"class":1628},[1622,1859,1860],{"class":1656},"size-4 shrink-0 text-dimmed",[1622,1862,1688],{"class":1628},[1622,1864,1866],{"class":1624,"line":1865},17,[1622,1867,1868],{"class":1628},"          \u002F>\n",[1622,1870,1872,1874,1876,1878,1880,1882,1885,1887],{"class":1624,"line":1871},18,[1622,1873,1829],{"class":1628},[1622,1875,1622],{"class":1632},[1622,1877,1647],{"class":1646},[1622,1879,1650],{"class":1628},[1622,1881,1653],{"class":1628},[1622,1883,1884],{"class":1656},"flex-1 text-sm font-medium",[1622,1886,1653],{"class":1628},[1622,1888,1635],{"class":1628},[1622,1890,1892],{"class":1624,"line":1891},19,[1622,1893,1894],{"class":1685},"            {{ item.label }}\n",[1622,1896,1898,1901,1903],{"class":1624,"line":1897},20,[1622,1899,1900],{"class":1628},"          \u003C\u002F",[1622,1902,1622],{"class":1632},[1622,1904,1635],{"class":1628},[1622,1906,1908,1910],{"class":1624,"line":1907},21,[1622,1909,1829],{"class":1628},[1622,1911,1912],{"class":1632},"UBadge\n",[1622,1914,1916,1919,1921,1923,1926],{"class":1624,"line":1915},22,[1622,1917,1918],{"class":1646},"            size",[1622,1920,1650],{"class":1628},[1622,1922,1653],{"class":1628},[1622,1924,1925],{"class":1656},"sm",[1622,1927,1688],{"class":1628},[1622,1929,1931,1934,1936,1938,1941],{"class":1624,"line":1930},23,[1622,1932,1933],{"class":1646},"            variant",[1622,1935,1650],{"class":1628},[1622,1937,1653],{"class":1628},[1622,1939,1940],{"class":1656},"subtle",[1622,1942,1688],{"class":1628},[1622,1944,1946],{"class":1624,"line":1945},24,[1622,1947,1948],{"class":1628},"          >\n",[1622,1950,1952],{"class":1624,"line":1951},25,[1622,1953,1954],{"class":1685},"            {{ item.owner }}\n",[1622,1956,1958,1960,1963],{"class":1624,"line":1957},26,[1622,1959,1900],{"class":1628},[1622,1961,1962],{"class":1632},"UBadge",[1622,1964,1635],{"class":1628},[1622,1966,1968,1971,1973],{"class":1624,"line":1967},27,[1622,1969,1970],{"class":1628},"        \u003C\u002F",[1622,1972,1597],{"class":1632},[1622,1974,1635],{"class":1628},[1622,1976,1978,1981,1983],{"class":1624,"line":1977},28,[1622,1979,1980],{"class":1628},"      \u003C\u002F",[1622,1982,1610],{"class":1632},[1622,1984,1635],{"class":1628},[1622,1986,1988,1991,1994],{"class":1624,"line":1987},29,[1622,1989,1990],{"class":1628},"    \u003C\u002F",[1622,1992,1993],{"class":1632},"MDragAndDrop",[1622,1995,1635],{"class":1628},[1622,1997,1999],{"class":1624,"line":1998},30,[1622,2000,2002],{"emptyLinePlaceholder":2001},true,"\n",[1622,2004,2006,2008,2010,2012,2014,2016,2019,2021],{"class":1624,"line":2005},31,[1622,2007,1667],{"class":1628},[1622,2009,1520],{"class":1632},[1622,2011,1647],{"class":1646},[1622,2013,1650],{"class":1628},[1622,2015,1653],{"class":1628},[1622,2017,2018],{"class":1656},"text-xs text-muted",[1622,2020,1653],{"class":1628},[1622,2022,1635],{"class":1628},[1622,2024,2026],{"class":1624,"line":2025},32,[1622,2027,2028],{"class":1685},"      Drag a row onto another to reorder it — the new order is emitted, not applied\n",[1622,2030,2032],{"class":1624,"line":2031},33,[1622,2033,2034],{"class":1685},"      to your source array.\n",[1622,2036,2038,2040,2042],{"class":1624,"line":2037},34,[1622,2039,1990],{"class":1628},[1622,2041,1520],{"class":1632},[1622,2043,1635],{"class":1628},[1622,2045,2047,2050,2052],{"class":1624,"line":2046},35,[1622,2048,2049],{"class":1628},"  \u003C\u002F",[1622,2051,1597],{"class":1632},[1622,2053,1635],{"class":1628},[1622,2055,2057,2060,2062],{"class":1624,"line":2056},36,[1622,2058,2059],{"class":1628},"\u003C\u002F",[1622,2061,1610],{"class":1632},[1622,2063,1635],{"class":1628},[1622,2065,2067],{"class":1624,"line":2066},37,[1622,2068,2002],{"emptyLinePlaceholder":2001},[1622,2070,2072,2074,2077,2080,2083,2085,2087,2090,2092],{"class":1624,"line":2071},38,[1622,2073,1629],{"class":1628},[1622,2075,2076],{"class":1632},"script",[1622,2078,2079],{"class":1646}," setup",[1622,2081,2082],{"class":1646}," lang",[1622,2084,1650],{"class":1628},[1622,2086,1653],{"class":1628},[1622,2088,2089],{"class":1656},"ts",[1622,2091,1653],{"class":1628},[1622,2093,1635],{"class":1628},[1622,2095,2097,2100,2103,2105,2109],{"class":1624,"line":2096},39,[1622,2098,2099],{"class":1646},"const",[1622,2101,2102],{"class":1685}," items ",[1622,2104,1650],{"class":1628},[1622,2106,2108],{"class":2107},"s2Zo4"," ref",[1622,2110,2111],{"class":1685},"([\n",[1622,2113,2115,2118,2121,2124,2127,2130,2133,2135,2138,2140,2142,2145,2147,2149,2152,2154,2156,2159,2161],{"class":1624,"line":2114},40,[1622,2116,2117],{"class":1628},"  {",[1622,2119,2120],{"class":1632}," id",[1622,2122,2123],{"class":1628},":",[1622,2125,2126],{"class":1628}," '",[1622,2128,2129],{"class":1656},"design-tokens",[1622,2131,2132],{"class":1628},"'",[1622,2134,1768],{"class":1628},[1622,2136,2137],{"class":1632}," label",[1622,2139,2123],{"class":1628},[1622,2141,2126],{"class":1628},[1622,2143,2144],{"class":1656},"Style tokens",[1622,2146,2132],{"class":1628},[1622,2148,1768],{"class":1628},[1622,2150,2151],{"class":1632}," owner",[1622,2153,2123],{"class":1628},[1622,2155,2126],{"class":1628},[1622,2157,2158],{"class":1656},"Ana",[1622,2160,2132],{"class":1628},[1622,2162,2163],{"class":1628}," },\n",[1622,2165,2167,2169,2171,2173,2175,2178,2180,2182,2184,2186,2188,2191,2193,2195,2197,2199,2201,2204,2206],{"class":1624,"line":2166},41,[1622,2168,2117],{"class":1628},[1622,2170,2120],{"class":1632},[1622,2172,2123],{"class":1628},[1622,2174,2126],{"class":1628},[1622,2176,2177],{"class":1656},"component-audit",[1622,2179,2132],{"class":1628},[1622,2181,1768],{"class":1628},[1622,2183,2137],{"class":1632},[1622,2185,2123],{"class":1628},[1622,2187,2126],{"class":1628},[1622,2189,2190],{"class":1656},"Component audit",[1622,2192,2132],{"class":1628},[1622,2194,1768],{"class":1628},[1622,2196,2151],{"class":1632},[1622,2198,2123],{"class":1628},[1622,2200,2126],{"class":1628},[1622,2202,2203],{"class":1656},"Ben",[1622,2205,2132],{"class":1628},[1622,2207,2163],{"class":1628},[1622,2209,2211,2213,2215,2217,2219,2222,2224,2226,2228,2230,2232,2235,2237,2239,2241,2243,2245,2248,2250],{"class":1624,"line":2210},42,[1622,2212,2117],{"class":1628},[1622,2214,2120],{"class":1632},[1622,2216,2123],{"class":1628},[1622,2218,2126],{"class":1628},[1622,2220,2221],{"class":1656},"motion-guidelines",[1622,2223,2132],{"class":1628},[1622,2225,1768],{"class":1628},[1622,2227,2137],{"class":1632},[1622,2229,2123],{"class":1628},[1622,2231,2126],{"class":1628},[1622,2233,2234],{"class":1656},"Motion guidelines",[1622,2236,2132],{"class":1628},[1622,2238,1768],{"class":1628},[1622,2240,2151],{"class":1632},[1622,2242,2123],{"class":1628},[1622,2244,2126],{"class":1628},[1622,2246,2247],{"class":1656},"Chidi",[1622,2249,2132],{"class":1628},[1622,2251,2163],{"class":1628},[1622,2253,2255,2257,2259,2261,2263,2266,2268,2270,2272,2274,2276,2279,2281,2283,2285,2287,2289,2292,2294],{"class":1624,"line":2254},43,[1622,2256,2117],{"class":1628},[1622,2258,2120],{"class":1632},[1622,2260,2123],{"class":1628},[1622,2262,2126],{"class":1628},[1622,2264,2265],{"class":1656},"accessibility-pass",[1622,2267,2132],{"class":1628},[1622,2269,1768],{"class":1628},[1622,2271,2137],{"class":1632},[1622,2273,2123],{"class":1628},[1622,2275,2126],{"class":1628},[1622,2277,2278],{"class":1656},"Accessibility pass",[1622,2280,2132],{"class":1628},[1622,2282,1768],{"class":1628},[1622,2284,2151],{"class":1632},[1622,2286,2123],{"class":1628},[1622,2288,2126],{"class":1628},[1622,2290,2291],{"class":1656},"Dara",[1622,2293,2132],{"class":1628},[1622,2295,2163],{"class":1628},[1622,2297,2299,2301,2303,2305,2307,2310,2312,2314,2316,2318,2320,2323,2325,2327,2329,2331,2333,2336,2338],{"class":1624,"line":2298},44,[1622,2300,2117],{"class":1628},[1622,2302,2120],{"class":1632},[1622,2304,2123],{"class":1628},[1622,2306,2126],{"class":1628},[1622,2308,2309],{"class":1656},"docs-rewrite",[1622,2311,2132],{"class":1628},[1622,2313,1768],{"class":1628},[1622,2315,2137],{"class":1632},[1622,2317,2123],{"class":1628},[1622,2319,2126],{"class":1628},[1622,2321,2322],{"class":1656},"Docs rewrite",[1622,2324,2132],{"class":1628},[1622,2326,1768],{"class":1628},[1622,2328,2151],{"class":1632},[1622,2330,2123],{"class":1628},[1622,2332,2126],{"class":1628},[1622,2334,2335],{"class":1656},"Eli",[1622,2337,2132],{"class":1628},[1622,2339,2163],{"class":1628},[1622,2341,2343],{"class":1624,"line":2342},45,[1622,2344,2345],{"class":1685},"])\n",[1622,2347,2349],{"class":1624,"line":2348},46,[1622,2350,2002],{"emptyLinePlaceholder":2001},[1622,2352,2354,2357,2360,2363,2367,2369,2372,2374,2376,2380,2382,2384,2386,2388,2390,2392,2394,2396,2399,2402,2405],{"class":1624,"line":2353},47,[1622,2355,2356],{"class":1646},"function",[1622,2358,2359],{"class":2107}," onChange",[1622,2361,2362],{"class":1628},"(",[1622,2364,2366],{"class":2365},"sHdIc","next",[1622,2368,2123],{"class":1628},[1622,2370,2371],{"class":1628}," {",[1622,2373,2120],{"class":1632},[1622,2375,2123],{"class":1628},[1622,2377,2379],{"class":2378},"sBMFI"," string",[1622,2381,1768],{"class":1628},[1622,2383,2137],{"class":1632},[1622,2385,2123],{"class":1628},[1622,2387,2379],{"class":2378},[1622,2389,1768],{"class":1628},[1622,2391,2151],{"class":1632},[1622,2393,2123],{"class":1628},[1622,2395,2379],{"class":2378},[1622,2397,2398],{"class":1628}," }",[1622,2400,2401],{"class":1685},"[]",[1622,2403,2404],{"class":1628},")",[1622,2406,2407],{"class":1628}," {\n",[1622,2409,2411,2414,2416,2419,2422,2425,2428,2430],{"class":1624,"line":2410},48,[1622,2412,2413],{"class":1685},"  items",[1622,2415,1560],{"class":1628},[1622,2417,2418],{"class":1685},"value",[1622,2420,2421],{"class":1628}," =",[1622,2423,2424],{"class":1632}," [",[1622,2426,2427],{"class":1628},"...",[1622,2429,2366],{"class":1685},[1622,2431,2432],{"class":1632},"]\n",[1622,2434,2436],{"class":1624,"line":2435},49,[1622,2437,2438],{"class":1628},"}\n",[1622,2440,2442,2444,2446],{"class":1624,"line":2441},50,[1622,2443,2059],{"class":1628},[1622,2445,2076],{"class":1632},[1622,2447,1635],{"class":1628},[1562,2449,2451],{"id":2450},"customize","Customize",[1593,2453,2454,2460],{"label":1595},[1597,2455,1604,2457],{"className":2456},[1602],[1606,2458],{"name":2459},"drag-and-drop-custom",[1610,2461,2462],{"v-slot:code":1612},[2463,2464],"playground-code",{"name":2465},"DragAndDrop",[1562,2467,2469],{"id":2468},"modes-and-layouts","Modes and layouts",[1520,2471,2472,2475,2476,2478],{},[1524,2473,2474],{},"mode"," decides what a drop means; ",[1524,2477,1579],{}," decides how the items sit.",[2480,2481,2482,2498],"table",{},[2483,2484,2485],"thead",{},[2486,2487,2488,2492,2495],"tr",{},[2489,2490,2491],"th",{},"Mode",[2489,2493,2494],{},"Drop zones",[2489,2496,2497],{},"What dropping on another item does",[2499,2500,2501,2520,2532],"tbody",{},[2486,2502,2503,2514,2517],{},[2504,2505,2506,2509,2510],"td",{},[1524,2507,2508],{},"sort"," ",[2511,2512,2513],"em",{},"(default)",[2504,2515,2516],{},"none",[2504,2518,2519],{},"Reorders — the item lands in the gap above or below the row under the pointer, marked by an inline indicator.",[2486,2521,2522,2526,2529],{},[2504,2523,2524],{},[1524,2525,1526],{},[2504,2527,2528],{},"three",[2504,2530,2531],{},"Reorders as above, and dropping on a zone removes the item from the list.",[2486,2533,2534,2538,2540],{},[2504,2535,2536],{},[1524,2537,1530],{},[2504,2539,2528],{},[2504,2541,2542,2543,2546],{},"Reorders, and dropping on a zone emits ",[1524,2544,2545],{},"drop"," without removing — the copy is yours to place.",[2480,2548,2549,2558],{},[2483,2550,2551],{},[2486,2552,2553,2555],{},[2489,2554,877],{},[2489,2556,2557],{},"Arrangement",[2499,2559,2560,2575,2589],{},[2486,2561,2562,2569],{},[2504,2563,2564,2509,2567],{},[1524,2565,2566],{},"list",[2511,2568,2513],{},[2504,2570,2571,2572,1560],{},"Vertical stack with ",[1524,2573,2574],{},"space-y-2",[2486,2576,2577,2581],{},[2504,2578,2579],{},[1524,2580,1583],{},[2504,2582,2583,2584,2586,2587,1560],{},"CSS grid at ",[1524,2585,1586],{}," columns with a gap derived from ",[1524,2588,1590],{},[2486,2590,2591,2596],{},[2504,2592,2593],{},[1524,2594,2595],{},"masonry",[2504,2597,2598,2599,2602],{},"CSS multi-column at 2\u002F3\u002F4 columns by breakpoint, with ",[1524,2600,2601],{},"break-inside: avoid"," per item.",[1520,2604,2605,2606,2609,2610,2613,2614,2616,2617,2619,2620,2622,2623,2626,2627,1560],{},"Grid and masonry use Tailwind classes assembled at runtime (",[1524,2607,2608],{},"grid-cols-${columns}",",\n",[1524,2611,2612],{},"gap-${gap \u002F 4}","), which means those exact class names must exist in your\nstylesheet for the layout to apply. ",[1524,2615,1590],{}," also means different things in the two:\nin ",[1524,2618,1583],{}," it is a Tailwind step divided by four, while in ",[1524,2621,2595],{}," it is a pixel\nvalue applied as an inline ",[1524,2624,2625],{},"margin-bottom"," on each item — the column gap itself\nis a hardcoded ",[1524,2628,2629],{},"gap-4",[1520,2631,2632],{},"Switch both at runtime to compare them:",[1593,2634,2635,2641],{"label":1595},[1597,2636,1604,2638],{"className":2637},[1602],[1606,2639],{"name":2640},"drag-and-drop-modes",[1610,2642,2643],{"v-slot:code":1612},[1614,2644,2646],{"className":1616,"code":2645,"language":1618,"meta":1612,"style":1612},"\u003Ctemplate>\n  \u003Cdiv class=\"flex w-full flex-col gap-4\">\n    \u003Cdiv class=\"flex flex-wrap gap-2\">\n      \u003Cdiv class=\"flex gap-1 rounded-lg bg-elevated p-1\">\n        \u003CUButton\n          v-for=\"option in modes\"\n          :key=\"option\"\n          size=\"xs\"\n          :color=\"mode === option ? 'primary' : 'neutral'\"\n          :variant=\"mode === option ? 'solid' : 'ghost'\"\n          @click=\"mode = option\"\n        >\n          {{ option }}\n        \u003C\u002FUButton>\n      \u003C\u002Fdiv>\n\n      \u003Cdiv class=\"flex gap-1 rounded-lg bg-elevated p-1\">\n        \u003CUButton\n          v-for=\"option in layouts\"\n          :key=\"option\"\n          size=\"xs\"\n          :color=\"layout === option ? 'primary' : 'neutral'\"\n          :variant=\"layout === option ? 'solid' : 'ghost'\"\n          @click=\"layout = option\"\n        >\n          {{ option }}\n        \u003C\u002FUButton>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n\n    \u003CMDragAndDrop\n      :items=\"items\"\n      :layout=\"layout\"\n      :mode=\"mode\"\n      :columns=\"3\"\n      :gap=\"16\"\n      class=\"min-h-40\"\n      @change=\"onChange\"\n    >\n      \u003Ctemplate #default=\"{ item, isDragging }\">\n        \u003Cdiv\n          class=\"flex h-full flex-col justify-between gap-2 rounded-lg border border-default bg-default p-3\"\n          :class=\"isDragging ? 'opacity-60' : ''\"\n        >\n          \u003Cdiv class=\"flex items-center gap-2\">\n            \u003CUIcon\n              name=\"i-lucide-grip-vertical\"\n              class=\"size-4 shrink-0 text-dimmed\"\n            \u002F>\n            \u003Cspan class=\"text-sm font-medium text-highlighted\">{{ item.label }}\u003C\u002Fspan>\n          \u003C\u002Fdiv>\n          \u003CUBadge\n            size=\"sm\"\n            variant=\"subtle\"\n          >\n            {{ item.owner }}\n          \u003C\u002FUBadge>\n        \u003C\u002Fdiv>\n      \u003C\u002Ftemplate>\n    \u003C\u002FMDragAndDrop>\n\n    \u003Cp class=\"text-xs text-muted\">\n      \u003Ccode>mode\u003C\u002Fcode> = {{ mode }} · \u003Ccode>layout\u003C\u002Fcode> = {{ layout }}\n      \u003Ctemplate v-if=\"mode !== 'sort'\">\n        — drag onto one of the three zones to {{ mode === 'move' ? 'remove' : 'copy' }} the item.\n      \u003C\u002Ftemplate>\n    \u003C\u002Fp>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\ntype Mode = 'sort' | 'move' | 'copy'\ntype Layout = 'list' | 'grid' | 'masonry'\n\nconst modes: Mode[] = ['sort', 'move', 'copy']\nconst layouts: Layout[] = ['list', 'grid', 'masonry']\n\nconst mode = ref\u003CMode>('sort')\nconst layout = ref\u003CLayout>('grid')\n\nconst items = ref([\n  { id: 'design-tokens', label: 'Style tokens', owner: 'Ana' },\n  { id: 'component-audit', label: 'Component audit', owner: 'Ben' },\n  { id: 'motion-guidelines', label: 'Motion guidelines', owner: 'Chidi' },\n  { id: 'accessibility-pass', label: 'Accessibility pass', owner: 'Dara' },\n  { id: 'docs-rewrite', label: 'Docs rewrite', owner: 'Eli' },\n  { id: 'release-notes', label: 'Release notes', owner: 'Fay' },\n])\n\nfunction onChange(next: { id: string, label: string, owner: string }[]) {\n  items.value = [...next]\n}\n\u003C\u002Fscript>\n",[1524,2647,2648,2656,2675,2694,2713,2720,2741,2757,2771,2810,2845,2866,2870,2875,2884,2892,2896,2914,2920,2937,2951,2963,2995,3027,3045,3049,3053,3061,3069,3077,3081,3087,3101,3115,3129,3145,3160,3173,3187,3191,3219,3225,3238,3250,3254,3273,3280,3293,3306,3311,3340,3349,3356,3369,3382,3387,3392,3401,3410,3419,3428,3433,3452,3489,3518,3524,3533,3542,3551,3560,3565,3586,3621,3653,3658,3701,3743,3748,3777,3805,3810,3823,3864,3905,3946,3987,4028,4072,4077,4082,4127,4146,4151],{"__ignoreMap":1612},[1622,2649,2650,2652,2654],{"class":1624,"line":1625},[1622,2651,1629],{"class":1628},[1622,2653,1610],{"class":1632},[1622,2655,1635],{"class":1628},[1622,2657,2658,2660,2662,2664,2666,2668,2671,2673],{"class":1624,"line":1638},[1622,2659,1641],{"class":1628},[1622,2661,1597],{"class":1632},[1622,2663,1647],{"class":1646},[1622,2665,1650],{"class":1628},[1622,2667,1653],{"class":1628},[1622,2669,2670],{"class":1656},"flex w-full flex-col gap-4",[1622,2672,1653],{"class":1628},[1622,2674,1635],{"class":1628},[1622,2676,2677,2679,2681,2683,2685,2687,2690,2692],{"class":1624,"line":1664},[1622,2678,1667],{"class":1628},[1622,2680,1597],{"class":1632},[1622,2682,1647],{"class":1646},[1622,2684,1650],{"class":1628},[1622,2686,1653],{"class":1628},[1622,2688,2689],{"class":1656},"flex flex-wrap gap-2",[1622,2691,1653],{"class":1628},[1622,2693,1635],{"class":1628},[1622,2695,2696,2698,2700,2702,2704,2706,2709,2711],{"class":1624,"line":1673},[1622,2697,1747],{"class":1628},[1622,2699,1597],{"class":1632},[1622,2701,1647],{"class":1646},[1622,2703,1650],{"class":1628},[1622,2705,1653],{"class":1628},[1622,2707,2708],{"class":1656},"flex gap-1 rounded-lg bg-elevated p-1",[1622,2710,1653],{"class":1628},[1622,2712,1635],{"class":1628},[1622,2714,2715,2717],{"class":1624,"line":1691},[1622,2716,1784],{"class":1628},[1622,2718,2719],{"class":1632},"UButton\n",[1622,2721,2722,2726,2728,2730,2733,2736,2739],{"class":1624,"line":1706},[1622,2723,2725],{"class":2724},"s7zQu","          v-for",[1622,2727,1650],{"class":1628},[1622,2729,1653],{"class":1628},[1622,2731,2732],{"class":1685},"option",[1622,2734,2735],{"class":1628}," in ",[1622,2737,2738],{"class":1685},"modes",[1622,2740,1688],{"class":1628},[1622,2742,2743,2746,2749,2751,2753,2755],{"class":1624,"line":1721},[1622,2744,2745],{"class":1628},"          :",[1622,2747,2748],{"class":1646},"key",[1622,2750,1650],{"class":1628},[1622,2752,1653],{"class":1628},[1622,2754,2732],{"class":1685},[1622,2756,1688],{"class":1628},[1622,2758,2759,2762,2764,2766,2769],{"class":1624,"line":1738},[1622,2760,2761],{"class":1646},"          size",[1622,2763,1650],{"class":1628},[1622,2765,1653],{"class":1628},[1622,2767,2768],{"class":1656},"xs",[1622,2770,1688],{"class":1628},[1622,2772,2773,2775,2778,2780,2782,2784,2787,2789,2792,2794,2797,2799,2802,2804,2807],{"class":1624,"line":1744},[1622,2774,2745],{"class":1628},[1622,2776,2777],{"class":1646},"color",[1622,2779,1650],{"class":1628},[1622,2781,1653],{"class":1628},[1622,2783,2474],{"class":1685},[1622,2785,2786],{"class":1628}," === ",[1622,2788,2732],{"class":1685},[1622,2790,2791],{"class":1628}," ? ",[1622,2793,2132],{"class":1628},[1622,2795,2796],{"class":1656},"primary",[1622,2798,2132],{"class":1628},[1622,2800,2801],{"class":1628}," : ",[1622,2803,2132],{"class":1628},[1622,2805,2806],{"class":1656},"neutral",[1622,2808,2809],{"class":1628},"'\"\n",[1622,2811,2812,2814,2817,2819,2821,2823,2825,2827,2829,2831,2834,2836,2838,2840,2843],{"class":1624,"line":1781},[1622,2813,2745],{"class":1628},[1622,2815,2816],{"class":1646},"variant",[1622,2818,1650],{"class":1628},[1622,2820,1653],{"class":1628},[1622,2822,2474],{"class":1685},[1622,2824,2786],{"class":1628},[1622,2826,2732],{"class":1685},[1622,2828,2791],{"class":1628},[1622,2830,2132],{"class":1628},[1622,2832,2833],{"class":1656},"solid",[1622,2835,2132],{"class":1628},[1622,2837,2801],{"class":1628},[1622,2839,2132],{"class":1628},[1622,2841,2842],{"class":1656},"ghost",[1622,2844,2809],{"class":1628},[1622,2846,2847,2850,2853,2855,2857,2859,2862,2864],{"class":1624,"line":1790},[1622,2848,2849],{"class":1628},"          @",[1622,2851,2852],{"class":1646},"click",[1622,2854,1650],{"class":1628},[1622,2856,1653],{"class":1628},[1622,2858,2474],{"class":1685},[1622,2860,2861],{"class":1628}," = ",[1622,2863,2732],{"class":1685},[1622,2865,1688],{"class":1628},[1622,2867,2868],{"class":1624,"line":1805},[1622,2869,1823],{"class":1628},[1622,2871,2872],{"class":1624,"line":1820},[1622,2873,2874],{"class":1685},"          {{ option }}\n",[1622,2876,2877,2879,2882],{"class":1624,"line":1826},[1622,2878,1970],{"class":1628},[1622,2880,2881],{"class":1632},"UButton",[1622,2883,1635],{"class":1628},[1622,2885,2886,2888,2890],{"class":1624,"line":1835},[1622,2887,1980],{"class":1628},[1622,2889,1597],{"class":1632},[1622,2891,1635],{"class":1628},[1622,2893,2894],{"class":1624,"line":1850},[1622,2895,2002],{"emptyLinePlaceholder":2001},[1622,2897,2898,2900,2902,2904,2906,2908,2910,2912],{"class":1624,"line":1865},[1622,2899,1747],{"class":1628},[1622,2901,1597],{"class":1632},[1622,2903,1647],{"class":1646},[1622,2905,1650],{"class":1628},[1622,2907,1653],{"class":1628},[1622,2909,2708],{"class":1656},[1622,2911,1653],{"class":1628},[1622,2913,1635],{"class":1628},[1622,2915,2916,2918],{"class":1624,"line":1871},[1622,2917,1784],{"class":1628},[1622,2919,2719],{"class":1632},[1622,2921,2922,2924,2926,2928,2930,2932,2935],{"class":1624,"line":1891},[1622,2923,2725],{"class":2724},[1622,2925,1650],{"class":1628},[1622,2927,1653],{"class":1628},[1622,2929,2732],{"class":1685},[1622,2931,2735],{"class":1628},[1622,2933,2934],{"class":1685},"layouts",[1622,2936,1688],{"class":1628},[1622,2938,2939,2941,2943,2945,2947,2949],{"class":1624,"line":1897},[1622,2940,2745],{"class":1628},[1622,2942,2748],{"class":1646},[1622,2944,1650],{"class":1628},[1622,2946,1653],{"class":1628},[1622,2948,2732],{"class":1685},[1622,2950,1688],{"class":1628},[1622,2952,2953,2955,2957,2959,2961],{"class":1624,"line":1907},[1622,2954,2761],{"class":1646},[1622,2956,1650],{"class":1628},[1622,2958,1653],{"class":1628},[1622,2960,2768],{"class":1656},[1622,2962,1688],{"class":1628},[1622,2964,2965,2967,2969,2971,2973,2975,2977,2979,2981,2983,2985,2987,2989,2991,2993],{"class":1624,"line":1915},[1622,2966,2745],{"class":1628},[1622,2968,2777],{"class":1646},[1622,2970,1650],{"class":1628},[1622,2972,1653],{"class":1628},[1622,2974,1579],{"class":1685},[1622,2976,2786],{"class":1628},[1622,2978,2732],{"class":1685},[1622,2980,2791],{"class":1628},[1622,2982,2132],{"class":1628},[1622,2984,2796],{"class":1656},[1622,2986,2132],{"class":1628},[1622,2988,2801],{"class":1628},[1622,2990,2132],{"class":1628},[1622,2992,2806],{"class":1656},[1622,2994,2809],{"class":1628},[1622,2996,2997,2999,3001,3003,3005,3007,3009,3011,3013,3015,3017,3019,3021,3023,3025],{"class":1624,"line":1930},[1622,2998,2745],{"class":1628},[1622,3000,2816],{"class":1646},[1622,3002,1650],{"class":1628},[1622,3004,1653],{"class":1628},[1622,3006,1579],{"class":1685},[1622,3008,2786],{"class":1628},[1622,3010,2732],{"class":1685},[1622,3012,2791],{"class":1628},[1622,3014,2132],{"class":1628},[1622,3016,2833],{"class":1656},[1622,3018,2132],{"class":1628},[1622,3020,2801],{"class":1628},[1622,3022,2132],{"class":1628},[1622,3024,2842],{"class":1656},[1622,3026,2809],{"class":1628},[1622,3028,3029,3031,3033,3035,3037,3039,3041,3043],{"class":1624,"line":1945},[1622,3030,2849],{"class":1628},[1622,3032,2852],{"class":1646},[1622,3034,1650],{"class":1628},[1622,3036,1653],{"class":1628},[1622,3038,1579],{"class":1685},[1622,3040,2861],{"class":1628},[1622,3042,2732],{"class":1685},[1622,3044,1688],{"class":1628},[1622,3046,3047],{"class":1624,"line":1951},[1622,3048,1823],{"class":1628},[1622,3050,3051],{"class":1624,"line":1957},[1622,3052,2874],{"class":1685},[1622,3054,3055,3057,3059],{"class":1624,"line":1967},[1622,3056,1970],{"class":1628},[1622,3058,2881],{"class":1632},[1622,3060,1635],{"class":1628},[1622,3062,3063,3065,3067],{"class":1624,"line":1977},[1622,3064,1980],{"class":1628},[1622,3066,1597],{"class":1632},[1622,3068,1635],{"class":1628},[1622,3070,3071,3073,3075],{"class":1624,"line":1987},[1622,3072,1990],{"class":1628},[1622,3074,1597],{"class":1632},[1622,3076,1635],{"class":1628},[1622,3078,3079],{"class":1624,"line":1998},[1622,3080,2002],{"emptyLinePlaceholder":2001},[1622,3082,3083,3085],{"class":1624,"line":2005},[1622,3084,1667],{"class":1628},[1622,3086,1670],{"class":1632},[1622,3088,3089,3091,3093,3095,3097,3099],{"class":1624,"line":2025},[1622,3090,1676],{"class":1628},[1622,3092,1541],{"class":1646},[1622,3094,1650],{"class":1628},[1622,3096,1653],{"class":1628},[1622,3098,1541],{"class":1685},[1622,3100,1688],{"class":1628},[1622,3102,3103,3105,3107,3109,3111,3113],{"class":1624,"line":2031},[1622,3104,1676],{"class":1628},[1622,3106,1579],{"class":1646},[1622,3108,1650],{"class":1628},[1622,3110,1653],{"class":1628},[1622,3112,1579],{"class":1685},[1622,3114,1688],{"class":1628},[1622,3116,3117,3119,3121,3123,3125,3127],{"class":1624,"line":2037},[1622,3118,1676],{"class":1628},[1622,3120,2474],{"class":1646},[1622,3122,1650],{"class":1628},[1622,3124,1653],{"class":1628},[1622,3126,2474],{"class":1685},[1622,3128,1688],{"class":1628},[1622,3130,3131,3133,3135,3137,3139,3143],{"class":1624,"line":2046},[1622,3132,1676],{"class":1628},[1622,3134,1586],{"class":1646},[1622,3136,1650],{"class":1628},[1622,3138,1653],{"class":1628},[1622,3140,3142],{"class":3141},"sbssI","3",[1622,3144,1688],{"class":1628},[1622,3146,3147,3149,3151,3153,3155,3158],{"class":1624,"line":2056},[1622,3148,1676],{"class":1628},[1622,3150,1590],{"class":1646},[1622,3152,1650],{"class":1628},[1622,3154,1653],{"class":1628},[1622,3156,3157],{"class":3141},"16",[1622,3159,1688],{"class":1628},[1622,3161,3162,3164,3166,3168,3171],{"class":1624,"line":2066},[1622,3163,1709],{"class":1646},[1622,3165,1650],{"class":1628},[1622,3167,1653],{"class":1628},[1622,3169,3170],{"class":1656},"min-h-40",[1622,3172,1688],{"class":1628},[1622,3174,3175,3177,3179,3181,3183,3185],{"class":1624,"line":2071},[1622,3176,1724],{"class":1628},[1622,3178,1537],{"class":1646},[1622,3180,1650],{"class":1628},[1622,3182,1653],{"class":1628},[1622,3184,1733],{"class":1685},[1622,3186,1688],{"class":1628},[1622,3188,3189],{"class":1624,"line":2096},[1622,3190,1741],{"class":1628},[1622,3192,3193,3195,3197,3199,3201,3203,3205,3207,3209,3211,3213,3215,3217],{"class":1624,"line":2114},[1622,3194,1747],{"class":1628},[1622,3196,1610],{"class":1632},[1622,3198,1752],{"class":1628},[1622,3200,1755],{"class":1646},[1622,3202,1650],{"class":1628},[1622,3204,1653],{"class":1628},[1622,3206,1762],{"class":1628},[1622,3208,1765],{"class":1685},[1622,3210,1768],{"class":1628},[1622,3212,1771],{"class":1685},[1622,3214,1774],{"class":1628},[1622,3216,1653],{"class":1628},[1622,3218,1635],{"class":1628},[1622,3220,3221,3223],{"class":1624,"line":2166},[1622,3222,1784],{"class":1628},[1622,3224,1787],{"class":1632},[1622,3226,3227,3229,3231,3233,3236],{"class":1624,"line":2210},[1622,3228,1793],{"class":1646},[1622,3230,1650],{"class":1628},[1622,3232,1653],{"class":1628},[1622,3234,3235],{"class":1656},"flex h-full flex-col justify-between gap-2 rounded-lg border border-default bg-default p-3",[1622,3237,1688],{"class":1628},[1622,3239,3240,3242,3244,3246,3248],{"class":1624,"line":2254},[1622,3241,1808],{"class":1646},[1622,3243,1650],{"class":1628},[1622,3245,1653],{"class":1628},[1622,3247,1815],{"class":1656},[1622,3249,1688],{"class":1628},[1622,3251,3252],{"class":1624,"line":2298},[1622,3253,1823],{"class":1628},[1622,3255,3256,3258,3260,3262,3264,3266,3269,3271],{"class":1624,"line":2342},[1622,3257,1829],{"class":1628},[1622,3259,1597],{"class":1632},[1622,3261,1647],{"class":1646},[1622,3263,1650],{"class":1628},[1622,3265,1653],{"class":1628},[1622,3267,3268],{"class":1656},"flex items-center gap-2",[1622,3270,1653],{"class":1628},[1622,3272,1635],{"class":1628},[1622,3274,3275,3278],{"class":1624,"line":2348},[1622,3276,3277],{"class":1628},"            \u003C",[1622,3279,1832],{"class":1632},[1622,3281,3282,3285,3287,3289,3291],{"class":1624,"line":2353},[1622,3283,3284],{"class":1646},"              name",[1622,3286,1650],{"class":1628},[1622,3288,1653],{"class":1628},[1622,3290,1845],{"class":1656},[1622,3292,1688],{"class":1628},[1622,3294,3295,3298,3300,3302,3304],{"class":1624,"line":2410},[1622,3296,3297],{"class":1646},"              class",[1622,3299,1650],{"class":1628},[1622,3301,1653],{"class":1628},[1622,3303,1860],{"class":1656},[1622,3305,1688],{"class":1628},[1622,3307,3308],{"class":1624,"line":2435},[1622,3309,3310],{"class":1628},"            \u002F>\n",[1622,3312,3313,3315,3317,3319,3321,3323,3326,3328,3331,3334,3336,3338],{"class":1624,"line":2441},[1622,3314,3277],{"class":1628},[1622,3316,1622],{"class":1632},[1622,3318,1647],{"class":1646},[1622,3320,1650],{"class":1628},[1622,3322,1653],{"class":1628},[1622,3324,3325],{"class":1656},"text-sm font-medium text-highlighted",[1622,3327,1653],{"class":1628},[1622,3329,3330],{"class":1628},">",[1622,3332,3333],{"class":1685},"{{ item.label }}",[1622,3335,2059],{"class":1628},[1622,3337,1622],{"class":1632},[1622,3339,1635],{"class":1628},[1622,3341,3343,3345,3347],{"class":1624,"line":3342},51,[1622,3344,1900],{"class":1628},[1622,3346,1597],{"class":1632},[1622,3348,1635],{"class":1628},[1622,3350,3352,3354],{"class":1624,"line":3351},52,[1622,3353,1829],{"class":1628},[1622,3355,1912],{"class":1632},[1622,3357,3359,3361,3363,3365,3367],{"class":1624,"line":3358},53,[1622,3360,1918],{"class":1646},[1622,3362,1650],{"class":1628},[1622,3364,1653],{"class":1628},[1622,3366,1925],{"class":1656},[1622,3368,1688],{"class":1628},[1622,3370,3372,3374,3376,3378,3380],{"class":1624,"line":3371},54,[1622,3373,1933],{"class":1646},[1622,3375,1650],{"class":1628},[1622,3377,1653],{"class":1628},[1622,3379,1940],{"class":1656},[1622,3381,1688],{"class":1628},[1622,3383,3385],{"class":1624,"line":3384},55,[1622,3386,1948],{"class":1628},[1622,3388,3390],{"class":1624,"line":3389},56,[1622,3391,1954],{"class":1685},[1622,3393,3395,3397,3399],{"class":1624,"line":3394},57,[1622,3396,1900],{"class":1628},[1622,3398,1962],{"class":1632},[1622,3400,1635],{"class":1628},[1622,3402,3404,3406,3408],{"class":1624,"line":3403},58,[1622,3405,1970],{"class":1628},[1622,3407,1597],{"class":1632},[1622,3409,1635],{"class":1628},[1622,3411,3413,3415,3417],{"class":1624,"line":3412},59,[1622,3414,1980],{"class":1628},[1622,3416,1610],{"class":1632},[1622,3418,1635],{"class":1628},[1622,3420,3422,3424,3426],{"class":1624,"line":3421},60,[1622,3423,1990],{"class":1628},[1622,3425,1993],{"class":1632},[1622,3427,1635],{"class":1628},[1622,3429,3431],{"class":1624,"line":3430},61,[1622,3432,2002],{"emptyLinePlaceholder":2001},[1622,3434,3436,3438,3440,3442,3444,3446,3448,3450],{"class":1624,"line":3435},62,[1622,3437,1667],{"class":1628},[1622,3439,1520],{"class":1632},[1622,3441,1647],{"class":1646},[1622,3443,1650],{"class":1628},[1622,3445,1653],{"class":1628},[1622,3447,2018],{"class":1656},[1622,3449,1653],{"class":1628},[1622,3451,1635],{"class":1628},[1622,3453,3455,3457,3459,3461,3463,3465,3467,3469,3472,3474,3476,3478,3480,3482,3484,3486],{"class":1624,"line":3454},63,[1622,3456,1747],{"class":1628},[1622,3458,1524],{"class":1632},[1622,3460,3330],{"class":1628},[1622,3462,2474],{"class":1685},[1622,3464,2059],{"class":1628},[1622,3466,1524],{"class":1632},[1622,3468,3330],{"class":1628},[1622,3470,3471],{"class":1685}," = {{ mode }} · ",[1622,3473,1629],{"class":1628},[1622,3475,1524],{"class":1632},[1622,3477,3330],{"class":1628},[1622,3479,1579],{"class":1685},[1622,3481,2059],{"class":1628},[1622,3483,1524],{"class":1632},[1622,3485,3330],{"class":1628},[1622,3487,3488],{"class":1685}," = {{ layout }}\n",[1622,3490,3492,3494,3496,3499,3501,3503,3506,3509,3511,3513,3516],{"class":1624,"line":3491},64,[1622,3493,1747],{"class":1628},[1622,3495,1610],{"class":1632},[1622,3497,3498],{"class":2724}," v-if",[1622,3500,1650],{"class":1628},[1622,3502,1653],{"class":1628},[1622,3504,3505],{"class":1685},"mode ",[1622,3507,3508],{"class":1628},"!==",[1622,3510,2126],{"class":1628},[1622,3512,2508],{"class":1656},[1622,3514,3515],{"class":1628},"'\"",[1622,3517,1635],{"class":1628},[1622,3519,3521],{"class":1624,"line":3520},65,[1622,3522,3523],{"class":1685},"        — drag onto one of the three zones to {{ mode === 'move' ? 'remove' : 'copy' }} the item.\n",[1622,3525,3527,3529,3531],{"class":1624,"line":3526},66,[1622,3528,1980],{"class":1628},[1622,3530,1610],{"class":1632},[1622,3532,1635],{"class":1628},[1622,3534,3536,3538,3540],{"class":1624,"line":3535},67,[1622,3537,1990],{"class":1628},[1622,3539,1520],{"class":1632},[1622,3541,1635],{"class":1628},[1622,3543,3545,3547,3549],{"class":1624,"line":3544},68,[1622,3546,2049],{"class":1628},[1622,3548,1597],{"class":1632},[1622,3550,1635],{"class":1628},[1622,3552,3554,3556,3558],{"class":1624,"line":3553},69,[1622,3555,2059],{"class":1628},[1622,3557,1610],{"class":1632},[1622,3559,1635],{"class":1628},[1622,3561,3563],{"class":1624,"line":3562},70,[1622,3564,2002],{"emptyLinePlaceholder":2001},[1622,3566,3568,3570,3572,3574,3576,3578,3580,3582,3584],{"class":1624,"line":3567},71,[1622,3569,1629],{"class":1628},[1622,3571,2076],{"class":1632},[1622,3573,2079],{"class":1646},[1622,3575,2082],{"class":1646},[1622,3577,1650],{"class":1628},[1622,3579,1653],{"class":1628},[1622,3581,2089],{"class":1656},[1622,3583,1653],{"class":1628},[1622,3585,1635],{"class":1628},[1622,3587,3589,3592,3595,3597,3599,3601,3603,3606,3608,3610,3612,3614,3616,3618],{"class":1624,"line":3588},72,[1622,3590,3591],{"class":1646},"type",[1622,3593,3594],{"class":2378}," Mode",[1622,3596,2421],{"class":1628},[1622,3598,2126],{"class":1628},[1622,3600,2508],{"class":1656},[1622,3602,2132],{"class":1628},[1622,3604,3605],{"class":1628}," |",[1622,3607,2126],{"class":1628},[1622,3609,1526],{"class":1656},[1622,3611,2132],{"class":1628},[1622,3613,3605],{"class":1628},[1622,3615,2126],{"class":1628},[1622,3617,1530],{"class":1656},[1622,3619,3620],{"class":1628},"'\n",[1622,3622,3624,3626,3629,3631,3633,3635,3637,3639,3641,3643,3645,3647,3649,3651],{"class":1624,"line":3623},73,[1622,3625,3591],{"class":1646},[1622,3627,3628],{"class":2378}," Layout",[1622,3630,2421],{"class":1628},[1622,3632,2126],{"class":1628},[1622,3634,2566],{"class":1656},[1622,3636,2132],{"class":1628},[1622,3638,3605],{"class":1628},[1622,3640,2126],{"class":1628},[1622,3642,1583],{"class":1656},[1622,3644,2132],{"class":1628},[1622,3646,3605],{"class":1628},[1622,3648,2126],{"class":1628},[1622,3650,2595],{"class":1656},[1622,3652,3620],{"class":1628},[1622,3654,3656],{"class":1624,"line":3655},74,[1622,3657,2002],{"emptyLinePlaceholder":2001},[1622,3659,3661,3663,3666,3668,3670,3673,3675,3677,3679,3681,3683,3685,3687,3689,3691,3693,3695,3697,3699],{"class":1624,"line":3660},75,[1622,3662,2099],{"class":1646},[1622,3664,3665],{"class":1685}," modes",[1622,3667,2123],{"class":1628},[1622,3669,3594],{"class":2378},[1622,3671,3672],{"class":1685},"[] ",[1622,3674,1650],{"class":1628},[1622,3676,2424],{"class":1685},[1622,3678,2132],{"class":1628},[1622,3680,2508],{"class":1656},[1622,3682,2132],{"class":1628},[1622,3684,1768],{"class":1628},[1622,3686,2126],{"class":1628},[1622,3688,1526],{"class":1656},[1622,3690,2132],{"class":1628},[1622,3692,1768],{"class":1628},[1622,3694,2126],{"class":1628},[1622,3696,1530],{"class":1656},[1622,3698,2132],{"class":1628},[1622,3700,2432],{"class":1685},[1622,3702,3704,3706,3709,3711,3713,3715,3717,3719,3721,3723,3725,3727,3729,3731,3733,3735,3737,3739,3741],{"class":1624,"line":3703},76,[1622,3705,2099],{"class":1646},[1622,3707,3708],{"class":1685}," layouts",[1622,3710,2123],{"class":1628},[1622,3712,3628],{"class":2378},[1622,3714,3672],{"class":1685},[1622,3716,1650],{"class":1628},[1622,3718,2424],{"class":1685},[1622,3720,2132],{"class":1628},[1622,3722,2566],{"class":1656},[1622,3724,2132],{"class":1628},[1622,3726,1768],{"class":1628},[1622,3728,2126],{"class":1628},[1622,3730,1583],{"class":1656},[1622,3732,2132],{"class":1628},[1622,3734,1768],{"class":1628},[1622,3736,2126],{"class":1628},[1622,3738,2595],{"class":1656},[1622,3740,2132],{"class":1628},[1622,3742,2432],{"class":1685},[1622,3744,3746],{"class":1624,"line":3745},77,[1622,3747,2002],{"emptyLinePlaceholder":2001},[1622,3749,3751,3753,3756,3758,3760,3762,3764,3766,3768,3770,3772,3774],{"class":1624,"line":3750},78,[1622,3752,2099],{"class":1646},[1622,3754,3755],{"class":1685}," mode ",[1622,3757,1650],{"class":1628},[1622,3759,2108],{"class":2107},[1622,3761,1629],{"class":1628},[1622,3763,2491],{"class":2378},[1622,3765,3330],{"class":1628},[1622,3767,2362],{"class":1685},[1622,3769,2132],{"class":1628},[1622,3771,2508],{"class":1656},[1622,3773,2132],{"class":1628},[1622,3775,3776],{"class":1685},")\n",[1622,3778,3780,3782,3785,3787,3789,3791,3793,3795,3797,3799,3801,3803],{"class":1624,"line":3779},79,[1622,3781,2099],{"class":1646},[1622,3783,3784],{"class":1685}," layout ",[1622,3786,1650],{"class":1628},[1622,3788,2108],{"class":2107},[1622,3790,1629],{"class":1628},[1622,3792,877],{"class":2378},[1622,3794,3330],{"class":1628},[1622,3796,2362],{"class":1685},[1622,3798,2132],{"class":1628},[1622,3800,1583],{"class":1656},[1622,3802,2132],{"class":1628},[1622,3804,3776],{"class":1685},[1622,3806,3808],{"class":1624,"line":3807},80,[1622,3809,2002],{"emptyLinePlaceholder":2001},[1622,3811,3813,3815,3817,3819,3821],{"class":1624,"line":3812},81,[1622,3814,2099],{"class":1646},[1622,3816,2102],{"class":1685},[1622,3818,1650],{"class":1628},[1622,3820,2108],{"class":2107},[1622,3822,2111],{"class":1685},[1622,3824,3826,3828,3830,3832,3834,3836,3838,3840,3842,3844,3846,3848,3850,3852,3854,3856,3858,3860,3862],{"class":1624,"line":3825},82,[1622,3827,2117],{"class":1628},[1622,3829,2120],{"class":1632},[1622,3831,2123],{"class":1628},[1622,3833,2126],{"class":1628},[1622,3835,2129],{"class":1656},[1622,3837,2132],{"class":1628},[1622,3839,1768],{"class":1628},[1622,3841,2137],{"class":1632},[1622,3843,2123],{"class":1628},[1622,3845,2126],{"class":1628},[1622,3847,2144],{"class":1656},[1622,3849,2132],{"class":1628},[1622,3851,1768],{"class":1628},[1622,3853,2151],{"class":1632},[1622,3855,2123],{"class":1628},[1622,3857,2126],{"class":1628},[1622,3859,2158],{"class":1656},[1622,3861,2132],{"class":1628},[1622,3863,2163],{"class":1628},[1622,3865,3867,3869,3871,3873,3875,3877,3879,3881,3883,3885,3887,3889,3891,3893,3895,3897,3899,3901,3903],{"class":1624,"line":3866},83,[1622,3868,2117],{"class":1628},[1622,3870,2120],{"class":1632},[1622,3872,2123],{"class":1628},[1622,3874,2126],{"class":1628},[1622,3876,2177],{"class":1656},[1622,3878,2132],{"class":1628},[1622,3880,1768],{"class":1628},[1622,3882,2137],{"class":1632},[1622,3884,2123],{"class":1628},[1622,3886,2126],{"class":1628},[1622,3888,2190],{"class":1656},[1622,3890,2132],{"class":1628},[1622,3892,1768],{"class":1628},[1622,3894,2151],{"class":1632},[1622,3896,2123],{"class":1628},[1622,3898,2126],{"class":1628},[1622,3900,2203],{"class":1656},[1622,3902,2132],{"class":1628},[1622,3904,2163],{"class":1628},[1622,3906,3908,3910,3912,3914,3916,3918,3920,3922,3924,3926,3928,3930,3932,3934,3936,3938,3940,3942,3944],{"class":1624,"line":3907},84,[1622,3909,2117],{"class":1628},[1622,3911,2120],{"class":1632},[1622,3913,2123],{"class":1628},[1622,3915,2126],{"class":1628},[1622,3917,2221],{"class":1656},[1622,3919,2132],{"class":1628},[1622,3921,1768],{"class":1628},[1622,3923,2137],{"class":1632},[1622,3925,2123],{"class":1628},[1622,3927,2126],{"class":1628},[1622,3929,2234],{"class":1656},[1622,3931,2132],{"class":1628},[1622,3933,1768],{"class":1628},[1622,3935,2151],{"class":1632},[1622,3937,2123],{"class":1628},[1622,3939,2126],{"class":1628},[1622,3941,2247],{"class":1656},[1622,3943,2132],{"class":1628},[1622,3945,2163],{"class":1628},[1622,3947,3949,3951,3953,3955,3957,3959,3961,3963,3965,3967,3969,3971,3973,3975,3977,3979,3981,3983,3985],{"class":1624,"line":3948},85,[1622,3950,2117],{"class":1628},[1622,3952,2120],{"class":1632},[1622,3954,2123],{"class":1628},[1622,3956,2126],{"class":1628},[1622,3958,2265],{"class":1656},[1622,3960,2132],{"class":1628},[1622,3962,1768],{"class":1628},[1622,3964,2137],{"class":1632},[1622,3966,2123],{"class":1628},[1622,3968,2126],{"class":1628},[1622,3970,2278],{"class":1656},[1622,3972,2132],{"class":1628},[1622,3974,1768],{"class":1628},[1622,3976,2151],{"class":1632},[1622,3978,2123],{"class":1628},[1622,3980,2126],{"class":1628},[1622,3982,2291],{"class":1656},[1622,3984,2132],{"class":1628},[1622,3986,2163],{"class":1628},[1622,3988,3990,3992,3994,3996,3998,4000,4002,4004,4006,4008,4010,4012,4014,4016,4018,4020,4022,4024,4026],{"class":1624,"line":3989},86,[1622,3991,2117],{"class":1628},[1622,3993,2120],{"class":1632},[1622,3995,2123],{"class":1628},[1622,3997,2126],{"class":1628},[1622,3999,2309],{"class":1656},[1622,4001,2132],{"class":1628},[1622,4003,1768],{"class":1628},[1622,4005,2137],{"class":1632},[1622,4007,2123],{"class":1628},[1622,4009,2126],{"class":1628},[1622,4011,2322],{"class":1656},[1622,4013,2132],{"class":1628},[1622,4015,1768],{"class":1628},[1622,4017,2151],{"class":1632},[1622,4019,2123],{"class":1628},[1622,4021,2126],{"class":1628},[1622,4023,2335],{"class":1656},[1622,4025,2132],{"class":1628},[1622,4027,2163],{"class":1628},[1622,4029,4031,4033,4035,4037,4039,4042,4044,4046,4048,4050,4052,4055,4057,4059,4061,4063,4065,4068,4070],{"class":1624,"line":4030},87,[1622,4032,2117],{"class":1628},[1622,4034,2120],{"class":1632},[1622,4036,2123],{"class":1628},[1622,4038,2126],{"class":1628},[1622,4040,4041],{"class":1656},"release-notes",[1622,4043,2132],{"class":1628},[1622,4045,1768],{"class":1628},[1622,4047,2137],{"class":1632},[1622,4049,2123],{"class":1628},[1622,4051,2126],{"class":1628},[1622,4053,4054],{"class":1656},"Release notes",[1622,4056,2132],{"class":1628},[1622,4058,1768],{"class":1628},[1622,4060,2151],{"class":1632},[1622,4062,2123],{"class":1628},[1622,4064,2126],{"class":1628},[1622,4066,4067],{"class":1656},"Fay",[1622,4069,2132],{"class":1628},[1622,4071,2163],{"class":1628},[1622,4073,4075],{"class":1624,"line":4074},88,[1622,4076,2345],{"class":1685},[1622,4078,4080],{"class":1624,"line":4079},89,[1622,4081,2002],{"emptyLinePlaceholder":2001},[1622,4083,4085,4087,4089,4091,4093,4095,4097,4099,4101,4103,4105,4107,4109,4111,4113,4115,4117,4119,4121,4123,4125],{"class":1624,"line":4084},90,[1622,4086,2356],{"class":1646},[1622,4088,2359],{"class":2107},[1622,4090,2362],{"class":1628},[1622,4092,2366],{"class":2365},[1622,4094,2123],{"class":1628},[1622,4096,2371],{"class":1628},[1622,4098,2120],{"class":1632},[1622,4100,2123],{"class":1628},[1622,4102,2379],{"class":2378},[1622,4104,1768],{"class":1628},[1622,4106,2137],{"class":1632},[1622,4108,2123],{"class":1628},[1622,4110,2379],{"class":2378},[1622,4112,1768],{"class":1628},[1622,4114,2151],{"class":1632},[1622,4116,2123],{"class":1628},[1622,4118,2379],{"class":2378},[1622,4120,2398],{"class":1628},[1622,4122,2401],{"class":1685},[1622,4124,2404],{"class":1628},[1622,4126,2407],{"class":1628},[1622,4128,4130,4132,4134,4136,4138,4140,4142,4144],{"class":1624,"line":4129},91,[1622,4131,2413],{"class":1685},[1622,4133,1560],{"class":1628},[1622,4135,2418],{"class":1685},[1622,4137,2421],{"class":1628},[1622,4139,2424],{"class":1632},[1622,4141,2427],{"class":1628},[1622,4143,2366],{"class":1685},[1622,4145,2432],{"class":1632},[1622,4147,4149],{"class":1624,"line":4148},92,[1622,4150,2438],{"class":1628},[1622,4152,4154,4156,4158],{"class":1624,"line":4153},93,[1622,4155,2059],{"class":1628},[1622,4157,2076],{"class":1632},[1622,4159,1635],{"class":1628},[1562,4161,4162],{"id":1583},"Grid",[1520,4164,4165,4168,4169,1587,4171,4173,4174,4176],{},[1524,4166,4167],{},"layout=\"grid\""," with ",[1524,4170,1586],{},[1524,4172,1590],{}," arranges the items into a responsive grid. The cards reorder the same way, and ",[1524,4175,1537],{}," hands back the new order. Because a pointer can leave a card through any side, the drop position comes from the pointer's diagonal half: past the bottom-right corner inserts after the card, anywhere else inserts before it.",[1593,4178,4179,4185],{"label":1595},[1597,4180,1604,4182],{"className":4181},[1602],[1606,4183],{"name":4184},"drag-and-drop-grid",[1610,4186,4187],{"v-slot:code":1612},[1614,4188,4190],{"className":1616,"code":4189,"language":1618,"meta":1612,"style":1612},"\u003Ctemplate>\n  \u003Cdiv class=\"flex w-full flex-col gap-4\">\n    \u003CMDragAndDrop\n      :items=\"items\"\n      layout=\"grid\"\n      :columns=\"3\"\n      :gap=\"16\"\n      @change=\"onChange\"\n    >\n      \u003Ctemplate #default=\"{ item, isDragging }\">\n        \u003Cdiv\n          class=\"flex h-full flex-col items-center gap-1 rounded-lg border border-default bg-default p-4 text-center\"\n          :class=\"isDragging ? 'opacity-60' : ''\"\n        >\n          \u003Cspan class=\"text-sm font-medium text-highlighted\">{{ item.name }}\u003C\u002Fspan>\n          \u003Cspan class=\"text-xs text-muted\">{{ item.category }}\u003C\u002Fspan>\n        \u003C\u002Fdiv>\n      \u003C\u002Ftemplate>\n    \u003C\u002FMDragAndDrop>\n\n    \u003Cp class=\"text-xs text-muted\">\n      Drag a card onto another to reorder the grid.\n    \u003C\u002Fp>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nconst items = ref([\n  { id: 'project-a', name: 'Project A', category: 'Development' },\n  { id: 'project-beta', name: 'Project Beta', category: 'Design' },\n  { id: 'project-gamma', name: 'Project Gamma', category: 'Marketing' },\n  { id: 'project-d', name: 'Project D', category: 'Development' },\n  { id: 'project-delta', name: 'Project Delta', category: 'Design' },\n  { id: 'project-omega', name: 'Project Omega', category: 'Marketing' },\n])\n\nfunction onChange(next: { id: string, name: string, category: string }[]) {\n  items.value = [...next]\n}\n\u003C\u002Fscript>\n",[1524,4191,4192,4200,4218,4224,4238,4251,4265,4279,4293,4297,4325,4331,4344,4356,4360,4387,4414,4422,4430,4438,4442,4460,4465,4473,4481,4489,4493,4513,4525,4570,4613,4656,4698,4740,4782,4786,4790,4834,4852,4856],{"__ignoreMap":1612},[1622,4193,4194,4196,4198],{"class":1624,"line":1625},[1622,4195,1629],{"class":1628},[1622,4197,1610],{"class":1632},[1622,4199,1635],{"class":1628},[1622,4201,4202,4204,4206,4208,4210,4212,4214,4216],{"class":1624,"line":1638},[1622,4203,1641],{"class":1628},[1622,4205,1597],{"class":1632},[1622,4207,1647],{"class":1646},[1622,4209,1650],{"class":1628},[1622,4211,1653],{"class":1628},[1622,4213,2670],{"class":1656},[1622,4215,1653],{"class":1628},[1622,4217,1635],{"class":1628},[1622,4219,4220,4222],{"class":1624,"line":1664},[1622,4221,1667],{"class":1628},[1622,4223,1670],{"class":1632},[1622,4225,4226,4228,4230,4232,4234,4236],{"class":1624,"line":1673},[1622,4227,1676],{"class":1628},[1622,4229,1541],{"class":1646},[1622,4231,1650],{"class":1628},[1622,4233,1653],{"class":1628},[1622,4235,1541],{"class":1685},[1622,4237,1688],{"class":1628},[1622,4239,4240,4243,4245,4247,4249],{"class":1624,"line":1691},[1622,4241,4242],{"class":1646},"      layout",[1622,4244,1650],{"class":1628},[1622,4246,1653],{"class":1628},[1622,4248,1583],{"class":1656},[1622,4250,1688],{"class":1628},[1622,4252,4253,4255,4257,4259,4261,4263],{"class":1624,"line":1706},[1622,4254,1676],{"class":1628},[1622,4256,1586],{"class":1646},[1622,4258,1650],{"class":1628},[1622,4260,1653],{"class":1628},[1622,4262,3142],{"class":3141},[1622,4264,1688],{"class":1628},[1622,4266,4267,4269,4271,4273,4275,4277],{"class":1624,"line":1721},[1622,4268,1676],{"class":1628},[1622,4270,1590],{"class":1646},[1622,4272,1650],{"class":1628},[1622,4274,1653],{"class":1628},[1622,4276,3157],{"class":3141},[1622,4278,1688],{"class":1628},[1622,4280,4281,4283,4285,4287,4289,4291],{"class":1624,"line":1738},[1622,4282,1724],{"class":1628},[1622,4284,1537],{"class":1646},[1622,4286,1650],{"class":1628},[1622,4288,1653],{"class":1628},[1622,4290,1733],{"class":1685},[1622,4292,1688],{"class":1628},[1622,4294,4295],{"class":1624,"line":1744},[1622,4296,1741],{"class":1628},[1622,4298,4299,4301,4303,4305,4307,4309,4311,4313,4315,4317,4319,4321,4323],{"class":1624,"line":1781},[1622,4300,1747],{"class":1628},[1622,4302,1610],{"class":1632},[1622,4304,1752],{"class":1628},[1622,4306,1755],{"class":1646},[1622,4308,1650],{"class":1628},[1622,4310,1653],{"class":1628},[1622,4312,1762],{"class":1628},[1622,4314,1765],{"class":1685},[1622,4316,1768],{"class":1628},[1622,4318,1771],{"class":1685},[1622,4320,1774],{"class":1628},[1622,4322,1653],{"class":1628},[1622,4324,1635],{"class":1628},[1622,4326,4327,4329],{"class":1624,"line":1790},[1622,4328,1784],{"class":1628},[1622,4330,1787],{"class":1632},[1622,4332,4333,4335,4337,4339,4342],{"class":1624,"line":1805},[1622,4334,1793],{"class":1646},[1622,4336,1650],{"class":1628},[1622,4338,1653],{"class":1628},[1622,4340,4341],{"class":1656},"flex h-full flex-col items-center gap-1 rounded-lg border border-default bg-default p-4 text-center",[1622,4343,1688],{"class":1628},[1622,4345,4346,4348,4350,4352,4354],{"class":1624,"line":1820},[1622,4347,1808],{"class":1646},[1622,4349,1650],{"class":1628},[1622,4351,1653],{"class":1628},[1622,4353,1815],{"class":1656},[1622,4355,1688],{"class":1628},[1622,4357,4358],{"class":1624,"line":1826},[1622,4359,1823],{"class":1628},[1622,4361,4362,4364,4366,4368,4370,4372,4374,4376,4378,4381,4383,4385],{"class":1624,"line":1835},[1622,4363,1829],{"class":1628},[1622,4365,1622],{"class":1632},[1622,4367,1647],{"class":1646},[1622,4369,1650],{"class":1628},[1622,4371,1653],{"class":1628},[1622,4373,3325],{"class":1656},[1622,4375,1653],{"class":1628},[1622,4377,3330],{"class":1628},[1622,4379,4380],{"class":1685},"{{ item.name }}",[1622,4382,2059],{"class":1628},[1622,4384,1622],{"class":1632},[1622,4386,1635],{"class":1628},[1622,4388,4389,4391,4393,4395,4397,4399,4401,4403,4405,4408,4410,4412],{"class":1624,"line":1850},[1622,4390,1829],{"class":1628},[1622,4392,1622],{"class":1632},[1622,4394,1647],{"class":1646},[1622,4396,1650],{"class":1628},[1622,4398,1653],{"class":1628},[1622,4400,2018],{"class":1656},[1622,4402,1653],{"class":1628},[1622,4404,3330],{"class":1628},[1622,4406,4407],{"class":1685},"{{ item.category }}",[1622,4409,2059],{"class":1628},[1622,4411,1622],{"class":1632},[1622,4413,1635],{"class":1628},[1622,4415,4416,4418,4420],{"class":1624,"line":1865},[1622,4417,1970],{"class":1628},[1622,4419,1597],{"class":1632},[1622,4421,1635],{"class":1628},[1622,4423,4424,4426,4428],{"class":1624,"line":1871},[1622,4425,1980],{"class":1628},[1622,4427,1610],{"class":1632},[1622,4429,1635],{"class":1628},[1622,4431,4432,4434,4436],{"class":1624,"line":1891},[1622,4433,1990],{"class":1628},[1622,4435,1993],{"class":1632},[1622,4437,1635],{"class":1628},[1622,4439,4440],{"class":1624,"line":1897},[1622,4441,2002],{"emptyLinePlaceholder":2001},[1622,4443,4444,4446,4448,4450,4452,4454,4456,4458],{"class":1624,"line":1907},[1622,4445,1667],{"class":1628},[1622,4447,1520],{"class":1632},[1622,4449,1647],{"class":1646},[1622,4451,1650],{"class":1628},[1622,4453,1653],{"class":1628},[1622,4455,2018],{"class":1656},[1622,4457,1653],{"class":1628},[1622,4459,1635],{"class":1628},[1622,4461,4462],{"class":1624,"line":1915},[1622,4463,4464],{"class":1685},"      Drag a card onto another to reorder the grid.\n",[1622,4466,4467,4469,4471],{"class":1624,"line":1930},[1622,4468,1990],{"class":1628},[1622,4470,1520],{"class":1632},[1622,4472,1635],{"class":1628},[1622,4474,4475,4477,4479],{"class":1624,"line":1945},[1622,4476,2049],{"class":1628},[1622,4478,1597],{"class":1632},[1622,4480,1635],{"class":1628},[1622,4482,4483,4485,4487],{"class":1624,"line":1951},[1622,4484,2059],{"class":1628},[1622,4486,1610],{"class":1632},[1622,4488,1635],{"class":1628},[1622,4490,4491],{"class":1624,"line":1957},[1622,4492,2002],{"emptyLinePlaceholder":2001},[1622,4494,4495,4497,4499,4501,4503,4505,4507,4509,4511],{"class":1624,"line":1967},[1622,4496,1629],{"class":1628},[1622,4498,2076],{"class":1632},[1622,4500,2079],{"class":1646},[1622,4502,2082],{"class":1646},[1622,4504,1650],{"class":1628},[1622,4506,1653],{"class":1628},[1622,4508,2089],{"class":1656},[1622,4510,1653],{"class":1628},[1622,4512,1635],{"class":1628},[1622,4514,4515,4517,4519,4521,4523],{"class":1624,"line":1977},[1622,4516,2099],{"class":1646},[1622,4518,2102],{"class":1685},[1622,4520,1650],{"class":1628},[1622,4522,2108],{"class":2107},[1622,4524,2111],{"class":1685},[1622,4526,4527,4529,4531,4533,4535,4538,4540,4542,4545,4547,4549,4552,4554,4556,4559,4561,4563,4566,4568],{"class":1624,"line":1987},[1622,4528,2117],{"class":1628},[1622,4530,2120],{"class":1632},[1622,4532,2123],{"class":1628},[1622,4534,2126],{"class":1628},[1622,4536,4537],{"class":1656},"project-a",[1622,4539,2132],{"class":1628},[1622,4541,1768],{"class":1628},[1622,4543,4544],{"class":1632}," name",[1622,4546,2123],{"class":1628},[1622,4548,2126],{"class":1628},[1622,4550,4551],{"class":1656},"Project A",[1622,4553,2132],{"class":1628},[1622,4555,1768],{"class":1628},[1622,4557,4558],{"class":1632}," category",[1622,4560,2123],{"class":1628},[1622,4562,2126],{"class":1628},[1622,4564,4565],{"class":1656},"Development",[1622,4567,2132],{"class":1628},[1622,4569,2163],{"class":1628},[1622,4571,4572,4574,4576,4578,4580,4583,4585,4587,4589,4591,4593,4596,4598,4600,4602,4604,4606,4609,4611],{"class":1624,"line":1998},[1622,4573,2117],{"class":1628},[1622,4575,2120],{"class":1632},[1622,4577,2123],{"class":1628},[1622,4579,2126],{"class":1628},[1622,4581,4582],{"class":1656},"project-beta",[1622,4584,2132],{"class":1628},[1622,4586,1768],{"class":1628},[1622,4588,4544],{"class":1632},[1622,4590,2123],{"class":1628},[1622,4592,2126],{"class":1628},[1622,4594,4595],{"class":1656},"Project Beta",[1622,4597,2132],{"class":1628},[1622,4599,1768],{"class":1628},[1622,4601,4558],{"class":1632},[1622,4603,2123],{"class":1628},[1622,4605,2126],{"class":1628},[1622,4607,4608],{"class":1656},"Design",[1622,4610,2132],{"class":1628},[1622,4612,2163],{"class":1628},[1622,4614,4615,4617,4619,4621,4623,4626,4628,4630,4632,4634,4636,4639,4641,4643,4645,4647,4649,4652,4654],{"class":1624,"line":2005},[1622,4616,2117],{"class":1628},[1622,4618,2120],{"class":1632},[1622,4620,2123],{"class":1628},[1622,4622,2126],{"class":1628},[1622,4624,4625],{"class":1656},"project-gamma",[1622,4627,2132],{"class":1628},[1622,4629,1768],{"class":1628},[1622,4631,4544],{"class":1632},[1622,4633,2123],{"class":1628},[1622,4635,2126],{"class":1628},[1622,4637,4638],{"class":1656},"Project Gamma",[1622,4640,2132],{"class":1628},[1622,4642,1768],{"class":1628},[1622,4644,4558],{"class":1632},[1622,4646,2123],{"class":1628},[1622,4648,2126],{"class":1628},[1622,4650,4651],{"class":1656},"Marketing",[1622,4653,2132],{"class":1628},[1622,4655,2163],{"class":1628},[1622,4657,4658,4660,4662,4664,4666,4669,4671,4673,4675,4677,4679,4682,4684,4686,4688,4690,4692,4694,4696],{"class":1624,"line":2025},[1622,4659,2117],{"class":1628},[1622,4661,2120],{"class":1632},[1622,4663,2123],{"class":1628},[1622,4665,2126],{"class":1628},[1622,4667,4668],{"class":1656},"project-d",[1622,4670,2132],{"class":1628},[1622,4672,1768],{"class":1628},[1622,4674,4544],{"class":1632},[1622,4676,2123],{"class":1628},[1622,4678,2126],{"class":1628},[1622,4680,4681],{"class":1656},"Project D",[1622,4683,2132],{"class":1628},[1622,4685,1768],{"class":1628},[1622,4687,4558],{"class":1632},[1622,4689,2123],{"class":1628},[1622,4691,2126],{"class":1628},[1622,4693,4565],{"class":1656},[1622,4695,2132],{"class":1628},[1622,4697,2163],{"class":1628},[1622,4699,4700,4702,4704,4706,4708,4711,4713,4715,4717,4719,4721,4724,4726,4728,4730,4732,4734,4736,4738],{"class":1624,"line":2031},[1622,4701,2117],{"class":1628},[1622,4703,2120],{"class":1632},[1622,4705,2123],{"class":1628},[1622,4707,2126],{"class":1628},[1622,4709,4710],{"class":1656},"project-delta",[1622,4712,2132],{"class":1628},[1622,4714,1768],{"class":1628},[1622,4716,4544],{"class":1632},[1622,4718,2123],{"class":1628},[1622,4720,2126],{"class":1628},[1622,4722,4723],{"class":1656},"Project Delta",[1622,4725,2132],{"class":1628},[1622,4727,1768],{"class":1628},[1622,4729,4558],{"class":1632},[1622,4731,2123],{"class":1628},[1622,4733,2126],{"class":1628},[1622,4735,4608],{"class":1656},[1622,4737,2132],{"class":1628},[1622,4739,2163],{"class":1628},[1622,4741,4742,4744,4746,4748,4750,4753,4755,4757,4759,4761,4763,4766,4768,4770,4772,4774,4776,4778,4780],{"class":1624,"line":2037},[1622,4743,2117],{"class":1628},[1622,4745,2120],{"class":1632},[1622,4747,2123],{"class":1628},[1622,4749,2126],{"class":1628},[1622,4751,4752],{"class":1656},"project-omega",[1622,4754,2132],{"class":1628},[1622,4756,1768],{"class":1628},[1622,4758,4544],{"class":1632},[1622,4760,2123],{"class":1628},[1622,4762,2126],{"class":1628},[1622,4764,4765],{"class":1656},"Project Omega",[1622,4767,2132],{"class":1628},[1622,4769,1768],{"class":1628},[1622,4771,4558],{"class":1632},[1622,4773,2123],{"class":1628},[1622,4775,2126],{"class":1628},[1622,4777,4651],{"class":1656},[1622,4779,2132],{"class":1628},[1622,4781,2163],{"class":1628},[1622,4783,4784],{"class":1624,"line":2046},[1622,4785,2345],{"class":1685},[1622,4787,4788],{"class":1624,"line":2056},[1622,4789,2002],{"emptyLinePlaceholder":2001},[1622,4791,4792,4794,4796,4798,4800,4802,4804,4806,4808,4810,4812,4814,4816,4818,4820,4822,4824,4826,4828,4830,4832],{"class":1624,"line":2066},[1622,4793,2356],{"class":1646},[1622,4795,2359],{"class":2107},[1622,4797,2362],{"class":1628},[1622,4799,2366],{"class":2365},[1622,4801,2123],{"class":1628},[1622,4803,2371],{"class":1628},[1622,4805,2120],{"class":1632},[1622,4807,2123],{"class":1628},[1622,4809,2379],{"class":2378},[1622,4811,1768],{"class":1628},[1622,4813,4544],{"class":1632},[1622,4815,2123],{"class":1628},[1622,4817,2379],{"class":2378},[1622,4819,1768],{"class":1628},[1622,4821,4558],{"class":1632},[1622,4823,2123],{"class":1628},[1622,4825,2379],{"class":2378},[1622,4827,2398],{"class":1628},[1622,4829,2401],{"class":1685},[1622,4831,2404],{"class":1628},[1622,4833,2407],{"class":1628},[1622,4835,4836,4838,4840,4842,4844,4846,4848,4850],{"class":1624,"line":2071},[1622,4837,2413],{"class":1685},[1622,4839,1560],{"class":1628},[1622,4841,2418],{"class":1685},[1622,4843,2421],{"class":1628},[1622,4845,2424],{"class":1632},[1622,4847,2427],{"class":1628},[1622,4849,2366],{"class":1685},[1622,4851,2432],{"class":1632},[1622,4853,4854],{"class":1624,"line":2096},[1622,4855,2438],{"class":1628},[1622,4857,4858,4860,4862],{"class":1624,"line":2114},[1622,4859,2059],{"class":1628},[1622,4861,2076],{"class":1632},[1622,4863,1635],{"class":1628},[1562,4865,4867],{"id":4866},"multi-select","Multi-select",[1520,4869,4870,4871,4874,4875,4878,4879,1552,4882,1587,4885,4888],{},"With ",[1524,4872,4873],{},"allowMultiSelect",", a click toggles an item and ctrl\u002Fcmd-click extends the selection; the component rings the selected items itself and reports each toggle through ",[1524,4876,4877],{},"select",". Dragging any selected item moves the whole selection as one block, in its current order, and a lone unselected item still drags on its own. The exposed ",[1524,4880,4881],{},"selectAll",[1524,4883,4884],{},"clearSelection",[1524,4886,4887],{},"getSelected"," methods drive the rest.",[1593,4890,4891,4897],{"label":1595},[1597,4892,1604,4894],{"className":4893},[1602],[1606,4895],{"name":4896},"drag-and-drop-multi-select",[1610,4898,4899],{"v-slot:code":1612},[1614,4900,4902],{"className":1616,"code":4901,"language":1618,"meta":1612,"style":1612},"\u003Ctemplate>\n  \u003Cdiv class=\"flex w-full flex-col gap-4\">\n    \u003Cdiv class=\"flex items-center gap-2\">\n      \u003CUButton\n        size=\"sm\"\n        color=\"neutral\"\n        variant=\"subtle\"\n        @click=\"selectAll\"\n      >\n        Select all\n      \u003C\u002FUButton>\n      \u003CUButton\n        size=\"sm\"\n        color=\"neutral\"\n        variant=\"subtle\"\n        @click=\"clearSelection\"\n      >\n        Clear\n      \u003C\u002FUButton>\n      \u003Cspan class=\"text-xs text-muted\">{{ selected.length }} selected\u003C\u002Fspan>\n    \u003C\u002Fdiv>\n\n    \u003CMDragAndDrop\n      ref=\"dragDropRef\"\n      :items=\"items\"\n      :allow-multi-select=\"true\"\n      @select=\"onSelect\"\n    >\n      \u003Ctemplate #default=\"{ item, isSelected, isDragging }\">\n        \u003Cdiv\n          class=\"flex items-center gap-3 rounded-lg border border-default bg-default px-3 py-2.5\"\n          :class=\"isDragging ? 'opacity-60' : ''\"\n        >\n          \u003Cspan\n            class=\"flex size-4 shrink-0 items-center justify-center rounded border transition-colors\"\n            :class=\"isSelected ? 'border-primary bg-primary text-inverted' : 'border-accented'\"\n          >\n            \u003CUIcon\n              v-if=\"isSelected\"\n              name=\"i-lucide-check\"\n              class=\"size-3\"\n            \u002F>\n          \u003C\u002Fspan>\n          \u003CUIcon\n            name=\"i-lucide-grip-vertical\"\n            class=\"size-4 shrink-0 text-dimmed\"\n          \u002F>\n          \u003Cdiv class=\"min-w-0\">\n            \u003Cdiv class=\"text-sm font-medium text-highlighted\">\n              {{ item.name }}\n            \u003C\u002Fdiv>\n            \u003Cdiv class=\"text-xs text-muted\">\n              {{ item.status }}\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n      \u003C\u002Ftemplate>\n    \u003C\u002FMDragAndDrop>\n\n    \u003Cp class=\"text-xs text-muted\">\n      Click a row to toggle it; ctrl\u002Fcmd-click to select several. The exposed\n      \u003Ccode>selectAll\u003C\u002Fcode> and \u003Ccode>clearSelection\u003C\u002Fcode> methods drive the buttons.\n    \u003C\u002Fp>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nconst dragDropRef = ref\u003C{ clearSelection: () => void, selectAll: () => void }>()\n\nconst items = ref([\n  { id: 'stage-1', name: 'Stage 1', status: 'In Progress' },\n  { id: 'stage-2', name: 'Stage 2', status: 'Completed' },\n  { id: 'stage-3', name: 'Stage 3', status: 'Pending' },\n  { id: 'stage-4', name: 'Stage 4', status: 'In Progress' },\n])\n\nconst selected = ref\u003Cstring[]>([])\n\nfunction onSelect(item: { id: string, name: string, status: string }, isSelected: boolean) {\n  selected.value = isSelected\n    ? [...selected.value, item.id]\n    : selected.value.filter(id => id !== item.id)\n}\n\nfunction clearSelection() {\n  dragDropRef.value?.clearSelection()\n  selected.value = []\n}\n\nfunction selectAll() {\n  dragDropRef.value?.selectAll()\n  selected.value = items.value.map(item => item.id)\n}\n\u003C\u002Fscript>\n",[1524,4903,4904,4912,4930,4948,4954,4967,4980,4993,5008,5013,5018,5026,5032,5044,5056,5068,5082,5086,5091,5099,5126,5134,5138,5144,5158,5172,5189,5204,5208,5241,5247,5259,5271,5275,5282,5295,5309,5313,5319,5333,5346,5359,5363,5371,5377,5389,5401,5405,5424,5442,5447,5456,5474,5479,5487,5495,5503,5511,5519,5523,5541,5546,5581,5589,5597,5605,5609,5629,5676,5680,5692,5736,5779,5822,5864,5868,5872,5895,5899,5951,5965,5991,6027,6031,6035,6046,6062,6075,6079,6083,6093,6107,6143,6147],{"__ignoreMap":1612},[1622,4905,4906,4908,4910],{"class":1624,"line":1625},[1622,4907,1629],{"class":1628},[1622,4909,1610],{"class":1632},[1622,4911,1635],{"class":1628},[1622,4913,4914,4916,4918,4920,4922,4924,4926,4928],{"class":1624,"line":1638},[1622,4915,1641],{"class":1628},[1622,4917,1597],{"class":1632},[1622,4919,1647],{"class":1646},[1622,4921,1650],{"class":1628},[1622,4923,1653],{"class":1628},[1622,4925,2670],{"class":1656},[1622,4927,1653],{"class":1628},[1622,4929,1635],{"class":1628},[1622,4931,4932,4934,4936,4938,4940,4942,4944,4946],{"class":1624,"line":1664},[1622,4933,1667],{"class":1628},[1622,4935,1597],{"class":1632},[1622,4937,1647],{"class":1646},[1622,4939,1650],{"class":1628},[1622,4941,1653],{"class":1628},[1622,4943,3268],{"class":1656},[1622,4945,1653],{"class":1628},[1622,4947,1635],{"class":1628},[1622,4949,4950,4952],{"class":1624,"line":1673},[1622,4951,1747],{"class":1628},[1622,4953,2719],{"class":1632},[1622,4955,4956,4959,4961,4963,4965],{"class":1624,"line":1691},[1622,4957,4958],{"class":1646},"        size",[1622,4960,1650],{"class":1628},[1622,4962,1653],{"class":1628},[1622,4964,1925],{"class":1656},[1622,4966,1688],{"class":1628},[1622,4968,4969,4972,4974,4976,4978],{"class":1624,"line":1706},[1622,4970,4971],{"class":1646},"        color",[1622,4973,1650],{"class":1628},[1622,4975,1653],{"class":1628},[1622,4977,2806],{"class":1656},[1622,4979,1688],{"class":1628},[1622,4981,4982,4985,4987,4989,4991],{"class":1624,"line":1721},[1622,4983,4984],{"class":1646},"        variant",[1622,4986,1650],{"class":1628},[1622,4988,1653],{"class":1628},[1622,4990,1940],{"class":1656},[1622,4992,1688],{"class":1628},[1622,4994,4995,4998,5000,5002,5004,5006],{"class":1624,"line":1738},[1622,4996,4997],{"class":1628},"        @",[1622,4999,2852],{"class":1646},[1622,5001,1650],{"class":1628},[1622,5003,1653],{"class":1628},[1622,5005,4881],{"class":1685},[1622,5007,1688],{"class":1628},[1622,5009,5010],{"class":1624,"line":1744},[1622,5011,5012],{"class":1628},"      >\n",[1622,5014,5015],{"class":1624,"line":1781},[1622,5016,5017],{"class":1685},"        Select all\n",[1622,5019,5020,5022,5024],{"class":1624,"line":1790},[1622,5021,1980],{"class":1628},[1622,5023,2881],{"class":1632},[1622,5025,1635],{"class":1628},[1622,5027,5028,5030],{"class":1624,"line":1805},[1622,5029,1747],{"class":1628},[1622,5031,2719],{"class":1632},[1622,5033,5034,5036,5038,5040,5042],{"class":1624,"line":1820},[1622,5035,4958],{"class":1646},[1622,5037,1650],{"class":1628},[1622,5039,1653],{"class":1628},[1622,5041,1925],{"class":1656},[1622,5043,1688],{"class":1628},[1622,5045,5046,5048,5050,5052,5054],{"class":1624,"line":1826},[1622,5047,4971],{"class":1646},[1622,5049,1650],{"class":1628},[1622,5051,1653],{"class":1628},[1622,5053,2806],{"class":1656},[1622,5055,1688],{"class":1628},[1622,5057,5058,5060,5062,5064,5066],{"class":1624,"line":1835},[1622,5059,4984],{"class":1646},[1622,5061,1650],{"class":1628},[1622,5063,1653],{"class":1628},[1622,5065,1940],{"class":1656},[1622,5067,1688],{"class":1628},[1622,5069,5070,5072,5074,5076,5078,5080],{"class":1624,"line":1850},[1622,5071,4997],{"class":1628},[1622,5073,2852],{"class":1646},[1622,5075,1650],{"class":1628},[1622,5077,1653],{"class":1628},[1622,5079,4884],{"class":1685},[1622,5081,1688],{"class":1628},[1622,5083,5084],{"class":1624,"line":1865},[1622,5085,5012],{"class":1628},[1622,5087,5088],{"class":1624,"line":1871},[1622,5089,5090],{"class":1685},"        Clear\n",[1622,5092,5093,5095,5097],{"class":1624,"line":1891},[1622,5094,1980],{"class":1628},[1622,5096,2881],{"class":1632},[1622,5098,1635],{"class":1628},[1622,5100,5101,5103,5105,5107,5109,5111,5113,5115,5117,5120,5122,5124],{"class":1624,"line":1897},[1622,5102,1747],{"class":1628},[1622,5104,1622],{"class":1632},[1622,5106,1647],{"class":1646},[1622,5108,1650],{"class":1628},[1622,5110,1653],{"class":1628},[1622,5112,2018],{"class":1656},[1622,5114,1653],{"class":1628},[1622,5116,3330],{"class":1628},[1622,5118,5119],{"class":1685},"{{ selected.length }} selected",[1622,5121,2059],{"class":1628},[1622,5123,1622],{"class":1632},[1622,5125,1635],{"class":1628},[1622,5127,5128,5130,5132],{"class":1624,"line":1907},[1622,5129,1990],{"class":1628},[1622,5131,1597],{"class":1632},[1622,5133,1635],{"class":1628},[1622,5135,5136],{"class":1624,"line":1915},[1622,5137,2002],{"emptyLinePlaceholder":2001},[1622,5139,5140,5142],{"class":1624,"line":1930},[1622,5141,1667],{"class":1628},[1622,5143,1670],{"class":1632},[1622,5145,5146,5149,5151,5153,5156],{"class":1624,"line":1945},[1622,5147,5148],{"class":1646},"      ref",[1622,5150,1650],{"class":1628},[1622,5152,1653],{"class":1628},[1622,5154,5155],{"class":1656},"dragDropRef",[1622,5157,1688],{"class":1628},[1622,5159,5160,5162,5164,5166,5168,5170],{"class":1624,"line":1951},[1622,5161,1676],{"class":1628},[1622,5163,1541],{"class":1646},[1622,5165,1650],{"class":1628},[1622,5167,1653],{"class":1628},[1622,5169,1541],{"class":1685},[1622,5171,1688],{"class":1628},[1622,5173,5174,5176,5179,5181,5183,5187],{"class":1624,"line":1957},[1622,5175,1676],{"class":1628},[1622,5177,5178],{"class":1646},"allow-multi-select",[1622,5180,1650],{"class":1628},[1622,5182,1653],{"class":1628},[1622,5184,5186],{"class":5185},"sfNiH","true",[1622,5188,1688],{"class":1628},[1622,5190,5191,5193,5195,5197,5199,5202],{"class":1624,"line":1967},[1622,5192,1724],{"class":1628},[1622,5194,4877],{"class":1646},[1622,5196,1650],{"class":1628},[1622,5198,1653],{"class":1628},[1622,5200,5201],{"class":1685},"onSelect",[1622,5203,1688],{"class":1628},[1622,5205,5206],{"class":1624,"line":1977},[1622,5207,1741],{"class":1628},[1622,5209,5210,5212,5214,5216,5218,5220,5222,5224,5226,5228,5231,5233,5235,5237,5239],{"class":1624,"line":1987},[1622,5211,1747],{"class":1628},[1622,5213,1610],{"class":1632},[1622,5215,1752],{"class":1628},[1622,5217,1755],{"class":1646},[1622,5219,1650],{"class":1628},[1622,5221,1653],{"class":1628},[1622,5223,1762],{"class":1628},[1622,5225,1765],{"class":1685},[1622,5227,1768],{"class":1628},[1622,5229,5230],{"class":1685}," isSelected",[1622,5232,1768],{"class":1628},[1622,5234,1771],{"class":1685},[1622,5236,1774],{"class":1628},[1622,5238,1653],{"class":1628},[1622,5240,1635],{"class":1628},[1622,5242,5243,5245],{"class":1624,"line":1998},[1622,5244,1784],{"class":1628},[1622,5246,1787],{"class":1632},[1622,5248,5249,5251,5253,5255,5257],{"class":1624,"line":2005},[1622,5250,1793],{"class":1646},[1622,5252,1650],{"class":1628},[1622,5254,1653],{"class":1628},[1622,5256,1800],{"class":1656},[1622,5258,1688],{"class":1628},[1622,5260,5261,5263,5265,5267,5269],{"class":1624,"line":2025},[1622,5262,1808],{"class":1646},[1622,5264,1650],{"class":1628},[1622,5266,1653],{"class":1628},[1622,5268,1815],{"class":1656},[1622,5270,1688],{"class":1628},[1622,5272,5273],{"class":1624,"line":2031},[1622,5274,1823],{"class":1628},[1622,5276,5277,5279],{"class":1624,"line":2037},[1622,5278,1829],{"class":1628},[1622,5280,5281],{"class":1632},"span\n",[1622,5283,5284,5286,5288,5290,5293],{"class":1624,"line":2046},[1622,5285,1853],{"class":1646},[1622,5287,1650],{"class":1628},[1622,5289,1653],{"class":1628},[1622,5291,5292],{"class":1656},"flex size-4 shrink-0 items-center justify-center rounded border transition-colors",[1622,5294,1688],{"class":1628},[1622,5296,5297,5300,5302,5304,5307],{"class":1624,"line":2056},[1622,5298,5299],{"class":1646},"            :class",[1622,5301,1650],{"class":1628},[1622,5303,1653],{"class":1628},[1622,5305,5306],{"class":1656},"isSelected ? 'border-primary bg-primary text-inverted' : 'border-accented'",[1622,5308,1688],{"class":1628},[1622,5310,5311],{"class":1624,"line":2066},[1622,5312,1948],{"class":1628},[1622,5314,5315,5317],{"class":1624,"line":2071},[1622,5316,3277],{"class":1628},[1622,5318,1832],{"class":1632},[1622,5320,5321,5324,5326,5328,5331],{"class":1624,"line":2096},[1622,5322,5323],{"class":2724},"              v-if",[1622,5325,1650],{"class":1628},[1622,5327,1653],{"class":1628},[1622,5329,5330],{"class":1685},"isSelected",[1622,5332,1688],{"class":1628},[1622,5334,5335,5337,5339,5341,5344],{"class":1624,"line":2114},[1622,5336,3284],{"class":1646},[1622,5338,1650],{"class":1628},[1622,5340,1653],{"class":1628},[1622,5342,5343],{"class":1656},"i-lucide-check",[1622,5345,1688],{"class":1628},[1622,5347,5348,5350,5352,5354,5357],{"class":1624,"line":2166},[1622,5349,3297],{"class":1646},[1622,5351,1650],{"class":1628},[1622,5353,1653],{"class":1628},[1622,5355,5356],{"class":1656},"size-3",[1622,5358,1688],{"class":1628},[1622,5360,5361],{"class":1624,"line":2210},[1622,5362,3310],{"class":1628},[1622,5364,5365,5367,5369],{"class":1624,"line":2254},[1622,5366,1900],{"class":1628},[1622,5368,1622],{"class":1632},[1622,5370,1635],{"class":1628},[1622,5372,5373,5375],{"class":1624,"line":2298},[1622,5374,1829],{"class":1628},[1622,5376,1832],{"class":1632},[1622,5378,5379,5381,5383,5385,5387],{"class":1624,"line":2342},[1622,5380,1838],{"class":1646},[1622,5382,1650],{"class":1628},[1622,5384,1653],{"class":1628},[1622,5386,1845],{"class":1656},[1622,5388,1688],{"class":1628},[1622,5390,5391,5393,5395,5397,5399],{"class":1624,"line":2348},[1622,5392,1853],{"class":1646},[1622,5394,1650],{"class":1628},[1622,5396,1653],{"class":1628},[1622,5398,1860],{"class":1656},[1622,5400,1688],{"class":1628},[1622,5402,5403],{"class":1624,"line":2353},[1622,5404,1868],{"class":1628},[1622,5406,5407,5409,5411,5413,5415,5417,5420,5422],{"class":1624,"line":2410},[1622,5408,1829],{"class":1628},[1622,5410,1597],{"class":1632},[1622,5412,1647],{"class":1646},[1622,5414,1650],{"class":1628},[1622,5416,1653],{"class":1628},[1622,5418,5419],{"class":1656},"min-w-0",[1622,5421,1653],{"class":1628},[1622,5423,1635],{"class":1628},[1622,5425,5426,5428,5430,5432,5434,5436,5438,5440],{"class":1624,"line":2435},[1622,5427,3277],{"class":1628},[1622,5429,1597],{"class":1632},[1622,5431,1647],{"class":1646},[1622,5433,1650],{"class":1628},[1622,5435,1653],{"class":1628},[1622,5437,3325],{"class":1656},[1622,5439,1653],{"class":1628},[1622,5441,1635],{"class":1628},[1622,5443,5444],{"class":1624,"line":2441},[1622,5445,5446],{"class":1685},"              {{ item.name }}\n",[1622,5448,5449,5452,5454],{"class":1624,"line":3342},[1622,5450,5451],{"class":1628},"            \u003C\u002F",[1622,5453,1597],{"class":1632},[1622,5455,1635],{"class":1628},[1622,5457,5458,5460,5462,5464,5466,5468,5470,5472],{"class":1624,"line":3351},[1622,5459,3277],{"class":1628},[1622,5461,1597],{"class":1632},[1622,5463,1647],{"class":1646},[1622,5465,1650],{"class":1628},[1622,5467,1653],{"class":1628},[1622,5469,2018],{"class":1656},[1622,5471,1653],{"class":1628},[1622,5473,1635],{"class":1628},[1622,5475,5476],{"class":1624,"line":3358},[1622,5477,5478],{"class":1685},"              {{ item.status }}\n",[1622,5480,5481,5483,5485],{"class":1624,"line":3371},[1622,5482,5451],{"class":1628},[1622,5484,1597],{"class":1632},[1622,5486,1635],{"class":1628},[1622,5488,5489,5491,5493],{"class":1624,"line":3384},[1622,5490,1900],{"class":1628},[1622,5492,1597],{"class":1632},[1622,5494,1635],{"class":1628},[1622,5496,5497,5499,5501],{"class":1624,"line":3389},[1622,5498,1970],{"class":1628},[1622,5500,1597],{"class":1632},[1622,5502,1635],{"class":1628},[1622,5504,5505,5507,5509],{"class":1624,"line":3394},[1622,5506,1980],{"class":1628},[1622,5508,1610],{"class":1632},[1622,5510,1635],{"class":1628},[1622,5512,5513,5515,5517],{"class":1624,"line":3403},[1622,5514,1990],{"class":1628},[1622,5516,1993],{"class":1632},[1622,5518,1635],{"class":1628},[1622,5520,5521],{"class":1624,"line":3412},[1622,5522,2002],{"emptyLinePlaceholder":2001},[1622,5524,5525,5527,5529,5531,5533,5535,5537,5539],{"class":1624,"line":3421},[1622,5526,1667],{"class":1628},[1622,5528,1520],{"class":1632},[1622,5530,1647],{"class":1646},[1622,5532,1650],{"class":1628},[1622,5534,1653],{"class":1628},[1622,5536,2018],{"class":1656},[1622,5538,1653],{"class":1628},[1622,5540,1635],{"class":1628},[1622,5542,5543],{"class":1624,"line":3430},[1622,5544,5545],{"class":1685},"      Click a row to toggle it; ctrl\u002Fcmd-click to select several. The exposed\n",[1622,5547,5548,5550,5552,5554,5556,5558,5560,5562,5564,5566,5568,5570,5572,5574,5576,5578],{"class":1624,"line":3435},[1622,5549,1747],{"class":1628},[1622,5551,1524],{"class":1632},[1622,5553,3330],{"class":1628},[1622,5555,4881],{"class":1685},[1622,5557,2059],{"class":1628},[1622,5559,1524],{"class":1632},[1622,5561,3330],{"class":1628},[1622,5563,1587],{"class":1685},[1622,5565,1629],{"class":1628},[1622,5567,1524],{"class":1632},[1622,5569,3330],{"class":1628},[1622,5571,4884],{"class":1685},[1622,5573,2059],{"class":1628},[1622,5575,1524],{"class":1632},[1622,5577,3330],{"class":1628},[1622,5579,5580],{"class":1685}," methods drive the buttons.\n",[1622,5582,5583,5585,5587],{"class":1624,"line":3454},[1622,5584,1990],{"class":1628},[1622,5586,1520],{"class":1632},[1622,5588,1635],{"class":1628},[1622,5590,5591,5593,5595],{"class":1624,"line":3491},[1622,5592,2049],{"class":1628},[1622,5594,1597],{"class":1632},[1622,5596,1635],{"class":1628},[1622,5598,5599,5601,5603],{"class":1624,"line":3520},[1622,5600,2059],{"class":1628},[1622,5602,1610],{"class":1632},[1622,5604,1635],{"class":1628},[1622,5606,5607],{"class":1624,"line":3526},[1622,5608,2002],{"emptyLinePlaceholder":2001},[1622,5610,5611,5613,5615,5617,5619,5621,5623,5625,5627],{"class":1624,"line":3535},[1622,5612,1629],{"class":1628},[1622,5614,2076],{"class":1632},[1622,5616,2079],{"class":1646},[1622,5618,2082],{"class":1646},[1622,5620,1650],{"class":1628},[1622,5622,1653],{"class":1628},[1622,5624,2089],{"class":1656},[1622,5626,1653],{"class":1628},[1622,5628,1635],{"class":1628},[1622,5630,5631,5633,5636,5638,5640,5643,5646,5648,5651,5654,5657,5659,5662,5664,5666,5668,5670,5673],{"class":1624,"line":3544},[1622,5632,2099],{"class":1646},[1622,5634,5635],{"class":1685}," dragDropRef ",[1622,5637,1650],{"class":1628},[1622,5639,2108],{"class":2107},[1622,5641,5642],{"class":1628},"\u003C{",[1622,5644,5645],{"class":1632}," clearSelection",[1622,5647,2123],{"class":1628},[1622,5649,5650],{"class":1628}," ()",[1622,5652,5653],{"class":1646}," =>",[1622,5655,5656],{"class":2378}," void",[1622,5658,1768],{"class":1628},[1622,5660,5661],{"class":1632}," selectAll",[1622,5663,2123],{"class":1628},[1622,5665,5650],{"class":1628},[1622,5667,5653],{"class":1646},[1622,5669,5656],{"class":2378},[1622,5671,5672],{"class":1628}," }>",[1622,5674,5675],{"class":1685},"()\n",[1622,5677,5678],{"class":1624,"line":3553},[1622,5679,2002],{"emptyLinePlaceholder":2001},[1622,5681,5682,5684,5686,5688,5690],{"class":1624,"line":3562},[1622,5683,2099],{"class":1646},[1622,5685,2102],{"class":1685},[1622,5687,1650],{"class":1628},[1622,5689,2108],{"class":2107},[1622,5691,2111],{"class":1685},[1622,5693,5694,5696,5698,5700,5702,5705,5707,5709,5711,5713,5715,5718,5720,5722,5725,5727,5729,5732,5734],{"class":1624,"line":3567},[1622,5695,2117],{"class":1628},[1622,5697,2120],{"class":1632},[1622,5699,2123],{"class":1628},[1622,5701,2126],{"class":1628},[1622,5703,5704],{"class":1656},"stage-1",[1622,5706,2132],{"class":1628},[1622,5708,1768],{"class":1628},[1622,5710,4544],{"class":1632},[1622,5712,2123],{"class":1628},[1622,5714,2126],{"class":1628},[1622,5716,5717],{"class":1656},"Stage 1",[1622,5719,2132],{"class":1628},[1622,5721,1768],{"class":1628},[1622,5723,5724],{"class":1632}," status",[1622,5726,2123],{"class":1628},[1622,5728,2126],{"class":1628},[1622,5730,5731],{"class":1656},"In Progress",[1622,5733,2132],{"class":1628},[1622,5735,2163],{"class":1628},[1622,5737,5738,5740,5742,5744,5746,5749,5751,5753,5755,5757,5759,5762,5764,5766,5768,5770,5772,5775,5777],{"class":1624,"line":3588},[1622,5739,2117],{"class":1628},[1622,5741,2120],{"class":1632},[1622,5743,2123],{"class":1628},[1622,5745,2126],{"class":1628},[1622,5747,5748],{"class":1656},"stage-2",[1622,5750,2132],{"class":1628},[1622,5752,1768],{"class":1628},[1622,5754,4544],{"class":1632},[1622,5756,2123],{"class":1628},[1622,5758,2126],{"class":1628},[1622,5760,5761],{"class":1656},"Stage 2",[1622,5763,2132],{"class":1628},[1622,5765,1768],{"class":1628},[1622,5767,5724],{"class":1632},[1622,5769,2123],{"class":1628},[1622,5771,2126],{"class":1628},[1622,5773,5774],{"class":1656},"Completed",[1622,5776,2132],{"class":1628},[1622,5778,2163],{"class":1628},[1622,5780,5781,5783,5785,5787,5789,5792,5794,5796,5798,5800,5802,5805,5807,5809,5811,5813,5815,5818,5820],{"class":1624,"line":3623},[1622,5782,2117],{"class":1628},[1622,5784,2120],{"class":1632},[1622,5786,2123],{"class":1628},[1622,5788,2126],{"class":1628},[1622,5790,5791],{"class":1656},"stage-3",[1622,5793,2132],{"class":1628},[1622,5795,1768],{"class":1628},[1622,5797,4544],{"class":1632},[1622,5799,2123],{"class":1628},[1622,5801,2126],{"class":1628},[1622,5803,5804],{"class":1656},"Stage 3",[1622,5806,2132],{"class":1628},[1622,5808,1768],{"class":1628},[1622,5810,5724],{"class":1632},[1622,5812,2123],{"class":1628},[1622,5814,2126],{"class":1628},[1622,5816,5817],{"class":1656},"Pending",[1622,5819,2132],{"class":1628},[1622,5821,2163],{"class":1628},[1622,5823,5824,5826,5828,5830,5832,5835,5837,5839,5841,5843,5845,5848,5850,5852,5854,5856,5858,5860,5862],{"class":1624,"line":3655},[1622,5825,2117],{"class":1628},[1622,5827,2120],{"class":1632},[1622,5829,2123],{"class":1628},[1622,5831,2126],{"class":1628},[1622,5833,5834],{"class":1656},"stage-4",[1622,5836,2132],{"class":1628},[1622,5838,1768],{"class":1628},[1622,5840,4544],{"class":1632},[1622,5842,2123],{"class":1628},[1622,5844,2126],{"class":1628},[1622,5846,5847],{"class":1656},"Stage 4",[1622,5849,2132],{"class":1628},[1622,5851,1768],{"class":1628},[1622,5853,5724],{"class":1632},[1622,5855,2123],{"class":1628},[1622,5857,2126],{"class":1628},[1622,5859,5731],{"class":1656},[1622,5861,2132],{"class":1628},[1622,5863,2163],{"class":1628},[1622,5865,5866],{"class":1624,"line":3660},[1622,5867,2345],{"class":1685},[1622,5869,5870],{"class":1624,"line":3703},[1622,5871,2002],{"emptyLinePlaceholder":2001},[1622,5873,5874,5876,5879,5881,5883,5885,5888,5890,5892],{"class":1624,"line":3745},[1622,5875,2099],{"class":1646},[1622,5877,5878],{"class":1685}," selected ",[1622,5880,1650],{"class":1628},[1622,5882,2108],{"class":2107},[1622,5884,1629],{"class":1628},[1622,5886,5887],{"class":2378},"string",[1622,5889,2401],{"class":1685},[1622,5891,3330],{"class":1628},[1622,5893,5894],{"class":1685},"([])\n",[1622,5896,5897],{"class":1624,"line":3750},[1622,5898,2002],{"emptyLinePlaceholder":2001},[1622,5900,5901,5903,5906,5908,5911,5913,5915,5917,5919,5921,5923,5925,5927,5929,5931,5933,5935,5937,5940,5942,5944,5947,5949],{"class":1624,"line":3779},[1622,5902,2356],{"class":1646},[1622,5904,5905],{"class":2107}," onSelect",[1622,5907,2362],{"class":1628},[1622,5909,5910],{"class":2365},"item",[1622,5912,2123],{"class":1628},[1622,5914,2371],{"class":1628},[1622,5916,2120],{"class":1632},[1622,5918,2123],{"class":1628},[1622,5920,2379],{"class":2378},[1622,5922,1768],{"class":1628},[1622,5924,4544],{"class":1632},[1622,5926,2123],{"class":1628},[1622,5928,2379],{"class":2378},[1622,5930,1768],{"class":1628},[1622,5932,5724],{"class":1632},[1622,5934,2123],{"class":1628},[1622,5936,2379],{"class":2378},[1622,5938,5939],{"class":1628}," },",[1622,5941,5230],{"class":2365},[1622,5943,2123],{"class":1628},[1622,5945,5946],{"class":2378}," boolean",[1622,5948,2404],{"class":1628},[1622,5950,2407],{"class":1628},[1622,5952,5953,5956,5958,5960,5962],{"class":1624,"line":3807},[1622,5954,5955],{"class":1685},"  selected",[1622,5957,1560],{"class":1628},[1622,5959,2418],{"class":1685},[1622,5961,2421],{"class":1628},[1622,5963,5964],{"class":1685}," isSelected\n",[1622,5966,5967,5970,5972,5974,5977,5979,5981,5983,5985,5987,5989],{"class":1624,"line":3812},[1622,5968,5969],{"class":1628},"    ?",[1622,5971,2424],{"class":1632},[1622,5973,2427],{"class":1628},[1622,5975,5976],{"class":1685},"selected",[1622,5978,1560],{"class":1628},[1622,5980,2418],{"class":1685},[1622,5982,1768],{"class":1628},[1622,5984,1765],{"class":1685},[1622,5986,1560],{"class":1628},[1622,5988,1559],{"class":1685},[1622,5990,2432],{"class":1632},[1622,5992,5993,5996,5999,6001,6003,6005,6008,6010,6012,6014,6016,6019,6021,6023,6025],{"class":1624,"line":3825},[1622,5994,5995],{"class":1628},"    :",[1622,5997,5998],{"class":1685}," selected",[1622,6000,1560],{"class":1628},[1622,6002,2418],{"class":1685},[1622,6004,1560],{"class":1628},[1622,6006,6007],{"class":2107},"filter",[1622,6009,2362],{"class":1632},[1622,6011,1559],{"class":2365},[1622,6013,5653],{"class":1646},[1622,6015,2120],{"class":1685},[1622,6017,6018],{"class":1628}," !==",[1622,6020,1765],{"class":1685},[1622,6022,1560],{"class":1628},[1622,6024,1559],{"class":1685},[1622,6026,3776],{"class":1632},[1622,6028,6029],{"class":1624,"line":3866},[1622,6030,2438],{"class":1628},[1622,6032,6033],{"class":1624,"line":3907},[1622,6034,2002],{"emptyLinePlaceholder":2001},[1622,6036,6037,6039,6041,6044],{"class":1624,"line":3948},[1622,6038,2356],{"class":1646},[1622,6040,5645],{"class":2107},[1622,6042,6043],{"class":1628},"()",[1622,6045,2407],{"class":1628},[1622,6047,6048,6051,6053,6055,6058,6060],{"class":1624,"line":3989},[1622,6049,6050],{"class":1685},"  dragDropRef",[1622,6052,1560],{"class":1628},[1622,6054,2418],{"class":1685},[1622,6056,6057],{"class":1628},"?.",[1622,6059,4884],{"class":2107},[1622,6061,5675],{"class":1632},[1622,6063,6064,6066,6068,6070,6072],{"class":1624,"line":4030},[1622,6065,5955],{"class":1685},[1622,6067,1560],{"class":1628},[1622,6069,2418],{"class":1685},[1622,6071,2421],{"class":1628},[1622,6073,6074],{"class":1632}," []\n",[1622,6076,6077],{"class":1624,"line":4074},[1622,6078,2438],{"class":1628},[1622,6080,6081],{"class":1624,"line":4079},[1622,6082,2002],{"emptyLinePlaceholder":2001},[1622,6084,6085,6087,6089,6091],{"class":1624,"line":4084},[1622,6086,2356],{"class":1646},[1622,6088,5661],{"class":2107},[1622,6090,6043],{"class":1628},[1622,6092,2407],{"class":1628},[1622,6094,6095,6097,6099,6101,6103,6105],{"class":1624,"line":4129},[1622,6096,6050],{"class":1685},[1622,6098,1560],{"class":1628},[1622,6100,2418],{"class":1685},[1622,6102,6057],{"class":1628},[1622,6104,4881],{"class":2107},[1622,6106,5675],{"class":1632},[1622,6108,6109,6111,6113,6115,6117,6120,6122,6124,6126,6129,6131,6133,6135,6137,6139,6141],{"class":1624,"line":4148},[1622,6110,5955],{"class":1685},[1622,6112,1560],{"class":1628},[1622,6114,2418],{"class":1685},[1622,6116,2421],{"class":1628},[1622,6118,6119],{"class":1685}," items",[1622,6121,1560],{"class":1628},[1622,6123,2418],{"class":1685},[1622,6125,1560],{"class":1628},[1622,6127,6128],{"class":2107},"map",[1622,6130,2362],{"class":1632},[1622,6132,5910],{"class":2365},[1622,6134,5653],{"class":1646},[1622,6136,1765],{"class":1685},[1622,6138,1560],{"class":1628},[1622,6140,1559],{"class":1685},[1622,6142,3776],{"class":1632},[1622,6144,6145],{"class":1624,"line":4153},[1622,6146,2438],{"class":1628},[1622,6148,6150,6152,6154],{"class":1624,"line":6149},94,[1622,6151,2059],{"class":1628},[1622,6153,2076],{"class":1632},[1622,6155,1635],{"class":1628},[1562,6157,6159],{"id":6158},"props","Props",[6161,6162,6163,6191,6196,6209,6223,6227,6238,6251,6258,6263,6267,6271],"component-props",{},[6164,6165,6167,6168,6170,6171,6174,6175,6178,6179,6181,6182,6184,6185,6187,6188,6190],"component-prop",{"name":1541,"type":6166},"DragItem[]","The items to render. Each needs an ",[1524,6169,1559],{}," — used as the ",[1524,6172,6173],{},"layout-id"," and the\nselection key — and may carry anything else your slot reads. The type allows\n",[1524,6176,6177],{},"string | number",", but ",[1524,6180,1559],{}," is bound straight to ",[1524,6183,6173],{},", so prefer a\nstring: a numeric id reaches ",[1524,6186,6173],{}," unchanged and logs a Vue prop-type\nwarning on every item. Changes are watched deeply and reset the component's\ninternal copy, so writing a new array back from ",[1524,6189,1537],{}," is safe.",[6164,6192,6195],{"name":1579,"type":6193,"default":6194},"'list' | 'grid' | 'masonry'","'list'","How the items are arranged. See the table above.",[6164,6197,6200,6201,6203,6204,6206,6207,1560],{"name":2474,"type":6198,"default":6199},"'sort' | 'move' | 'copy'","'sort'","What a drop means, and whether three drop zones are rendered beneath the\ncontainer. In ",[1524,6202,1530],{}," mode the drag operation is announced to the platform as\n",[1524,6205,1530],{}," rather than ",[1524,6208,1526],{},[6164,6210,6214,6215,6218,6219,6222],{"name":6211,"type":6212,"default":6213},"disabled","boolean","false","Blocks dragging — the container ignores ",[1524,6216,6217],{},"dragstart"," — and dims every item with\na ",[1524,6220,6221],{},"cursor-not-allowed"," and reduced opacity. Drop handling is not separately\ngated.",[6164,6224,6226],{"name":6225,"type":6212,"default":6213},"showHandle","Renders a grip icon in the item's top-right corner, revealed on hover. It is\npresentation only: dragging still works from anywhere on the item.",[6164,6228,6230,6231,6233,6234,6237],{"name":1586,"type":6229,"default":3142},"number","Column count for ",[1524,6232,4167],{},", used to build the ",[1524,6235,6236],{},"grid-cols-*"," class.\nIgnored by the other layouts.",[6164,6239,6240,6241,6243,6244,2735,6246,6248,6249,1560],{"name":1590,"type":6229,"default":3157},"Spacing, interpreted per layout: a Tailwind step in ",[1524,6242,1583],{}," (divided by four),\npixels of ",[1524,6245,2625],{},[1524,6247,2595],{},", unused in ",[1524,6250,2566],{},[6164,6252,6253,6254,6257],{"name":4873,"type":6212,"default":6213},"Turns on click and ctrl\u002Fcmd-click selection, tracked in a ",[1524,6255,6256],{},"Set"," of ids and\nreflected with a blue ring. Exposed methods cover the rest — see below.",[6164,6259,6262],{"name":6260,"type":6229,"default":6261},"animationDuration","0.3","Duration of the spring that settles items into place after a reorder. Read as\na spring duration, not milliseconds.",[6164,6264,6266],{"name":6265,"type":5887},"class","Appended to the container's own layout classes.",[6164,6268,6270],{"name":6269,"type":5887},"itemClass","Appended to each item's state-derived classes.",[6164,6272,6274],{"name":6273,"type":6212,"default":5186},"snapToGrid","Declared but not wired: nothing in the component reads it, so it has no effect.",[1562,6276,6278],{"id":6277},"events","Events",[6280,6281,6282,6290,6295,6300,6311],"component-events",{},[6283,6284,6286,6287,6289],"component-event",{"name":1537,"type":6285},"(items: DragItem[]) => void","The full reordered array, fired after a reorder on an item and — in ",[1524,6288,1526],{}," mode\n— after a removal via a drop zone. This is the only way the new order gets out;\nyour own array is never touched.",[6283,6291,6294],{"name":6292,"type":6293},"dragStart","(item: DragItem, index: number) => void","Fired when a drag begins, with the item and the index it started from.",[6283,6296,6299],{"name":6297,"type":6298},"dragEnd","(item: DragItem, oldIndex: number, newIndex: number) => void","Fired after a successful reorder, with where the item came from and where it\nlanded. Not fired when the drag ends without a valid target.",[6283,6301,6303,6304,6306,6307,1556,6309,1560],{"name":2545,"type":6302},"(item: DragItem, zone: number) => void","Fired when an item is dropped on one of the three drop zones, with the zero-based\nzone index. Only meaningful when ",[1524,6305,2474],{}," is ",[1524,6308,1526],{},[1524,6310,1530],{},[6283,6312,6314,6315,1560],{"name":4877,"type":6313},"(item: DragItem, selected: boolean) => void","Fired on every selection toggle, with the item and whether it is now selected.\nRequires ",[1524,6316,4873],{},[1562,6318,6320],{"id":6319},"slots","Slots",[6322,6323,6324],"component-slots",{},[6325,6326,6327,6328,6331,6332,6335],"component-slot-row",{"name":1755},"Replaces each item's content, scoped with ",[1524,6329,6330],{},"{ item, index, isDragging, isOver, isSelected }"," — the three booleans reflect live drag state, so a slot can react\nto a drag without tracking it itself. The slot's wrapper is the ",[1524,6333,6334],{},"motion","\nelement that carries the drag handlers; put a real element inside it.",[1562,6337,6339],{"id":6338},"ui","UI",[1520,6341,6342,6343,6349,6350,2735,6353,1560],{},"This component's theme exposes the slots below. Override any of them per instance with the ",[6344,6345,6346,6348],"a",{"href":21},[1524,6347,6338],{}," prop",", or app-wide under ",[1524,6351,6352],{},"ui.dragAndDrop",[1524,6354,6355],{},"app.config.ts",[6161,6357,6358],{},[6164,6359,6361],{"name":6338,"type":6360},"object","Per-slot classes merged over the theme defaults.",[6322,6363,6364,6370,6375,6381,6387,6393,6399,6405,6411],{},[6325,6365,6367],{"name":6366},"root",[1524,6368,6369],{},"drag-drop-container relative min-h-32",[6325,6371,6372],{"name":5910},[1524,6373,6374],{},"drag-item group relative cursor-pointer transition-all duration-200",[6325,6376,6378],{"name":6377},"itemDefault",[1524,6379,6380],{},"p-4 bg-default rounded-lg border border-default",[6325,6382,6384],{"name":6383},"itemHandle",[1524,6385,6386],{},"absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity cursor-grab",[6325,6388,6390],{"name":6389},"itemHandleIcon",[1524,6391,6392],{},"w-4 h-4 text-dimmed",[6325,6394,6396],{"name":6395},"dropIndicator",[1524,6397,6398],{},"h-1 shrink-0 rounded-full bg-primary shadow-[0_0_0_2px_var(--ui-bg)] animate-pulse",[6325,6400,6402],{"name":6401},"dropZone",[1524,6403,6404],{},"drop-zone min-h-24 border-2 border-dashed border-default dark:border-default rounded-lg flex items-center justify-center transition-all duration-200",[6325,6406,6408],{"name":6407},"dropZoneContent",[1524,6409,6410],{},"text-center text-muted",[6325,6412,6414],{"name":6413},"dropZoneIcon",[1524,6415,6416],{},"w-6 h-6 mx-auto mb-2",[1562,6418,6420],{"id":6419},"accessibility","Accessibility",[1520,6422,6423,6424,6427,6428,6431,6432,1527,6434,1560],{},"There is no ARIA on the container or on the items, and no keyboard alternative to\ndragging. Items are plain ",[1524,6425,6426],{},"motion.div"," elements with ",[1524,6429,6430],{},"draggable"," set — not\nfocusable, no role, no live region. A keyboard user cannot reorder anything; the\nclick-to-select path needs a pointer too, since it is bound to ",[1524,6433,2852],{},[1524,6435,6436],{},"mousedown",[1520,6438,6439,6440,6442],{},"The default card in the fallback slot is a ",[1524,6441,1597],{},", so when you use the default slot\nyour items are not buttons or list items either. If the order is meaningful data,\nsupply a real interactive element in your slot and manage focus and announcements\nyourself.",[1520,6444,6445,6446,6448,6449,6451],{},"The grip handle revealed by ",[1524,6447,6225],{}," is a decorative ",[1524,6450,1597],{}," with an icon and no\naccessible name.",[1520,6453,6454,6455,6457,6458,6461,6462,1587,6465,6468],{},"Motion is not reduced: the settle spring runs at ",[1524,6456,6260],{}," regardless of\n",[1524,6459,6460],{},"prefers-reduced-motion",". The dragged item's ",[1524,6463,6464],{},"scale-105",[1524,6466,6467],{},"rotate"," are CSS\ntransitions on the same terms.",[1562,6470,6472],{"id":6471},"performance","Performance",[6474,6475,6476,6489,6507,6516,6525],"ul",{},[6477,6478,6479,6480,6482,6483,1587,6485,6488],"li",{},"Each item is a ",[1524,6481,6334],{}," element with a stable ",[1524,6484,6173],{},[1524,6486,6487],{},":initial=\"false\"",",\nso the reorder animation is a layout transition on already-mounted nodes rather\nthan a mount\u002Funmount cycle.",[6477,6490,6491,6492,6495,6496,6499,6500,6502,6503,6506],{},"All state is local: ",[1524,6493,6494],{},"sortedItems"," is a ref, ",[1524,6497,6498],{},"selectedItems"," a ",[1524,6501,6256],{},", and drag\nstate a single ",[1524,6504,6505],{},"reactive"," object. Nothing is emitted per frame.",[6477,6508,6509,6511,6512,6515],{},[1524,6510,1541],{}," is watched with ",[1524,6513,6514],{},"deep: true",", so in-place mutations to your array do\nreset the internal copy — at the cost of a full traversal of the array on change.",[6477,6517,6518,6521,6522,6524],{},[1524,6519,6520],{},"getItemStyles"," returns an empty object for every layout except ",[1524,6523,2595],{},", so\nthe style binding is a no-op write in the common case.",[6477,6526,6527,6528,6531,6532,6535,6536,6539],{},"The drop indicator is absolutely positioned, so revealing or moving it costs no\nlayout and the list never shifts under the pointer. ",[1524,6529,6530],{},"dragover"," writes nothing\nwhen the gap it resolves to has not changed, and ",[1524,6533,6534],{},"dragleave"," clears the target\nonly when the pointer actually leaves the container — checked against\n",[1524,6537,6538],{},"relatedTarget"," — rather than on every leave, which would blink the indicator.",[6541,6542,6543,6544,6547,6548,6551,6552,1527,6554,6556,6557,1556,6560,6563],"tip",{},"Reordering commits on ",[1524,6545,6546],{},"dragend"," using the gap recorded under the pointer, so the\nrow drops exactly where the inline indicator sat when you let go. A drag released\nover empty space, back onto its own row, or anywhere inside a multi-selection that\nis already moving is a no-op — the new order is only emitted when it actually\nchanges. The inline indicator is rendered for ",[1524,6549,6550],{},"layout=\"list\"","; ",[1524,6553,1583],{},[1524,6555,2595],{}," fall back to a ring on the hovered row. For an explicit target outside\nthe row order itself, ",[1524,6558,6559],{},"mode: 'move'",[1524,6561,6562],{},"'copy'"," gives you the built-in zones\ninstead.",[6565,6566,6567],"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 .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}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 .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .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}",{"title":1612,"searchDepth":1638,"depth":1638,"links":6569},[6570,6571,6572,6573,6574,6575,6576,6577,6578,6579,6580],{"id":1564,"depth":1638,"text":16},{"id":2450,"depth":1638,"text":2451},{"id":2468,"depth":1638,"text":2469},{"id":1583,"depth":1638,"text":4162},{"id":4866,"depth":1638,"text":4867},{"id":6158,"depth":1638,"text":6159},{"id":6277,"depth":1638,"text":6278},{"id":6319,"depth":1638,"text":6320},{"id":6338,"depth":1638,"text":6339},{"id":6419,"depth":1638,"text":6420},{"id":6471,"depth":1638,"text":6472},"A sortable list, grid or masonry of items that reorder on drag and report the new order.","md",null,{},{"title":741,"description":6581},"BdkLheDW_kTKZoLcicb7meMDn6Wv6EwzOuBhkK6HrHk",[6588,6590],{"title":737,"path":738,"stem":739,"description":6589,"children":-1},"macOS-style dock with magnification effects and smooth animations.",{"title":745,"path":746,"stem":747,"description":6591,"children":-1},"A slide-in panel with animated content and optional handle.",1793501784940]