[{"data":1,"prerenderedAt":6608},["ShallowReactive",2],{"navigation_docs":3,"-components-interactive-drag-and-drop":1530,"-components-interactive-drag-and-drop-surround":6603},[4,28,35,1314,1337,1344,1499,1523],{"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,266,324,446,464,478,612,702,888,918,948,982,1016,1054,1284],{"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,254,258,262],{"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},"Dotted Map","\u002Fcomponents\u002Fbackgrounds\u002Fdotted-map","3.components\u002Fbackgrounds\u002Fdotted-map",{"title":211,"path":212,"stem":213},"Flickering Grid","\u002Fcomponents\u002Fbackgrounds\u002Fflickering-grid","3.components\u002Fbackgrounds\u002Fflickering-grid",{"title":215,"path":216,"stem":217},"Hexagon Pattern","\u002Fcomponents\u002Fbackgrounds\u002Fhexagon-pattern","3.components\u002Fbackgrounds\u002Fhexagon-pattern",{"title":219,"path":220,"stem":221},"Interactive Grid Pattern","\u002Fcomponents\u002Fbackgrounds\u002Finteractive-grid-pattern","3.components\u002Fbackgrounds\u002Finteractive-grid-pattern",{"title":223,"path":224,"stem":225},"Lamp Container","\u002Fcomponents\u002Fbackgrounds\u002Flamp-container","3.components\u002Fbackgrounds\u002Flamp-container",{"title":227,"path":228,"stem":229},"Light Rays","\u002Fcomponents\u002Fbackgrounds\u002Flight-rays","3.components\u002Fbackgrounds\u002Flight-rays",{"title":231,"path":232,"stem":233},"Meteors","\u002Fcomponents\u002Fbackgrounds\u002Fmeteors","3.components\u002Fbackgrounds\u002Fmeteors",{"title":235,"path":236,"stem":237},"Noise Texture","\u002Fcomponents\u002Fbackgrounds\u002Fnoise-texture","3.components\u002Fbackgrounds\u002Fnoise-texture",{"title":239,"path":240,"stem":241},"Particles","\u002Fcomponents\u002Fbackgrounds\u002Fparticles","3.components\u002Fbackgrounds\u002Fparticles",{"title":243,"path":244,"stem":245},"Retro Grid","\u002Fcomponents\u002Fbackgrounds\u002Fretro-grid","3.components\u002Fbackgrounds\u002Fretro-grid",{"title":247,"path":248,"stem":249},"Shooting Stars","\u002Fcomponents\u002Fbackgrounds\u002Fshooting-stars","3.components\u002Fbackgrounds\u002Fshooting-stars",{"title":251,"path":252,"stem":253},"Stars Background","\u002Fcomponents\u002Fbackgrounds\u002Fstars-background","3.components\u002Fbackgrounds\u002Fstars-background",{"title":255,"path":256,"stem":257},"Striped Pattern","\u002Fcomponents\u002Fbackgrounds\u002Fstriped-pattern","3.components\u002Fbackgrounds\u002Fstriped-pattern",{"title":259,"path":260,"stem":261},"Vortex","\u002Fcomponents\u002Fbackgrounds\u002Fvortex","3.components\u002Fbackgrounds\u002Fvortex",{"title":263,"path":264,"stem":265},"Warp Background","\u002Fcomponents\u002Fbackgrounds\u002Fwarp-background","3.components\u002Fbackgrounds\u002Fwarp-background",{"title":267,"icon":268,"path":269,"stem":270,"children":271,"page":61},"Buttons","i-lucide-mouse-pointer-click","\u002Fcomponents\u002Fbuttons","3.components\u002Fbuttons",[272,276,280,284,288,292,296,300,304,308,312,316,320],{"title":273,"path":274,"stem":275},"Button Copy","\u002Fcomponents\u002Fbuttons\u002Fbutton-copy","3.components\u002Fbuttons\u002Fbutton-copy",{"title":277,"path":278,"stem":279},"Clip Corners Button","\u002Fcomponents\u002Fbuttons\u002Fclip-corners-button","3.components\u002Fbuttons\u002Fclip-corners-button",{"title":281,"path":282,"stem":283},"Dot Morph Button","\u002Fcomponents\u002Fbuttons\u002Fdot-morph-button","3.components\u002Fbuttons\u002Fdot-morph-button",{"title":285,"path":286,"stem":287},"Interactive Hover Button","\u002Fcomponents\u002Fbuttons\u002Finteractive-hover-button","3.components\u002Fbuttons\u002Finteractive-hover-button",{"title":289,"path":290,"stem":291},"Magnetic Button","\u002Fcomponents\u002Fbuttons\u002Fmagnetic-button","3.components\u002Fbuttons\u002Fmagnetic-button",{"title":293,"path":294,"stem":295},"Music Toggle","\u002Fcomponents\u002Fbuttons\u002Fmusic-toggle","3.components\u002Fbuttons\u002Fmusic-toggle",{"title":297,"path":298,"stem":299},"Pulsating Button","\u002Fcomponents\u002Fbuttons\u002Fpulsating-button","3.components\u002Fbuttons\u002Fpulsating-button",{"title":301,"path":302,"stem":303},"Rainbow Button","\u002Fcomponents\u002Fbuttons\u002Frainbow-button","3.components\u002Fbuttons\u002Frainbow-button",{"title":305,"path":306,"stem":307},"Ripple Button","\u002Fcomponents\u002Fbuttons\u002Fripple-button","3.components\u002Fbuttons\u002Fripple-button",{"title":309,"path":310,"stem":311},"Shimmer Button","\u002Fcomponents\u002Fbuttons\u002Fshimmer-button","3.components\u002Fbuttons\u002Fshimmer-button",{"title":313,"path":314,"stem":315},"Shiny Button","\u002Fcomponents\u002Fbuttons\u002Fshiny-button","3.components\u002Fbuttons\u002Fshiny-button",{"title":317,"path":318,"stem":319},"Smooth Button","\u002Fcomponents\u002Fbuttons\u002Fsmooth-button","3.components\u002Fbuttons\u002Fsmooth-button",{"title":321,"path":322,"stem":323},"Theme Toggle","\u002Fcomponents\u002Fbuttons\u002Ftheme-toggle","3.components\u002Fbuttons\u002Ftheme-toggle",{"title":325,"icon":326,"path":327,"stem":328,"children":329,"page":61},"Cards","i-lucide-layout-panel-top","\u002Fcomponents\u002Fcards","3.components\u002Fcards",[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,434,438,442],{"title":331,"path":332,"stem":333},"App Download Stack","\u002Fcomponents\u002Fcards\u002Fapp-download-stack","3.components\u002Fcards\u002Fapp-download-stack",{"title":335,"path":336,"stem":337},"Apple Invites","\u002Fcomponents\u002Fcards\u002Fapple-invites","3.components\u002Fcards\u002Fapple-invites",{"title":339,"path":340,"stem":341},"Bento Grid","\u002Fcomponents\u002Fcards\u002Fbento-grid","3.components\u002Fcards\u002Fbento-grid",{"title":343,"path":344,"stem":345},"Stacked Cards","\u002Fcomponents\u002Fcards\u002Fcard-stack","3.components\u002Fcards\u002Fcard-stack",{"title":347,"path":348,"stem":349},"Card Swipe Deck","\u002Fcomponents\u002Fcards\u002Fcard-swipe-deck","3.components\u002Fcards\u002Fcard-swipe-deck",{"title":351,"path":352,"stem":353},"Draggable Card","\u002Fcomponents\u002Fcards\u002Fdraggable-card","3.components\u002Fcards\u002Fdraggable-card",{"title":355,"path":356,"stem":357},"Evervault Card","\u002Fcomponents\u002Fcards\u002Fever-vault-card","3.components\u002Fcards\u002Fever-vault-card",{"title":359,"path":360,"stem":361},"Expandable Cards","\u002Fcomponents\u002Fcards\u002Fexpandable-cards","3.components\u002Fcards\u002Fexpandable-cards",{"title":363,"path":364,"stem":365},"Figma Comment","\u002Fcomponents\u002Fcards\u002Ffigma-comment","3.components\u002Fcards\u002Ffigma-comment",{"title":367,"path":368,"stem":369},"Focus Cards","\u002Fcomponents\u002Fcards\u002Ffocus-cards","3.components\u002Fcards\u002Ffocus-cards",{"title":371,"path":372,"stem":373},"Glare Card","\u002Fcomponents\u002Fcards\u002Fglare-card","3.components\u002Fcards\u002Fglare-card",{"title":375,"path":376,"stem":377},"Glass Card","\u002Fcomponents\u002Fcards\u002Fglass-card","3.components\u002Fcards\u002Fglass-card",{"title":379,"path":380,"stem":381},"Glass Panel","\u002Fcomponents\u002Fcards\u002Fglass-panel","3.components\u002Fcards\u002Fglass-panel",{"title":383,"path":384,"stem":385},"Glow Hover Cards","\u002Fcomponents\u002Fcards\u002Fglow-hover-cards","3.components\u002Fcards\u002Fglow-hover-cards",{"title":387,"path":388,"stem":389},"Glowing Stars Card","\u002Fcomponents\u002Fcards\u002Fglowing-stars-card","3.components\u002Fcards\u002Fglowing-stars-card",{"title":391,"path":392,"stem":393},"Mac Terminal","\u002Fcomponents\u002Fcards\u002Fmac-terminal","3.components\u002Fcards\u002Fmac-terminal",{"title":395,"path":396,"stem":397},"Magic Card","\u002Fcomponents\u002Fcards\u002Fmagic-card","3.components\u002Fcards\u002Fmagic-card",{"title":399,"path":400,"stem":401},"Mail Card","\u002Fcomponents\u002Fcards\u002Fmail-card","3.components\u002Fcards\u002Fmail-card",{"title":403,"path":404,"stem":405},"Photo Stack","\u002Fcomponents\u002Fcards\u002Fphoto-stack","3.components\u002Fcards\u002Fphoto-stack",{"title":407,"path":408,"stem":409},"Price Flow","\u002Fcomponents\u002Fcards\u002Fprice-flow","3.components\u002Fcards\u002Fprice-flow",{"title":411,"path":412,"stem":413},"Product Card","\u002Fcomponents\u002Fcards\u002Fproduct-card","3.components\u002Fcards\u002Fproduct-card",{"title":415,"path":416,"stem":417},"Scrollable Card Stack","\u002Fcomponents\u002Fcards\u002Fscrollable-card-stack","3.components\u002Fcards\u002Fscrollable-card-stack",{"title":419,"path":420,"stem":421},"Shine Border","\u002Fcomponents\u002Fcards\u002Fshine-border","3.components\u002Fcards\u002Fshine-border",{"title":423,"path":424,"stem":425},"Social Hover Card","\u002Fcomponents\u002Fcards\u002Fsocial-hover-card","3.components\u002Fcards\u002Fsocial-hover-card",{"title":427,"path":428,"stem":429},"Switchboard Card","\u002Fcomponents\u002Fcards\u002Fswitchboard-card","3.components\u002Fcards\u002Fswitchboard-card",{"title":431,"path":432,"stem":433},"Tilt Card","\u002Fcomponents\u002Fcards\u002Ftilt-card","3.components\u002Fcards\u002Ftilt-card",{"title":435,"path":436,"stem":437},"Tweet Card","\u002Fcomponents\u002Fcards\u002Ftweet-card","3.components\u002Fcards\u002Ftweet-card",{"title":439,"path":440,"stem":441},"Wallet Card","\u002Fcomponents\u002Fcards\u002Fwallet-card","3.components\u002Fcards\u002Fwallet-card",{"title":443,"path":444,"stem":445},"Wobble Card","\u002Fcomponents\u002Fcards\u002Fwobble-card","3.components\u002Fcards\u002Fwobble-card",{"title":447,"icon":448,"path":449,"stem":450,"children":451,"page":61},"Carousels","i-lucide-gallery-horizontal-end","\u002Fcomponents\u002Fcarousels","3.components\u002Fcarousels",[452,456,460],{"title":453,"path":454,"stem":455},"Carousel","\u002Fcomponents\u002Fcarousels\u002Fcarousel","3.components\u002Fcarousels\u002Fcarousel",{"title":457,"path":458,"stem":459},"Coverflow Carousel","\u002Fcomponents\u002Fcarousels\u002Fcoverflow-carousel","3.components\u002Fcarousels\u002Fcoverflow-carousel",{"title":461,"path":462,"stem":463},"Reviews Carousel","\u002Fcomponents\u002Fcarousels\u002Freviews-carousel","3.components\u002Fcarousels\u002Freviews-carousel",{"title":465,"icon":466,"path":467,"stem":468,"children":469,"page":61},"Directional","i-lucide-move-3d","\u002Fcomponents\u002Fdirectional","3.components\u002Fdirectional",[470,474],{"title":471,"path":472,"stem":473},"Direction Aware Hover","\u002Fcomponents\u002Fdirectional\u002Fdirection-aware-hover","3.components\u002Fdirectional\u002Fdirection-aware-hover",{"title":475,"path":476,"stem":477},"Direction Aware Hover New","\u002Fcomponents\u002Fdirectional\u002Fdirection-aware-hover-new","3.components\u002Fdirectional\u002Fdirection-aware-hover-new",{"title":479,"icon":480,"path":481,"stem":482,"children":483,"page":61},"Visual Effects","i-lucide-wand-sparkles","\u002Fcomponents\u002Feffects","3.components\u002Feffects",[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,600,604,608],{"title":485,"path":486,"stem":487},"Animated Beam","\u002Fcomponents\u002Feffects\u002Fanimated-beam","3.components\u002Feffects\u002Fanimated-beam",{"title":489,"path":490,"stem":491},"Arcade Pixel","\u002Fcomponents\u002Feffects\u002Farcade-pixel","3.components\u002Feffects\u002Farcade-pixel",{"title":493,"path":494,"stem":495},"ASCII Render","\u002Fcomponents\u002Feffects\u002Fascii-render","3.components\u002Feffects\u002Fascii-render",{"title":497,"path":498,"stem":499},"Border Beam","\u002Fcomponents\u002Feffects\u002Fborder-beam","3.components\u002Feffects\u002Fborder-beam",{"title":501,"path":502,"stem":503},"Border Trail","\u002Fcomponents\u002Feffects\u002Fborder-trail","3.components\u002Feffects\u002Fborder-trail",{"title":505,"path":506,"stem":507},"Confetti","\u002Fcomponents\u002Feffects\u002Fconfetti","3.components\u002Feffects\u002Fconfetti",{"title":509,"path":510,"stem":511},"Dither Chart","\u002Fcomponents\u002Feffects\u002Fdither-chart","3.components\u002Feffects\u002Fdither-chart",{"title":513,"path":514,"stem":515},"Dither Image","\u002Fcomponents\u002Feffects\u002Fdither-image","3.components\u002Feffects\u002Fdither-image",{"title":517,"path":518,"stem":519},"Div Grid","\u002Fcomponents\u002Feffects\u002Fdiv-grid","3.components\u002Feffects\u002Fdiv-grid",{"title":521,"path":522,"stem":523},"Drawing Cursor","\u002Fcomponents\u002Feffects\u002Fdrawing-cursor","3.components\u002Feffects\u002Fdrawing-cursor",{"title":525,"path":526,"stem":527},"Emboss Surface","\u002Fcomponents\u002Feffects\u002Femboss-surface","3.components\u002Feffects\u002Femboss-surface",{"title":529,"path":530,"stem":531},"Brightness slider","\u002Fcomponents\u002Feffects\u002Fexposure-slider","3.components\u002Feffects\u002Fexposure-slider",{"title":533,"path":534,"stem":535},"Flowing Stroke","\u002Fcomponents\u002Feffects\u002Fflowing-stroke","3.components\u002Feffects\u002Fflowing-stroke",{"title":537,"path":538,"stem":539},"Glow Effect","\u002Fcomponents\u002Feffects\u002Fglow-effect","3.components\u002Feffects\u002Fglow-effect",{"title":541,"path":542,"stem":543},"Glowing Effect","\u002Fcomponents\u002Feffects\u002Fglowing-effect","3.components\u002Feffects\u002Fglowing-effect",{"title":545,"path":546,"stem":547},"Gooey Filter","\u002Fcomponents\u002Feffects\u002Fgooey-filter","3.components\u002Feffects\u002Fgooey-filter",{"title":549,"path":550,"stem":551},"Gravity Stars","\u002Fcomponents\u002Feffects\u002Fgravity-stars","3.components\u002Feffects\u002Fgravity-stars",{"title":553,"path":554,"stem":555},"Iridescent foil","\u002Fcomponents\u002Feffects\u002Fholographic-foil","3.components\u002Feffects\u002Fholographic-foil",{"title":557,"path":558,"stem":559},"Icon Cloud","\u002Fcomponents\u002Feffects\u002Ficon-cloud","3.components\u002Feffects\u002Ficon-cloud",{"title":561,"path":562,"stem":563},"Liquid Metal","\u002Fcomponents\u002Feffects\u002Fliquid-metal","3.components\u002Feffects\u002Fliquid-metal",{"title":565,"path":566,"stem":567},"Mask Container","\u002Fcomponents\u002Feffects\u002Fmask-container","3.components\u002Feffects\u002Fmask-container",{"title":569,"path":570,"stem":571},"Orbiting Circles","\u002Fcomponents\u002Feffects\u002Forbiting-circles","3.components\u002Feffects\u002Forbiting-circles",{"title":573,"path":574,"stem":575},"Depth layers","\u002Fcomponents\u002Feffects\u002Fparallax-layers","3.components\u002Feffects\u002Fparallax-layers",{"title":577,"path":578,"stem":579},"Pixel Flow Field","\u002Fcomponents\u002Feffects\u002Fpixel-flow-field","3.components\u002Feffects\u002Fpixel-flow-field",{"title":581,"path":582,"stem":583},"Pixelated Canvas","\u002Fcomponents\u002Feffects\u002Fpixelated-canvas","3.components\u002Feffects\u002Fpixelated-canvas",{"title":585,"path":586,"stem":587},"Progressive Blur","\u002Fcomponents\u002Feffects\u002Fprogressive-blur","3.components\u002Feffects\u002Fprogressive-blur",{"title":589,"path":590,"stem":591},"Siri Orb","\u002Fcomponents\u002Feffects\u002Fsiri-orb","3.components\u002Feffects\u002Fsiri-orb",{"title":593,"path":594,"stem":595},"Spotlight","\u002Fcomponents\u002Feffects\u002Fspotlight","3.components\u002Feffects\u002Fspotlight",{"title":597,"path":598,"stem":599},"Squircle","\u002Fcomponents\u002Feffects\u002Fsquircle","3.components\u002Feffects\u002Fsquircle",{"title":601,"path":602,"stem":603},"SVG Clip Mask","\u002Fcomponents\u002Feffects\u002Fsvg-clip-mask","3.components\u002Feffects\u002Fsvg-clip-mask",{"title":605,"path":606,"stem":607},"Tracing Beam","\u002Fcomponents\u002Feffects\u002Ftracing-beam","3.components\u002Feffects\u002Ftracing-beam",{"title":609,"path":610,"stem":611},"Video Ambient","\u002Fcomponents\u002Feffects\u002Fvideo-ambient","3.components\u002Feffects\u002Fvideo-ambient",{"title":613,"icon":614,"path":615,"stem":616,"children":617,"page":61},"Forms","i-lucide-text-cursor-input","\u002Fcomponents\u002Fforms","3.components\u002Fforms",[618,622,626,630,634,638,642,646,650,654,658,662,666,670,674,678,682,686,690,694,698],{"title":619,"path":620,"stem":621},"Animated File Upload","\u002Fcomponents\u002Fforms\u002Fanimated-file-upload","3.components\u002Fforms\u002Fanimated-file-upload",{"title":623,"path":624,"stem":625},"Animated Input","\u002Fcomponents\u002Fforms\u002Fanimated-input","3.components\u002Fforms\u002Fanimated-input",{"title":627,"path":628,"stem":629},"Animated Number Input","\u002Fcomponents\u002Fforms\u002Fanimated-number-input","3.components\u002Fforms\u002Fanimated-number-input",{"title":631,"path":632,"stem":633},"Animated OTP Input","\u002Fcomponents\u002Fforms\u002Fanimated-otp-input","3.components\u002Fforms\u002Fanimated-otp-input",{"title":635,"path":636,"stem":637},"Animated Progress Bar","\u002Fcomponents\u002Fforms\u002Fanimated-progress-bar","3.components\u002Fforms\u002Fanimated-progress-bar",{"title":639,"path":640,"stem":641},"Animated Stepper","\u002Fcomponents\u002Fforms\u002Fanimated-stepper","3.components\u002Fforms\u002Fanimated-stepper",{"title":643,"path":644,"stem":645},"Animated Tags","\u002Fcomponents\u002Fforms\u002Fanimated-tags","3.components\u002Fforms\u002Fanimated-tags",{"title":647,"path":648,"stem":649},"Animated Toggle","\u002Fcomponents\u002Fforms\u002Fanimated-toggle","3.components\u002Fforms\u002Fanimated-toggle",{"title":651,"path":652,"stem":653},"Auth Form","\u002Fcomponents\u002Fforms\u002Fauth-form","3.components\u002Fforms\u002Fauth-form",{"title":655,"path":656,"stem":657},"Checkbox","\u002Fcomponents\u002Fforms\u002Fcheckbox","3.components\u002Fforms\u002Fcheckbox",{"title":659,"path":660,"stem":661},"Country Picker","\u002Fcomponents\u002Fforms\u002Fcountry-picker","3.components\u002Fforms\u002Fcountry-picker",{"title":663,"path":664,"stem":665},"Digit Roll","\u002Fcomponents\u002Fforms\u002Fdigit-roll","3.components\u002Fforms\u002Fdigit-roll",{"title":667,"path":668,"stem":669},"Duration Picker","\u002Fcomponents\u002Fforms\u002Fduration-picker","3.components\u002Fforms\u002Fduration-picker",{"title":671,"path":672,"stem":673},"Favicon Search","\u002Fcomponents\u002Fforms\u002Ffavicon-search","3.components\u002Fforms\u002Ffavicon-search",{"title":675,"path":676,"stem":677},"Float Input","\u002Fcomponents\u002Fforms\u002Ffloat-input","3.components\u002Fforms\u002Ffloat-input",{"title":679,"path":680,"stem":681},"Form","\u002Fcomponents\u002Fforms\u002Fform","3.components\u002Fforms\u002Fform",{"title":683,"path":684,"stem":685},"Morph Toggle","\u002Fcomponents\u002Fforms\u002Fmorph-toggle","3.components\u002Fforms\u002Fmorph-toggle",{"title":687,"path":688,"stem":689},"Radio Group","\u002Fcomponents\u002Fforms\u002Fradio-group","3.components\u002Fforms\u002Fradio-group",{"title":691,"path":692,"stem":693},"Scrubber","\u002Fcomponents\u002Fforms\u002Fscrubber","3.components\u002Fforms\u002Fscrubber",{"title":695,"path":696,"stem":697},"Social Selector","\u002Fcomponents\u002Fforms\u002Fsocial-selector","3.components\u002Fforms\u002Fsocial-selector",{"title":699,"path":700,"stem":701},"Swap Panel","\u002Fcomponents\u002Fforms\u002Fswap-panel","3.components\u002Fforms\u002Fswap-panel",{"title":703,"icon":704,"path":705,"stem":706,"children":707,"page":61},"Interactive","i-lucide-hand","\u002Fcomponents\u002Finteractive","3.components\u002Finteractive",[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,876,880,884],{"title":709,"path":710,"stem":711},"Accordion","\u002Fcomponents\u002Finteractive\u002Faccordion","3.components\u002Finteractive\u002Faccordion",{"title":713,"path":714,"stem":715},"Motion dialog","\u002Fcomponents\u002Finteractive\u002Fanimated-dialog","3.components\u002Finteractive\u002Fanimated-dialog",{"title":717,"path":718,"stem":719},"Animated Tooltip","\u002Fcomponents\u002Finteractive\u002Fanimated-tooltip","3.components\u002Finteractive\u002Fanimated-tooltip",{"title":721,"path":722,"stem":723},"Basic Dropdown","\u002Fcomponents\u002Finteractive\u002Fbasic-dropdown","3.components\u002Finteractive\u002Fbasic-dropdown",{"title":725,"path":726,"stem":727},"Basic Toast","\u002Fcomponents\u002Finteractive\u002Fbasic-toast","3.components\u002Finteractive\u002Fbasic-toast",{"title":729,"path":730,"stem":731},"Code Block","\u002Fcomponents\u002Finteractive\u002Fcode-block","3.components\u002Finteractive\u002Fcode-block",{"title":733,"path":734,"stem":735},"Code Comparison","\u002Fcomponents\u002Finteractive\u002Fcode-comparison","3.components\u002Finteractive\u002Fcode-comparison",{"title":737,"path":738,"stem":739},"Contribution Graph","\u002Fcomponents\u002Finteractive\u002Fcontribution-graph","3.components\u002Finteractive\u002Fcontribution-graph",{"title":741,"path":742,"stem":743},"Cool Mode","\u002Fcomponents\u002Finteractive\u002Fcool-mode","3.components\u002Finteractive\u002Fcool-mode",{"title":745,"path":746,"stem":747},"Count Badge","\u002Fcomponents\u002Finteractive\u002Fcount-badge","3.components\u002Finteractive\u002Fcount-badge",{"title":749,"path":750,"stem":751},"Dock","\u002Fcomponents\u002Finteractive\u002Fdock","3.components\u002Finteractive\u002Fdock",{"title":753,"path":754,"stem":755},"Drag and Drop","\u002Fcomponents\u002Finteractive\u002Fdrag-and-drop","3.components\u002Finteractive\u002Fdrag-and-drop",{"title":757,"path":758,"stem":759},"Drawer","\u002Fcomponents\u002Finteractive\u002Fdrawer","3.components\u002Finteractive\u002Fdrawer",{"title":761,"path":762,"stem":763},"Dynamic Group","\u002Fcomponents\u002Finteractive\u002Fdynamic-group","3.components\u002Finteractive\u002Fdynamic-group",{"title":765,"path":766,"stem":767},"Dynamic Island","\u002Fcomponents\u002Finteractive\u002Fdynamic-island","3.components\u002Finteractive\u002Fdynamic-island",{"title":769,"path":770,"stem":771},"Emoji Reaction","\u002Fcomponents\u002Finteractive\u002Femoji-reaction","3.components\u002Finteractive\u002Femoji-reaction",{"title":773,"path":774,"stem":775},"Fluid Hover Highlight","\u002Fcomponents\u002Finteractive\u002Ffluid-hover-highlight","3.components\u002Finteractive\u002Ffluid-hover-highlight",{"title":777,"path":778,"stem":779},"Folder Reveal","\u002Fcomponents\u002Finteractive\u002Ffolder-reveal","3.components\u002Finteractive\u002Ffolder-reveal",{"title":781,"path":782,"stem":783},"GitHub Stars Animation","\u002Fcomponents\u002Finteractive\u002Fgithub-stars-animation","3.components\u002Finteractive\u002Fgithub-stars-animation",{"title":785,"path":786,"stem":787},"Hover Expand","\u002Fcomponents\u002Finteractive\u002Fhover-expand","3.components\u002Finteractive\u002Fhover-expand",{"title":789,"path":790,"stem":791},"Hover Image List","\u002Fcomponents\u002Finteractive\u002Fhover-image-list","3.components\u002Finteractive\u002Fhover-image-list",{"title":793,"path":794,"stem":795},"Image compare","\u002Fcomponents\u002Finteractive\u002Fimage-comparison","3.components\u002Finteractive\u002Fimage-comparison",{"title":797,"path":798,"stem":799},"Image Metadata Preview","\u002Fcomponents\u002Finteractive\u002Fimage-metadata-preview","3.components\u002Finteractive\u002Fimage-metadata-preview",{"title":801,"path":802,"stem":803},"Inline Testimonials","\u002Fcomponents\u002Finteractive\u002Finline-testimonials","3.components\u002Finteractive\u002Finline-testimonials",{"title":805,"path":806,"stem":807},"Interactive Image Selector","\u002Fcomponents\u002Finteractive\u002Finteractive-image-selector","3.components\u002Finteractive\u002Finteractive-image-selector",{"title":809,"path":810,"stem":811},"Job Listing","\u002Fcomponents\u002Finteractive\u002Fjob-listing","3.components\u002Finteractive\u002Fjob-listing",{"title":813,"path":814,"stem":815},"Lens","\u002Fcomponents\u002Finteractive\u002Flens","3.components\u002Finteractive\u002Flens",{"title":817,"path":818,"stem":819},"Morph Icon","\u002Fcomponents\u002Finteractive\u002Fmorph-icon","3.components\u002Finteractive\u002Fmorph-icon",{"title":821,"path":822,"stem":823},"Morph Surface","\u002Fcomponents\u002Finteractive\u002Fmorph-surface","3.components\u002Finteractive\u002Fmorph-surface",{"title":825,"path":826,"stem":827},"Shape-shift dialog","\u002Fcomponents\u002Finteractive\u002Fmorphing-dialog","3.components\u002Finteractive\u002Fmorphing-dialog",{"title":829,"path":830,"stem":831},"Shape-shift popover","\u002Fcomponents\u002Finteractive\u002Fmorphing-popover","3.components\u002Finteractive\u002Fmorphing-popover",{"title":833,"path":834,"stem":835},"Notification Badge","\u002Fcomponents\u002Finteractive\u002Fnotification-badge","3.components\u002Finteractive\u002Fnotification-badge",{"title":837,"path":838,"stem":839},"Orbital Image Wheel","\u002Fcomponents\u002Finteractive\u002Forbital-image-wheel","3.components\u002Finteractive\u002Forbital-image-wheel",{"title":841,"path":842,"stem":843},"Phototab","\u002Fcomponents\u002Finteractive\u002Fphototab","3.components\u002Finteractive\u002Fphototab",{"title":845,"path":846,"stem":847},"Pinned List","\u002Fcomponents\u002Finteractive\u002Fpinned-list","3.components\u002Finteractive\u002Fpinned-list",{"title":849,"path":850,"stem":851},"Pixel Brush Canvas","\u002Fcomponents\u002Finteractive\u002Fpixel-brush-canvas","3.components\u002Finteractive\u002Fpixel-brush-canvas",{"title":853,"path":854,"stem":855},"Power Off Slide","\u002Fcomponents\u002Finteractive\u002Fpower-off-slide","3.components\u002Finteractive\u002Fpower-off-slide",{"title":857,"path":858,"stem":859},"Rich Popover","\u002Fcomponents\u002Finteractive\u002Frich-popover","3.components\u002Finteractive\u002Frich-popover",{"title":861,"path":862,"stem":863},"Scratch to Reveal","\u002Fcomponents\u002Finteractive\u002Fscratch-to-reveal","3.components\u002Finteractive\u002Fscratch-to-reveal",{"title":865,"path":866,"stem":867},"Time Machine Stack","\u002Fcomponents\u002Finteractive\u002Ftime-machine-stack","3.components\u002Finteractive\u002Ftime-machine-stack",{"title":869,"path":870,"stem":871},"Unlock Face ID","\u002Fcomponents\u002Finteractive\u002Funlock-face-id","3.components\u002Finteractive\u002Funlock-face-id",{"title":873,"path":874,"stem":875},"User Account Avatar","\u002Fcomponents\u002Finteractive\u002Fuser-account-avatar","3.components\u002Finteractive\u002Fuser-account-avatar",{"title":877,"path":878,"stem":879},"Vector Editor Toolbar","\u002Fcomponents\u002Finteractive\u002Fvector-editor-toolbar","3.components\u002Finteractive\u002Fvector-editor-toolbar",{"title":881,"path":882,"stem":883},"Video Modal","\u002Fcomponents\u002Finteractive\u002Fvideo-modal","3.components\u002Finteractive\u002Fvideo-modal",{"title":885,"path":886,"stem":887},"Zoomable Image","\u002Fcomponents\u002Finteractive\u002Fzoomable-image","3.components\u002Finteractive\u002Fzoomable-image",{"title":889,"icon":890,"path":891,"stem":892,"children":893,"page":61},"Layout","i-lucide-layout-grid","\u002Fcomponents\u002Flayout","3.components\u002Flayout",[894,898,902,906,910,914],{"title":895,"path":896,"stem":897},"Android","\u002Fcomponents\u002Flayout\u002Fandroid","3.components\u002Flayout\u002Fandroid",{"title":899,"path":900,"stem":901},"Animated Group","\u002Fcomponents\u002Flayout\u002Fanimated-group","3.components\u002Flayout\u002Fanimated-group",{"title":903,"path":904,"stem":905},"Breakpoint Indicator","\u002Fcomponents\u002Flayout\u002Fbreakpoint-indicator","3.components\u002Flayout\u002Fbreakpoint-indicator",{"title":907,"path":908,"stem":909},"Collision","\u002Fcomponents\u002Flayout\u002Fcollision","3.components\u002Flayout\u002Fcollision",{"title":911,"path":912,"stem":913},"iPhone 15 Pro","\u002Fcomponents\u002Flayout\u002Fiphone-15-pro","3.components\u002Flayout\u002Fiphone-15-pro",{"title":915,"path":916,"stem":917},"Safari","\u002Fcomponents\u002Flayout\u002Fsafari","3.components\u002Flayout\u002Fsafari",{"title":919,"icon":920,"path":921,"stem":922,"children":923,"page":61},"Loaders & Progress","i-lucide-loader-circle","\u002Fcomponents\u002Floaders","3.components\u002Floaders",[924,928,932,936,940,944],{"title":925,"path":926,"stem":927},"AI Loader","\u002Fcomponents\u002Floaders\u002Fai-loader","3.components\u002Floaders\u002Fai-loader",{"title":929,"path":930,"stem":931},"Circular Progress","\u002Fcomponents\u002Floaders\u002Fcircular-progress","3.components\u002Floaders\u002Fcircular-progress",{"title":933,"path":934,"stem":935},"Content Skeleton","\u002Fcomponents\u002Floaders\u002Fcontent-skeleton","3.components\u002Floaders\u002Fcontent-skeleton",{"title":937,"path":938,"stem":939},"Grid Loader","\u002Fcomponents\u002Floaders\u002Fgrid-loader","3.components\u002Floaders\u002Fgrid-loader",{"title":941,"path":942,"stem":943},"Motion Loader","\u002Fcomponents\u002Floaders\u002Fmotion-loader","3.components\u002Floaders\u002Fmotion-loader",{"title":945,"path":946,"stem":947},"Page Preloader","\u002Fcomponents\u002Floaders\u002Fpage-preloader","3.components\u002Floaders\u002Fpage-preloader",{"title":949,"icon":950,"path":951,"stem":952,"children":953,"page":61},"Interaction & Movement","i-lucide-move","\u002Fcomponents\u002Fmovement","3.components\u002Fmovement",[954,958,962,966,970,974,978],{"title":955,"path":956,"stem":957},"Cursor","\u002Fcomponents\u002Fmovement\u002Fcursor","3.components\u002Fmovement\u002Fcursor",{"title":959,"path":960,"stem":961},"Cursor Follow","\u002Fcomponents\u002Fmovement\u002Fcursor-follow","3.components\u002Fmovement\u002Fcursor-follow",{"title":963,"path":964,"stem":965},"Cursor Image Trail","\u002Fcomponents\u002Fmovement\u002Fcursor-image-trail","3.components\u002Fmovement\u002Fcursor-image-trail",{"title":967,"path":968,"stem":969},"Force Dot","\u002Fcomponents\u002Fmovement\u002Fforce-dot","3.components\u002Fmovement\u002Fforce-dot",{"title":971,"path":972,"stem":973},"Magnetic","\u002Fcomponents\u002Fmovement\u002Fmagnetic","3.components\u002Fmovement\u002Fmagnetic",{"title":975,"path":976,"stem":977},"Magnetic Field","\u002Fcomponents\u002Fmovement\u002Fmagnetic-field","3.components\u002Fmovement\u002Fmagnetic-field",{"title":979,"path":980,"stem":981},"Tilt","\u002Fcomponents\u002Fmovement\u002Ftilt","3.components\u002Fmovement\u002Ftilt",{"title":983,"icon":984,"path":985,"stem":986,"children":987,"page":61},"Navigation & Toolbars","i-lucide-menu","\u002Fcomponents\u002Fnavigation","3.components\u002Fnavigation",[988,992,996,1000,1004,1008,1012],{"title":989,"path":990,"stem":991},"Breadcrumb","\u002Fcomponents\u002Fnavigation\u002Fbreadcrumb","3.components\u002Fnavigation\u002Fbreadcrumb",{"title":993,"path":994,"stem":995},"Expandable Navbar","\u002Fcomponents\u002Fnavigation\u002Fexpandable-navbar","3.components\u002Fnavigation\u002Fexpandable-navbar",{"title":997,"path":998,"stem":999},"File Tree","\u002Fcomponents\u002Fnavigation\u002Ffile-tree","3.components\u002Fnavigation\u002Ffile-tree",{"title":1001,"path":1002,"stem":1003},"Floating Navbar","\u002Fcomponents\u002Fnavigation\u002Ffloating-navbar","3.components\u002Fnavigation\u002Ffloating-navbar",{"title":1005,"path":1006,"stem":1007},"Pagination","\u002Fcomponents\u002Fnavigation\u002Fpagination","3.components\u002Fnavigation\u002Fpagination",{"title":1009,"path":1010,"stem":1011},"Toolbar adaptive","\u002Fcomponents\u002Fnavigation\u002Ftoolbar-dynamic","3.components\u002Fnavigation\u002Ftoolbar-dynamic",{"title":1013,"path":1014,"stem":1015},"Toolbar collapsible","\u002Fcomponents\u002Fnavigation\u002Ftoolbar-expandable","3.components\u002Fnavigation\u002Ftoolbar-expandable",{"title":1017,"icon":1018,"path":1019,"stem":1020,"children":1021,"page":61},"Scroll & Viewport","i-lucide-scroll-text","\u002Fcomponents\u002Fscroll","3.components\u002Fscroll",[1022,1026,1030,1034,1038,1042,1046,1050],{"title":1023,"path":1024,"stem":1025},"In View","\u002Fcomponents\u002Fscroll\u002Fin-view","3.components\u002Fscroll\u002Fin-view",{"title":1027,"path":1028,"stem":1029},"Infinite Slider","\u002Fcomponents\u002Fscroll\u002Finfinite-slider","3.components\u002Fscroll\u002Finfinite-slider",{"title":1031,"path":1032,"stem":1033},"Kinetic Type Scroll","\u002Fcomponents\u002Fscroll\u002Fkinetic-type-scroll","3.components\u002Fscroll\u002Fkinetic-type-scroll",{"title":1035,"path":1036,"stem":1037},"Marquee","\u002Fcomponents\u002Fscroll\u002Fmarquee","3.components\u002Fscroll\u002Fmarquee",{"title":1039,"path":1040,"stem":1041},"Scroll Image Reveal","\u002Fcomponents\u002Fscroll\u002Fscroll-image-reveal","3.components\u002Fscroll\u002Fscroll-image-reveal",{"title":1043,"path":1044,"stem":1045},"Scroll Progress","\u002Fcomponents\u002Fscroll\u002Fscroll-progress","3.components\u002Fscroll\u002Fscroll-progress",{"title":1047,"path":1048,"stem":1049},"Scroll Velocity","\u002Fcomponents\u002Fscroll\u002Fscroll-velocity","3.components\u002Fscroll\u002Fscroll-velocity",{"title":1051,"path":1052,"stem":1053},"Svg Draw On Scroll","\u002Fcomponents\u002Fscroll\u002Fsvg-draw-on-scroll","3.components\u002Fscroll\u002Fsvg-draw-on-scroll",{"title":1055,"icon":1056,"path":1057,"stem":1058,"children":1059,"page":61},"Text & Numbers","i-lucide-type","\u002Fcomponents\u002Ftext","3.components\u002Ftext",[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,1268,1272,1276,1280],{"title":1061,"path":1062,"stem":1063},"Animated Avatar Group","\u002Fcomponents\u002Ftext\u002Fanimated-avatar-group","3.components\u002Ftext\u002Fanimated-avatar-group",{"title":1065,"path":1066,"stem":1067},"Animated List","\u002Fcomponents\u002Ftext\u002Fanimated-list","3.components\u002Ftext\u002Fanimated-list",{"title":1069,"path":1070,"stem":1071},"Animated Number","\u002Fcomponents\u002Ftext\u002Fanimated-number","3.components\u002Ftext\u002Fanimated-number",{"title":1073,"path":1074,"stem":1075},"Blur Out Up","\u002Fcomponents\u002Ftext\u002Fblur-out-up","3.components\u002Ftext\u002Fblur-out-up",{"title":1077,"path":1078,"stem":1079},"Bottom Up Letters","\u002Fcomponents\u002Ftext\u002Fbottom-up-letters","3.components\u002Ftext\u002Fbottom-up-letters",{"title":1081,"path":1082,"stem":1083},"Comic Text","\u002Fcomponents\u002Ftext\u002Fcomic-text","3.components\u002Ftext\u002Fcomic-text",{"title":1085,"path":1086,"stem":1087},"Counting Number","\u002Fcomponents\u002Ftext\u002Fcounting-number","3.components\u002Ftext\u002Fcounting-number",{"title":1089,"path":1090,"stem":1091},"Depth Parallax Words","\u002Fcomponents\u002Ftext\u002Fdepth-parallax-words","3.components\u002Ftext\u002Fdepth-parallax-words",{"title":1093,"path":1094,"stem":1095},"Fade Through","\u002Fcomponents\u002Ftext\u002Ffade-through","3.components\u002Ftext\u002Ffade-through",{"title":1097,"path":1098,"stem":1099},"Focus Blur Resolve","\u002Fcomponents\u002Ftext\u002Ffocus-blur-resolve","3.components\u002Ftext\u002Ffocus-blur-resolve",{"title":1101,"path":1102,"stem":1103},"Gravity Letters","\u002Fcomponents\u002Ftext\u002Fgravity-letters","3.components\u002Ftext\u002Fgravity-letters",{"title":1105,"path":1106,"stem":1107},"Kinetic Center Build","\u002Fcomponents\u002Ftext\u002Fkinetic-center-build","3.components\u002Ftext\u002Fkinetic-center-build",{"title":1109,"path":1110,"stem":1111},"Line By Line Slide","\u002Fcomponents\u002Ftext\u002Fline-by-line-slide","3.components\u002Ftext\u002Fline-by-line-slide",{"title":1113,"path":1114,"stem":1115},"Line Shadow Text","\u002Fcomponents\u002Ftext\u002Fline-shadow-text","3.components\u002Ftext\u002Fline-shadow-text",{"title":1117,"path":1118,"stem":1119},"Mask Reveal Up","\u002Fcomponents\u002Ftext\u002Fmask-reveal-up","3.components\u002Ftext\u002Fmask-reveal-up",{"title":1121,"path":1122,"stem":1123},"Micro Scale Fade","\u002Fcomponents\u002Ftext\u002Fmicro-scale-fade","3.components\u002Ftext\u002Fmicro-scale-fade",{"title":1125,"path":1126,"stem":1127},"Number Flow","\u002Fcomponents\u002Ftext\u002Fnumber-flow","3.components\u002Ftext\u002Fnumber-flow",{"title":1129,"path":1130,"stem":1131},"Per Character Rise","\u002Fcomponents\u002Ftext\u002Fper-character-rise","3.components\u002Ftext\u002Fper-character-rise",{"title":1133,"path":1134,"stem":1135},"Per Word Crossfade","\u002Fcomponents\u002Ftext\u002Fper-word-crossfade","3.components\u002Ftext\u002Fper-word-crossfade",{"title":1137,"path":1138,"stem":1139},"Perspective Text 3D","\u002Fcomponents\u002Ftext\u002Fperspective-text-3d","3.components\u002Ftext\u002Fperspective-text-3d",{"title":1141,"path":1142,"stem":1143},"Ransom Note","\u002Fcomponents\u002Ftext\u002Fransom-note","3.components\u002Ftext\u002Fransom-note",{"title":1145,"path":1146,"stem":1147},"Rolling Text","\u002Fcomponents\u002Ftext\u002Frolling-text","3.components\u002Ftext\u002Frolling-text",{"title":1149,"path":1150,"stem":1151},"Scale Down Fade","\u002Fcomponents\u002Ftext\u002Fscale-down-fade","3.components\u002Ftext\u002Fscale-down-fade",{"title":1153,"path":1154,"stem":1155},"Scroll Reveal Paragraph","\u002Fcomponents\u002Ftext\u002Fscroll-reveal-paragraph","3.components\u002Ftext\u002Fscroll-reveal-paragraph",{"title":1157,"path":1158,"stem":1159},"Shared Axis","\u002Fcomponents\u002Ftext\u002Fshared-axis","3.components\u002Ftext\u002Fshared-axis",{"title":1161,"path":1162,"stem":1163},"Shimmer Sweep","\u002Fcomponents\u002Ftext\u002Fshimmer-sweep","3.components\u002Ftext\u002Fshimmer-sweep",{"title":1165,"path":1166,"stem":1167},"Shine Text","\u002Fcomponents\u002Ftext\u002Fshine-text","3.components\u002Ftext\u002Fshine-text",{"title":1169,"path":1170,"stem":1171},"Short Lower in","\u002Fcomponents\u002Ftext\u002Fshort-slide-down","3.components\u002Ftext\u002Fshort-slide-down",{"title":1173,"path":1174,"stem":1175},"Short Slide Right","\u002Fcomponents\u002Ftext\u002Fshort-slide-right","3.components\u002Ftext\u002Fshort-slide-right",{"title":1177,"path":1178,"stem":1179},"Sliding Number","\u002Fcomponents\u002Ftext\u002Fsliding-number","3.components\u002Ftext\u002Fsliding-number",{"title":1181,"path":1182,"stem":1183},"Soft Blur In","\u002Fcomponents\u002Ftext\u002Fsoft-blur-in","3.components\u002Ftext\u002Fsoft-blur-in",{"title":1185,"path":1186,"stem":1187},"Sparkles Text","\u002Fcomponents\u002Ftext\u002Fsparkles-text","3.components\u002Ftext\u002Fsparkles-text",{"title":1189,"path":1190,"stem":1191},"Spinning Text","\u002Fcomponents\u002Ftext\u002Fspinning-text","3.components\u002Ftext\u002Fspinning-text",{"title":1193,"path":1194,"stem":1195},"Spring Scale In","\u002Fcomponents\u002Ftext\u002Fspring-scale-in","3.components\u002Ftext\u002Fspring-scale-in",{"title":1197,"path":1198,"stem":1199},"Stagger From Center","\u002Fcomponents\u002Ftext\u002Fstagger-from-center","3.components\u002Ftext\u002Fstagger-from-center",{"title":1201,"path":1202,"stem":1203},"Stagger From Edges","\u002Fcomponents\u002Ftext\u002Fstagger-from-edges","3.components\u002Ftext\u002Fstagger-from-edges",{"title":1205,"path":1206,"stem":1207},"Text Animate","\u002Fcomponents\u002Ftext\u002Ftext-animate","3.components\u002Ftext\u002Ftext-animate",{"title":1209,"path":1210,"stem":1211},"Text motion","\u002Fcomponents\u002Ftext\u002Ftext-effect","3.components\u002Ftext\u002Ftext-effect",{"title":1213,"path":1214,"stem":1215},"Text Glitch","\u002Fcomponents\u002Ftext\u002Ftext-glitch","3.components\u002Ftext\u002Ftext-glitch",{"title":1217,"path":1218,"stem":1219},"Text Glitch New","\u002Fcomponents\u002Ftext\u002Ftext-glitch-new","3.components\u002Ftext\u002Ftext-glitch-new",{"title":1221,"path":1222,"stem":1223},"Text Gradient","\u002Fcomponents\u002Ftext\u002Ftext-gradient","3.components\u002Ftext\u002Ftext-gradient",{"title":1225,"path":1226,"stem":1227},"Text Highlighter","\u002Fcomponents\u002Ftext\u002Ftext-highlighter","3.components\u002Ftext\u002Ftext-highlighter",{"title":1229,"path":1230,"stem":1231},"Text Loop","\u002Fcomponents\u002Ftext\u002Ftext-loop","3.components\u002Ftext\u002Ftext-loop",{"title":1233,"path":1234,"stem":1235},"Text Morph","\u002Fcomponents\u002Ftext\u002Ftext-morph","3.components\u002Ftext\u002Ftext-morph",{"title":1237,"path":1238,"stem":1239},"Text Reveal","\u002Fcomponents\u002Ftext\u002Ftext-reveal","3.components\u002Ftext\u002Ftext-reveal",{"title":1241,"path":1242,"stem":1243},"Text Roll","\u002Fcomponents\u002Ftext\u002Ftext-roll","3.components\u002Ftext\u002Ftext-roll",{"title":1245,"path":1246,"stem":1247},"Text Scramble","\u002Fcomponents\u002Ftext\u002Ftext-scramble","3.components\u002Ftext\u002Ftext-scramble",{"title":1249,"path":1250,"stem":1251},"Text Shimmer","\u002Fcomponents\u002Ftext\u002Ftext-shimmer","3.components\u002Ftext\u002Ftext-shimmer",{"title":1253,"path":1254,"stem":1255},"Text Shimmer Wave","\u002Fcomponents\u002Ftext\u002Ftext-shimmer-wave","3.components\u002Ftext\u002Ftext-shimmer-wave",{"title":1257,"path":1258,"stem":1259},"Top Down Letters","\u002Fcomponents\u002Ftext\u002Ftop-down-letters","3.components\u002Ftext\u002Ftop-down-letters",{"title":1261,"path":1262,"stem":1263},"True Focus","\u002Fcomponents\u002Ftext\u002Ftrue-focus","3.components\u002Ftext\u002Ftrue-focus",{"title":1265,"path":1266,"stem":1267},"Typing Text","\u002Fcomponents\u002Ftext\u002Ftyping-text","3.components\u002Ftext\u002Ftyping-text",{"title":1269,"path":1270,"stem":1271},"Variable Proximity","\u002Fcomponents\u002Ftext\u002Fvariable-proximity","3.components\u002Ftext\u002Fvariable-proximity",{"title":1273,"path":1274,"stem":1275},"Video Text","\u002Fcomponents\u002Ftext\u002Fvideo-text","3.components\u002Ftext\u002Fvideo-text",{"title":1277,"path":1278,"stem":1279},"Wave Text","\u002Fcomponents\u002Ftext\u002Fwave-text","3.components\u002Ftext\u002Fwave-text",{"title":1281,"path":1282,"stem":1283},"Word Rotate","\u002Fcomponents\u002Ftext\u002Fword-rotate","3.components\u002Ftext\u002Fword-rotate",{"title":1285,"icon":1286,"path":1287,"stem":1288,"children":1289,"page":61},"Transitions","i-lucide-git-compare","\u002Fcomponents\u002Ftransitions","3.components\u002Ftransitions",[1290,1294,1298,1302,1306,1310],{"title":1291,"path":1292,"stem":1293},"Aperture Blur Transition","\u002Fcomponents\u002Ftransitions\u002Faperture-blur-transition","3.components\u002Ftransitions\u002Faperture-blur-transition",{"title":1295,"path":1296,"stem":1297},"Chroma Blur Transition","\u002Fcomponents\u002Ftransitions\u002Fchroma-blur-transition","3.components\u002Ftransitions\u002Fchroma-blur-transition",{"title":1299,"path":1300,"stem":1301},"Prism Sweep Transition","\u002Fcomponents\u002Ftransitions\u002Fprism-sweep-transition","3.components\u002Ftransitions\u002Fprism-sweep-transition",{"title":1303,"path":1304,"stem":1305},"SDF Blob Transition","\u002Fcomponents\u002Ftransitions\u002Fsdf-blob-transition","3.components\u002Ftransitions\u002Fsdf-blob-transition",{"title":1307,"path":1308,"stem":1309},"Shader Reveal Transition","\u002Fcomponents\u002Ftransitions\u002Fshader-reveal-transition","3.components\u002Ftransitions\u002Fshader-reveal-transition",{"title":1311,"path":1312,"stem":1313},"Transition Panel","\u002Fcomponents\u002Ftransitions\u002Ftransition-panel","3.components\u002Ftransitions\u002Ftransition-panel",{"title":1315,"path":1316,"stem":1317,"children":1318,"icon":1336},"Composables","\u002Fcomposables","4.composables\u002Findex",[1319,1320,1324,1328,1332],{"title":1315,"path":1316,"stem":1317},{"title":1321,"path":1322,"stem":1323},"useCanvasCursor","\u002Fcomposables\u002Fuse-canvas-cursor","4.composables\u002Fuse-canvas-cursor",{"title":1325,"path":1326,"stem":1327},"useFluidCursor","\u002Fcomposables\u002Fuse-fluid-cursor","4.composables\u002Fuse-fluid-cursor",{"title":1329,"path":1330,"stem":1331},"useMotionBlockUI","\u002Fcomposables\u002Fuse-motion-block-ui","4.composables\u002Fuse-motion-block-ui",{"title":1333,"path":1334,"stem":1335},"useThemeColor","\u002Fcomposables\u002Fuse-theme-color","4.composables\u002Fuse-theme-color","i-lucide-puzzle",{"title":1338,"path":1339,"stem":1340,"children":1341,"icon":1343},"Guides","\u002Fguides","5.guides\u002Findex",[1342],{"title":1338,"path":1339,"stem":1340},"i-lucide-book-open",{"title":1345,"icon":1346,"path":1347,"stem":1348,"children":1349},"Blocks","i-lucide-blocks","\u002Fblocks","6.blocks",[1350,1352,1365,1374,1387,1400,1416,1429,1438,1447,1460,1469,1482,1491],{"title":1345,"path":1347,"stem":1351},"6.blocks\u002Findex",{"title":1353,"path":1354,"stem":1355,"children":1356,"page":61},"Blog","\u002Fblocks\u002Fblog","6.blocks\u002Fblog",[1357,1361],{"title":1358,"path":1359,"stem":1360},"Article Page","\u002Fblocks\u002Fblog\u002Farticle-page","6.blocks\u002Fblog\u002Farticle-page",{"title":1362,"path":1363,"stem":1364},"Blog Listing","\u002Fblocks\u002Fblog\u002Fblog-listing","6.blocks\u002Fblog\u002Fblog-listing",{"title":1366,"path":1367,"stem":1368,"children":1369,"page":61},"Cta","\u002Fblocks\u002Fcta","6.blocks\u002Fcta",[1370],{"title":1371,"path":1372,"stem":1373},"Centered CTA","\u002Fblocks\u002Fcta\u002Fcentered-cta","6.blocks\u002Fcta\u002Fcentered-cta",{"title":1375,"path":1376,"stem":1377,"children":1378,"page":61},"Dashboard Components","\u002Fblocks\u002Fdashboard-components","6.blocks\u002Fdashboard-components",[1379,1383],{"title":1380,"path":1381,"stem":1382},"Analytics Dashboard","\u002Fblocks\u002Fdashboard-components\u002Fanalytics-dashboard","6.blocks\u002Fdashboard-components\u002Fanalytics-dashboard",{"title":1384,"path":1385,"stem":1386},"User Management Table","\u002Fblocks\u002Fdashboard-components\u002Fuser-management","6.blocks\u002Fdashboard-components\u002Fuser-management",{"title":1388,"path":1389,"stem":1390,"children":1391,"page":61},"E Commerce","\u002Fblocks\u002Fe-commerce","6.blocks\u002Fe-commerce",[1392,1396],{"title":1393,"path":1394,"stem":1395},"Product Grid","\u002Fblocks\u002Fe-commerce\u002Fproduct-grid","6.blocks\u002Fe-commerce\u002Fproduct-grid",{"title":1397,"path":1398,"stem":1399},"Shopping Cart","\u002Fblocks\u002Fe-commerce\u002Fshopping-cart","6.blocks\u002Fe-commerce\u002Fshopping-cart",{"title":1401,"path":1402,"stem":1403,"children":1404,"page":61},"Featured Components","\u002Fblocks\u002Ffeatured-components","6.blocks\u002Ffeatured-components",[1405,1409,1412],{"title":1406,"path":1407,"stem":1408},"Animated Gradient","\u002Fblocks\u002Ffeatured-components\u002Fanimated-gradient","6.blocks\u002Ffeatured-components\u002Fanimated-gradient",{"title":167,"path":1410,"stem":1411},"\u002Fblocks\u002Ffeatured-components\u002Fanimated-spotlight","6.blocks\u002Ffeatured-components\u002Fanimated-spotlight",{"title":1413,"path":1414,"stem":1415},"Ripple Effect","\u002Fblocks\u002Ffeatured-components\u002Fripple-effect","6.blocks\u002Ffeatured-components\u002Fripple-effect",{"title":1417,"path":1418,"stem":1419,"children":1420,"page":61},"Features","\u002Fblocks\u002Ffeatures","6.blocks\u002Ffeatures",[1421,1425],{"title":1422,"path":1423,"stem":1424},"Feature Grid","\u002Fblocks\u002Ffeatures\u002Ffeature-grid","6.blocks\u002Ffeatures\u002Ffeature-grid",{"title":1426,"path":1427,"stem":1428},"Glare Card Features","\u002Fblocks\u002Ffeatures\u002Fglare-card-features","6.blocks\u002Ffeatures\u002Fglare-card-features",{"title":1430,"path":1431,"stem":1432,"children":1433,"page":61},"Footers","\u002Fblocks\u002Ffooters","6.blocks\u002Ffooters",[1434],{"title":1435,"path":1436,"stem":1437},"Multi-column Footer","\u002Fblocks\u002Ffooters\u002Fmulti-column-footer","6.blocks\u002Ffooters\u002Fmulti-column-footer",{"title":1439,"path":1440,"stem":1441,"children":1442,"page":61},"Hero Sections","\u002Fblocks\u002Fhero-sections","6.blocks\u002Fhero-sections",[1443],{"title":1444,"path":1445,"stem":1446},"Gradient Hero","\u002Fblocks\u002Fhero-sections\u002Fgradient-hero","6.blocks\u002Fhero-sections\u002Fgradient-hero",{"title":1448,"path":1449,"stem":1450,"children":1451,"page":61},"Landing Page","\u002Fblocks\u002Flanding-page","6.blocks\u002Flanding-page",[1452,1456],{"title":1453,"path":1454,"stem":1455},"Feature Showcase","\u002Fblocks\u002Flanding-page\u002Ffeature-showcase","6.blocks\u002Flanding-page\u002Ffeature-showcase",{"title":1457,"path":1458,"stem":1459},"Testimonial Carousel","\u002Fblocks\u002Flanding-page\u002Ftestimonial-carousel","6.blocks\u002Flanding-page\u002Ftestimonial-carousel",{"title":1461,"path":1462,"stem":1463,"children":1464,"page":61},"Navigation","\u002Fblocks\u002Fnavigation","6.blocks\u002Fnavigation",[1465],{"title":1466,"path":1467,"stem":1468},"Modern Navbar","\u002Fblocks\u002Fnavigation\u002Fmodern-navbar","6.blocks\u002Fnavigation\u002Fmodern-navbar",{"title":1470,"path":1471,"stem":1472,"children":1473,"page":61},"Portfolio","\u002Fblocks\u002Fportfolio","6.blocks\u002Fportfolio",[1474,1478],{"title":1475,"path":1476,"stem":1477},"Case Study","\u002Fblocks\u002Fportfolio\u002Fcase-study","6.blocks\u002Fportfolio\u002Fcase-study",{"title":1479,"path":1480,"stem":1481},"Project Gallery","\u002Fblocks\u002Fportfolio\u002Fproject-gallery","6.blocks\u002Fportfolio\u002Fproject-gallery",{"title":1483,"path":1484,"stem":1485,"children":1486,"page":61},"Pricing","\u002Fblocks\u002Fpricing","6.blocks\u002Fpricing",[1487],{"title":1488,"path":1489,"stem":1490},"Pricing Cards","\u002Fblocks\u002Fpricing\u002Fpricing-cards","6.blocks\u002Fpricing\u002Fpricing-cards",{"title":1492,"path":1493,"stem":1494,"children":1495,"page":61},"Testimonials","\u002Fblocks\u002Ftestimonials","6.blocks\u002Ftestimonials",[1496],{"title":1457,"path":1497,"stem":1498},"\u002Fblocks\u002Ftestimonials\u002Ftestimonial-carousel","6.blocks\u002Ftestimonials\u002Ftestimonial-carousel",{"title":1500,"icon":1501,"path":1502,"stem":1503,"children":1504},"Templates","i-lucide-layout-template","\u002Ftemplates","7.templates",[1505,1507,1511,1515,1519],{"title":1500,"path":1502,"stem":1506},"7.templates\u002Findex",{"title":1508,"path":1509,"stem":1510},"Basic Landing Page","\u002Ftemplates\u002Fbasic-landing-page","7.templates\u002F2.basic-landing-page",{"title":1512,"path":1513,"stem":1514},"SaaS Landing Page","\u002Ftemplates\u002Fsaas-landing-page","7.templates\u002F3.saas-landing-page",{"title":1516,"path":1517,"stem":1518},"E-commerce Landing Page","\u002Ftemplates\u002Fecommerce-landing-page","7.templates\u002F4.ecommerce-landing-page",{"title":1520,"path":1521,"stem":1522},"Creative Agency Landing Page","\u002Ftemplates\u002Fcreative-agency-landing-page","7.templates\u002F5.creative-agency-landing-page",{"title":1524,"path":1525,"stem":1526,"children":1527,"icon":1529},"API Reference","\u002Fapi-reference","8.api-reference\u002Findex",[1528],{"title":1524,"path":1525,"stem":1526},"i-lucide-braces",{"id":1531,"title":753,"body":1532,"description":6597,"extension":6598,"links":6599,"meta":6600,"navigation":2017,"path":754,"seo":6601,"stem":755,"__hash__":6602},"docs\u002F3.components\u002Finteractive\u002Fdrag-and-drop.md",{"type":1533,"value":1534,"toc":6584},"minimark",[1535,1548,1559,1562,1577,1581,1608,2464,2468,2482,2486,2495,2563,2619,2646,2649,4176,4179,4193,4880,4884,4905,6172,6176,6291,6295,6333,6337,6352,6356,6372,6378,6433,6437,6453,6459,6468,6485,6489,6556,6580],[1536,1537,1538,1539,1543,1544,1547],"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 ",[1540,1541,1542],"code",{},"move"," and\n",[1540,1545,1546],{},"copy"," modes, where three drop zones appear below the container.",[1536,1549,1550,1551,1554,1555,1558],{},"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 ",[1540,1552,1553],{},"change"," event, so the\nsource of truth stays yours. If you do not write it back, the container resets on\nthe next ",[1540,1556,1557],{},"items"," change — which is why the example writes it straight back.",[1536,1560,1561],{},"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.",[1536,1563,1564,1565,1568,1569,1572,1573,1576],{},"The default slot replaces each item's whole appearance. Without a slot you get a\nplain bordered card showing ",[1540,1566,1567],{},"label",", ",[1540,1570,1571],{},"name"," or ",[1540,1574,1575],{},"id",".",[1578,1579,16],"h2",{"id":1580},"usage",[1536,1582,1583,1584,1586,1587,1589,1590,1592,1593,1596,1597,1568,1600,1603,1604,1607],{},"Pass ",[1540,1585,1557],{}," — objects with an ",[1540,1588,1575],{},", plus anything else your slot needs — and\nhandle ",[1540,1591,1553],{}," to adopt the new order. ",[1540,1594,1595],{},"layout"," picks the arrangement; with\n",[1540,1598,1599],{},"grid",[1540,1601,1602],{},"columns"," and ",[1540,1605,1606],{},"gap"," shape it.",[1609,1610,1612,1625],"code-preview",{"label":1611},"Preview",[1613,1614,1620,1621],"div",{"className":1615},[1616,1617,1618,1619],"flex","justify-center","w-full","h-full","  ",[1622,1623],"component-example",{"name":1624},"drag-and-drop-basic",[1626,1627,1629],"template",{"v-slot:code":1628},"",[1630,1631,1635],"pre",{"className":1632,"code":1633,"language":1634,"meta":1628,"style":1628},"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",[1540,1636,1637,1652,1678,1687,1705,1720,1735,1752,1758,1795,1804,1819,1834,1840,1849,1864,1879,1885,1905,1911,1921,1929,1944,1959,1965,1971,1981,1991,2001,2012,2019,2039,2045,2051,2060,2070,2080,2085,2110,2128,2180,2224,2268,2312,2356,2362,2367,2424,2449,2455],{"__ignoreMap":1628},[1638,1639,1642,1646,1649],"span",{"class":1640,"line":1641},"line",1,[1638,1643,1645],{"class":1644},"sMK4o","\u003C",[1638,1647,1626],{"class":1648},"swJcz",[1638,1650,1651],{"class":1644},">\n",[1638,1653,1655,1658,1660,1664,1667,1670,1674,1676],{"class":1640,"line":1654},2,[1638,1656,1657],{"class":1644},"  \u003C",[1638,1659,1613],{"class":1648},[1638,1661,1663],{"class":1662},"spNyl"," class",[1638,1665,1666],{"class":1644},"=",[1638,1668,1669],{"class":1644},"\"",[1638,1671,1673],{"class":1672},"sfazB","flex w-full max-w-md flex-col gap-4",[1638,1675,1669],{"class":1644},[1638,1677,1651],{"class":1644},[1638,1679,1681,1684],{"class":1640,"line":1680},3,[1638,1682,1683],{"class":1644},"    \u003C",[1638,1685,1686],{"class":1648},"MDragAndDrop\n",[1638,1688,1690,1693,1695,1697,1699,1702],{"class":1640,"line":1689},4,[1638,1691,1692],{"class":1644},"      :",[1638,1694,1557],{"class":1662},[1638,1696,1666],{"class":1644},[1638,1698,1669],{"class":1644},[1638,1700,1557],{"class":1701},"sTEyZ",[1638,1703,1704],{"class":1644},"\"\n",[1638,1706,1708,1711,1713,1715,1718],{"class":1640,"line":1707},5,[1638,1709,1710],{"class":1662},"      item-class",[1638,1712,1666],{"class":1644},[1638,1714,1669],{"class":1644},[1638,1716,1717],{"class":1672},"cursor-grab",[1638,1719,1704],{"class":1644},[1638,1721,1723,1726,1728,1730,1733],{"class":1640,"line":1722},6,[1638,1724,1725],{"class":1662},"      class",[1638,1727,1666],{"class":1644},[1638,1729,1669],{"class":1644},[1638,1731,1732],{"class":1672},"rounded-xl border border-dashed border-default p-3",[1638,1734,1704],{"class":1644},[1638,1736,1738,1741,1743,1745,1747,1750],{"class":1640,"line":1737},7,[1638,1739,1740],{"class":1644},"      @",[1638,1742,1553],{"class":1662},[1638,1744,1666],{"class":1644},[1638,1746,1669],{"class":1644},[1638,1748,1749],{"class":1701},"onChange",[1638,1751,1704],{"class":1644},[1638,1753,1755],{"class":1640,"line":1754},8,[1638,1756,1757],{"class":1644},"    >\n",[1638,1759,1761,1764,1766,1769,1772,1774,1776,1779,1782,1785,1788,1791,1793],{"class":1640,"line":1760},9,[1638,1762,1763],{"class":1644},"      \u003C",[1638,1765,1626],{"class":1648},[1638,1767,1768],{"class":1644}," #",[1638,1770,1771],{"class":1662},"default",[1638,1773,1666],{"class":1644},[1638,1775,1669],{"class":1644},[1638,1777,1778],{"class":1644},"{",[1638,1780,1781],{"class":1701}," item",[1638,1783,1784],{"class":1644},",",[1638,1786,1787],{"class":1701}," isDragging ",[1638,1789,1790],{"class":1644},"}",[1638,1792,1669],{"class":1644},[1638,1794,1651],{"class":1644},[1638,1796,1798,1801],{"class":1640,"line":1797},10,[1638,1799,1800],{"class":1644},"        \u003C",[1638,1802,1803],{"class":1648},"div\n",[1638,1805,1807,1810,1812,1814,1817],{"class":1640,"line":1806},11,[1638,1808,1809],{"class":1662},"          class",[1638,1811,1666],{"class":1644},[1638,1813,1669],{"class":1644},[1638,1815,1816],{"class":1672},"flex items-center gap-3 rounded-lg border border-default bg-default px-3 py-2.5",[1638,1818,1704],{"class":1644},[1638,1820,1822,1825,1827,1829,1832],{"class":1640,"line":1821},12,[1638,1823,1824],{"class":1662},"          :class",[1638,1826,1666],{"class":1644},[1638,1828,1669],{"class":1644},[1638,1830,1831],{"class":1672},"isDragging ? 'opacity-60' : ''",[1638,1833,1704],{"class":1644},[1638,1835,1837],{"class":1640,"line":1836},13,[1638,1838,1839],{"class":1644},"        >\n",[1638,1841,1843,1846],{"class":1640,"line":1842},14,[1638,1844,1845],{"class":1644},"          \u003C",[1638,1847,1848],{"class":1648},"UIcon\n",[1638,1850,1852,1855,1857,1859,1862],{"class":1640,"line":1851},15,[1638,1853,1854],{"class":1662},"            name",[1638,1856,1666],{"class":1644},[1638,1858,1669],{"class":1644},[1638,1860,1861],{"class":1672},"i-lucide-grip-vertical",[1638,1863,1704],{"class":1644},[1638,1865,1867,1870,1872,1874,1877],{"class":1640,"line":1866},16,[1638,1868,1869],{"class":1662},"            class",[1638,1871,1666],{"class":1644},[1638,1873,1669],{"class":1644},[1638,1875,1876],{"class":1672},"size-4 shrink-0 text-dimmed",[1638,1878,1704],{"class":1644},[1638,1880,1882],{"class":1640,"line":1881},17,[1638,1883,1884],{"class":1644},"          \u002F>\n",[1638,1886,1888,1890,1892,1894,1896,1898,1901,1903],{"class":1640,"line":1887},18,[1638,1889,1845],{"class":1644},[1638,1891,1638],{"class":1648},[1638,1893,1663],{"class":1662},[1638,1895,1666],{"class":1644},[1638,1897,1669],{"class":1644},[1638,1899,1900],{"class":1672},"flex-1 text-sm font-medium",[1638,1902,1669],{"class":1644},[1638,1904,1651],{"class":1644},[1638,1906,1908],{"class":1640,"line":1907},19,[1638,1909,1910],{"class":1701},"            {{ item.label }}\n",[1638,1912,1914,1917,1919],{"class":1640,"line":1913},20,[1638,1915,1916],{"class":1644},"          \u003C\u002F",[1638,1918,1638],{"class":1648},[1638,1920,1651],{"class":1644},[1638,1922,1924,1926],{"class":1640,"line":1923},21,[1638,1925,1845],{"class":1644},[1638,1927,1928],{"class":1648},"UBadge\n",[1638,1930,1932,1935,1937,1939,1942],{"class":1640,"line":1931},22,[1638,1933,1934],{"class":1662},"            size",[1638,1936,1666],{"class":1644},[1638,1938,1669],{"class":1644},[1638,1940,1941],{"class":1672},"sm",[1638,1943,1704],{"class":1644},[1638,1945,1947,1950,1952,1954,1957],{"class":1640,"line":1946},23,[1638,1948,1949],{"class":1662},"            variant",[1638,1951,1666],{"class":1644},[1638,1953,1669],{"class":1644},[1638,1955,1956],{"class":1672},"subtle",[1638,1958,1704],{"class":1644},[1638,1960,1962],{"class":1640,"line":1961},24,[1638,1963,1964],{"class":1644},"          >\n",[1638,1966,1968],{"class":1640,"line":1967},25,[1638,1969,1970],{"class":1701},"            {{ item.owner }}\n",[1638,1972,1974,1976,1979],{"class":1640,"line":1973},26,[1638,1975,1916],{"class":1644},[1638,1977,1978],{"class":1648},"UBadge",[1638,1980,1651],{"class":1644},[1638,1982,1984,1987,1989],{"class":1640,"line":1983},27,[1638,1985,1986],{"class":1644},"        \u003C\u002F",[1638,1988,1613],{"class":1648},[1638,1990,1651],{"class":1644},[1638,1992,1994,1997,1999],{"class":1640,"line":1993},28,[1638,1995,1996],{"class":1644},"      \u003C\u002F",[1638,1998,1626],{"class":1648},[1638,2000,1651],{"class":1644},[1638,2002,2004,2007,2010],{"class":1640,"line":2003},29,[1638,2005,2006],{"class":1644},"    \u003C\u002F",[1638,2008,2009],{"class":1648},"MDragAndDrop",[1638,2011,1651],{"class":1644},[1638,2013,2015],{"class":1640,"line":2014},30,[1638,2016,2018],{"emptyLinePlaceholder":2017},true,"\n",[1638,2020,2022,2024,2026,2028,2030,2032,2035,2037],{"class":1640,"line":2021},31,[1638,2023,1683],{"class":1644},[1638,2025,1536],{"class":1648},[1638,2027,1663],{"class":1662},[1638,2029,1666],{"class":1644},[1638,2031,1669],{"class":1644},[1638,2033,2034],{"class":1672},"text-xs text-muted",[1638,2036,1669],{"class":1644},[1638,2038,1651],{"class":1644},[1638,2040,2042],{"class":1640,"line":2041},32,[1638,2043,2044],{"class":1701},"      Drag a row onto another to reorder it — the new order is emitted, not applied\n",[1638,2046,2048],{"class":1640,"line":2047},33,[1638,2049,2050],{"class":1701},"      to your source array.\n",[1638,2052,2054,2056,2058],{"class":1640,"line":2053},34,[1638,2055,2006],{"class":1644},[1638,2057,1536],{"class":1648},[1638,2059,1651],{"class":1644},[1638,2061,2063,2066,2068],{"class":1640,"line":2062},35,[1638,2064,2065],{"class":1644},"  \u003C\u002F",[1638,2067,1613],{"class":1648},[1638,2069,1651],{"class":1644},[1638,2071,2073,2076,2078],{"class":1640,"line":2072},36,[1638,2074,2075],{"class":1644},"\u003C\u002F",[1638,2077,1626],{"class":1648},[1638,2079,1651],{"class":1644},[1638,2081,2083],{"class":1640,"line":2082},37,[1638,2084,2018],{"emptyLinePlaceholder":2017},[1638,2086,2088,2090,2093,2096,2099,2101,2103,2106,2108],{"class":1640,"line":2087},38,[1638,2089,1645],{"class":1644},[1638,2091,2092],{"class":1648},"script",[1638,2094,2095],{"class":1662}," setup",[1638,2097,2098],{"class":1662}," lang",[1638,2100,1666],{"class":1644},[1638,2102,1669],{"class":1644},[1638,2104,2105],{"class":1672},"ts",[1638,2107,1669],{"class":1644},[1638,2109,1651],{"class":1644},[1638,2111,2113,2116,2119,2121,2125],{"class":1640,"line":2112},39,[1638,2114,2115],{"class":1662},"const",[1638,2117,2118],{"class":1701}," items ",[1638,2120,1666],{"class":1644},[1638,2122,2124],{"class":2123},"s2Zo4"," ref",[1638,2126,2127],{"class":1701},"([\n",[1638,2129,2131,2134,2137,2140,2143,2146,2149,2151,2154,2156,2158,2161,2163,2165,2168,2170,2172,2175,2177],{"class":1640,"line":2130},40,[1638,2132,2133],{"class":1644},"  {",[1638,2135,2136],{"class":1648}," id",[1638,2138,2139],{"class":1644},":",[1638,2141,2142],{"class":1644}," '",[1638,2144,2145],{"class":1672},"design-tokens",[1638,2147,2148],{"class":1644},"'",[1638,2150,1784],{"class":1644},[1638,2152,2153],{"class":1648}," label",[1638,2155,2139],{"class":1644},[1638,2157,2142],{"class":1644},[1638,2159,2160],{"class":1672},"Style tokens",[1638,2162,2148],{"class":1644},[1638,2164,1784],{"class":1644},[1638,2166,2167],{"class":1648}," owner",[1638,2169,2139],{"class":1644},[1638,2171,2142],{"class":1644},[1638,2173,2174],{"class":1672},"Ana",[1638,2176,2148],{"class":1644},[1638,2178,2179],{"class":1644}," },\n",[1638,2181,2183,2185,2187,2189,2191,2194,2196,2198,2200,2202,2204,2207,2209,2211,2213,2215,2217,2220,2222],{"class":1640,"line":2182},41,[1638,2184,2133],{"class":1644},[1638,2186,2136],{"class":1648},[1638,2188,2139],{"class":1644},[1638,2190,2142],{"class":1644},[1638,2192,2193],{"class":1672},"component-audit",[1638,2195,2148],{"class":1644},[1638,2197,1784],{"class":1644},[1638,2199,2153],{"class":1648},[1638,2201,2139],{"class":1644},[1638,2203,2142],{"class":1644},[1638,2205,2206],{"class":1672},"Component audit",[1638,2208,2148],{"class":1644},[1638,2210,1784],{"class":1644},[1638,2212,2167],{"class":1648},[1638,2214,2139],{"class":1644},[1638,2216,2142],{"class":1644},[1638,2218,2219],{"class":1672},"Ben",[1638,2221,2148],{"class":1644},[1638,2223,2179],{"class":1644},[1638,2225,2227,2229,2231,2233,2235,2238,2240,2242,2244,2246,2248,2251,2253,2255,2257,2259,2261,2264,2266],{"class":1640,"line":2226},42,[1638,2228,2133],{"class":1644},[1638,2230,2136],{"class":1648},[1638,2232,2139],{"class":1644},[1638,2234,2142],{"class":1644},[1638,2236,2237],{"class":1672},"motion-guidelines",[1638,2239,2148],{"class":1644},[1638,2241,1784],{"class":1644},[1638,2243,2153],{"class":1648},[1638,2245,2139],{"class":1644},[1638,2247,2142],{"class":1644},[1638,2249,2250],{"class":1672},"Motion guidelines",[1638,2252,2148],{"class":1644},[1638,2254,1784],{"class":1644},[1638,2256,2167],{"class":1648},[1638,2258,2139],{"class":1644},[1638,2260,2142],{"class":1644},[1638,2262,2263],{"class":1672},"Chidi",[1638,2265,2148],{"class":1644},[1638,2267,2179],{"class":1644},[1638,2269,2271,2273,2275,2277,2279,2282,2284,2286,2288,2290,2292,2295,2297,2299,2301,2303,2305,2308,2310],{"class":1640,"line":2270},43,[1638,2272,2133],{"class":1644},[1638,2274,2136],{"class":1648},[1638,2276,2139],{"class":1644},[1638,2278,2142],{"class":1644},[1638,2280,2281],{"class":1672},"accessibility-pass",[1638,2283,2148],{"class":1644},[1638,2285,1784],{"class":1644},[1638,2287,2153],{"class":1648},[1638,2289,2139],{"class":1644},[1638,2291,2142],{"class":1644},[1638,2293,2294],{"class":1672},"Accessibility pass",[1638,2296,2148],{"class":1644},[1638,2298,1784],{"class":1644},[1638,2300,2167],{"class":1648},[1638,2302,2139],{"class":1644},[1638,2304,2142],{"class":1644},[1638,2306,2307],{"class":1672},"Dara",[1638,2309,2148],{"class":1644},[1638,2311,2179],{"class":1644},[1638,2313,2315,2317,2319,2321,2323,2326,2328,2330,2332,2334,2336,2339,2341,2343,2345,2347,2349,2352,2354],{"class":1640,"line":2314},44,[1638,2316,2133],{"class":1644},[1638,2318,2136],{"class":1648},[1638,2320,2139],{"class":1644},[1638,2322,2142],{"class":1644},[1638,2324,2325],{"class":1672},"docs-rewrite",[1638,2327,2148],{"class":1644},[1638,2329,1784],{"class":1644},[1638,2331,2153],{"class":1648},[1638,2333,2139],{"class":1644},[1638,2335,2142],{"class":1644},[1638,2337,2338],{"class":1672},"Docs rewrite",[1638,2340,2148],{"class":1644},[1638,2342,1784],{"class":1644},[1638,2344,2167],{"class":1648},[1638,2346,2139],{"class":1644},[1638,2348,2142],{"class":1644},[1638,2350,2351],{"class":1672},"Eli",[1638,2353,2148],{"class":1644},[1638,2355,2179],{"class":1644},[1638,2357,2359],{"class":1640,"line":2358},45,[1638,2360,2361],{"class":1701},"])\n",[1638,2363,2365],{"class":1640,"line":2364},46,[1638,2366,2018],{"emptyLinePlaceholder":2017},[1638,2368,2370,2373,2376,2379,2383,2385,2388,2390,2392,2396,2398,2400,2402,2404,2406,2408,2410,2412,2415,2418,2421],{"class":1640,"line":2369},47,[1638,2371,2372],{"class":1662},"function",[1638,2374,2375],{"class":2123}," onChange",[1638,2377,2378],{"class":1644},"(",[1638,2380,2382],{"class":2381},"sHdIc","next",[1638,2384,2139],{"class":1644},[1638,2386,2387],{"class":1644}," {",[1638,2389,2136],{"class":1648},[1638,2391,2139],{"class":1644},[1638,2393,2395],{"class":2394},"sBMFI"," string",[1638,2397,1784],{"class":1644},[1638,2399,2153],{"class":1648},[1638,2401,2139],{"class":1644},[1638,2403,2395],{"class":2394},[1638,2405,1784],{"class":1644},[1638,2407,2167],{"class":1648},[1638,2409,2139],{"class":1644},[1638,2411,2395],{"class":2394},[1638,2413,2414],{"class":1644}," }",[1638,2416,2417],{"class":1701},"[]",[1638,2419,2420],{"class":1644},")",[1638,2422,2423],{"class":1644}," {\n",[1638,2425,2427,2430,2432,2435,2438,2441,2444,2446],{"class":1640,"line":2426},48,[1638,2428,2429],{"class":1701},"  items",[1638,2431,1576],{"class":1644},[1638,2433,2434],{"class":1701},"value",[1638,2436,2437],{"class":1644}," =",[1638,2439,2440],{"class":1648}," [",[1638,2442,2443],{"class":1644},"...",[1638,2445,2382],{"class":1701},[1638,2447,2448],{"class":1648},"]\n",[1638,2450,2452],{"class":1640,"line":2451},49,[1638,2453,2454],{"class":1644},"}\n",[1638,2456,2458,2460,2462],{"class":1640,"line":2457},50,[1638,2459,2075],{"class":1644},[1638,2461,2092],{"class":1648},[1638,2463,1651],{"class":1644},[1578,2465,2467],{"id":2466},"customize","Customize",[1609,2469,2470,2476],{"label":1611},[1613,2471,1620,2473],{"className":2472},[1618],[1622,2474],{"name":2475},"drag-and-drop-custom",[1626,2477,2478],{"v-slot:code":1628},[2479,2480],"playground-code",{"name":2481},"DragAndDrop",[1578,2483,2485],{"id":2484},"modes-and-layouts","Modes and layouts",[1536,2487,2488,2491,2492,2494],{},[1540,2489,2490],{},"mode"," decides what a drop means; ",[1540,2493,1595],{}," decides how the items sit.",[2496,2497,2498,2514],"table",{},[2499,2500,2501],"thead",{},[2502,2503,2504,2508,2511],"tr",{},[2505,2506,2507],"th",{},"Mode",[2505,2509,2510],{},"Drop zones",[2505,2512,2513],{},"What dropping on another item does",[2515,2516,2517,2536,2548],"tbody",{},[2502,2518,2519,2530,2533],{},[2520,2521,2522,2525,2526],"td",{},[1540,2523,2524],{},"sort"," ",[2527,2528,2529],"em",{},"(default)",[2520,2531,2532],{},"none",[2520,2534,2535],{},"Reorders — the item lands in the gap above or below the row under the pointer, marked by an inline indicator.",[2502,2537,2538,2542,2545],{},[2520,2539,2540],{},[1540,2541,1542],{},[2520,2543,2544],{},"three",[2520,2546,2547],{},"Reorders as above, and dropping on a zone removes the item from the list.",[2502,2549,2550,2554,2556],{},[2520,2551,2552],{},[1540,2553,1546],{},[2520,2555,2544],{},[2520,2557,2558,2559,2562],{},"Reorders, and dropping on a zone emits ",[1540,2560,2561],{},"drop"," without removing — the copy is yours to place.",[2496,2564,2565,2574],{},[2499,2566,2567],{},[2502,2568,2569,2571],{},[2505,2570,889],{},[2505,2572,2573],{},"Arrangement",[2515,2575,2576,2591,2605],{},[2502,2577,2578,2585],{},[2520,2579,2580,2525,2583],{},[1540,2581,2582],{},"list",[2527,2584,2529],{},[2520,2586,2587,2588,1576],{},"Vertical stack with ",[1540,2589,2590],{},"space-y-2",[2502,2592,2593,2597],{},[2520,2594,2595],{},[1540,2596,1599],{},[2520,2598,2599,2600,2602,2603,1576],{},"CSS grid at ",[1540,2601,1602],{}," columns with a gap derived from ",[1540,2604,1606],{},[2502,2606,2607,2612],{},[2520,2608,2609],{},[1540,2610,2611],{},"masonry",[2520,2613,2614,2615,2618],{},"CSS multi-column at 2\u002F3\u002F4 columns by breakpoint, with ",[1540,2616,2617],{},"break-inside: avoid"," per item.",[1536,2620,2621,2622,2625,2626,2629,2630,2632,2633,2635,2636,2638,2639,2642,2643,1576],{},"Grid and masonry use Tailwind classes assembled at runtime (",[1540,2623,2624],{},"grid-cols-${columns}",",\n",[1540,2627,2628],{},"gap-${gap \u002F 4}","), which means those exact class names must exist in your\nstylesheet for the layout to apply. ",[1540,2631,1606],{}," also means different things in the two:\nin ",[1540,2634,1599],{}," it is a Tailwind step divided by four, while in ",[1540,2637,2611],{}," it is a pixel\nvalue applied as an inline ",[1540,2640,2641],{},"margin-bottom"," on each item — the column gap itself\nis a hardcoded ",[1540,2644,2645],{},"gap-4",[1536,2647,2648],{},"Switch both at runtime to compare them:",[1609,2650,2651,2657],{"label":1611},[1613,2652,1620,2654],{"className":2653},[1618],[1622,2655],{"name":2656},"drag-and-drop-modes",[1626,2658,2659],{"v-slot:code":1628},[1630,2660,2662],{"className":1632,"code":2661,"language":1634,"meta":1628,"style":1628},"\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",[1540,2663,2664,2672,2691,2710,2729,2736,2757,2773,2787,2826,2861,2882,2886,2891,2900,2908,2912,2930,2936,2953,2967,2979,3011,3043,3061,3065,3069,3077,3085,3093,3097,3103,3117,3131,3145,3161,3176,3189,3203,3207,3235,3241,3254,3266,3270,3289,3296,3309,3322,3327,3356,3365,3372,3385,3398,3403,3408,3417,3426,3435,3444,3449,3468,3505,3534,3540,3549,3558,3567,3576,3581,3602,3637,3669,3674,3717,3759,3764,3793,3821,3826,3839,3880,3921,3962,4003,4044,4088,4093,4098,4143,4162,4167],{"__ignoreMap":1628},[1638,2665,2666,2668,2670],{"class":1640,"line":1641},[1638,2667,1645],{"class":1644},[1638,2669,1626],{"class":1648},[1638,2671,1651],{"class":1644},[1638,2673,2674,2676,2678,2680,2682,2684,2687,2689],{"class":1640,"line":1654},[1638,2675,1657],{"class":1644},[1638,2677,1613],{"class":1648},[1638,2679,1663],{"class":1662},[1638,2681,1666],{"class":1644},[1638,2683,1669],{"class":1644},[1638,2685,2686],{"class":1672},"flex w-full flex-col gap-4",[1638,2688,1669],{"class":1644},[1638,2690,1651],{"class":1644},[1638,2692,2693,2695,2697,2699,2701,2703,2706,2708],{"class":1640,"line":1680},[1638,2694,1683],{"class":1644},[1638,2696,1613],{"class":1648},[1638,2698,1663],{"class":1662},[1638,2700,1666],{"class":1644},[1638,2702,1669],{"class":1644},[1638,2704,2705],{"class":1672},"flex flex-wrap gap-2",[1638,2707,1669],{"class":1644},[1638,2709,1651],{"class":1644},[1638,2711,2712,2714,2716,2718,2720,2722,2725,2727],{"class":1640,"line":1689},[1638,2713,1763],{"class":1644},[1638,2715,1613],{"class":1648},[1638,2717,1663],{"class":1662},[1638,2719,1666],{"class":1644},[1638,2721,1669],{"class":1644},[1638,2723,2724],{"class":1672},"flex gap-1 rounded-lg bg-elevated p-1",[1638,2726,1669],{"class":1644},[1638,2728,1651],{"class":1644},[1638,2730,2731,2733],{"class":1640,"line":1707},[1638,2732,1800],{"class":1644},[1638,2734,2735],{"class":1648},"UButton\n",[1638,2737,2738,2742,2744,2746,2749,2752,2755],{"class":1640,"line":1722},[1638,2739,2741],{"class":2740},"s7zQu","          v-for",[1638,2743,1666],{"class":1644},[1638,2745,1669],{"class":1644},[1638,2747,2748],{"class":1701},"option",[1638,2750,2751],{"class":1644}," in ",[1638,2753,2754],{"class":1701},"modes",[1638,2756,1704],{"class":1644},[1638,2758,2759,2762,2765,2767,2769,2771],{"class":1640,"line":1737},[1638,2760,2761],{"class":1644},"          :",[1638,2763,2764],{"class":1662},"key",[1638,2766,1666],{"class":1644},[1638,2768,1669],{"class":1644},[1638,2770,2748],{"class":1701},[1638,2772,1704],{"class":1644},[1638,2774,2775,2778,2780,2782,2785],{"class":1640,"line":1754},[1638,2776,2777],{"class":1662},"          size",[1638,2779,1666],{"class":1644},[1638,2781,1669],{"class":1644},[1638,2783,2784],{"class":1672},"xs",[1638,2786,1704],{"class":1644},[1638,2788,2789,2791,2794,2796,2798,2800,2803,2805,2808,2810,2813,2815,2818,2820,2823],{"class":1640,"line":1760},[1638,2790,2761],{"class":1644},[1638,2792,2793],{"class":1662},"color",[1638,2795,1666],{"class":1644},[1638,2797,1669],{"class":1644},[1638,2799,2490],{"class":1701},[1638,2801,2802],{"class":1644}," === ",[1638,2804,2748],{"class":1701},[1638,2806,2807],{"class":1644}," ? ",[1638,2809,2148],{"class":1644},[1638,2811,2812],{"class":1672},"primary",[1638,2814,2148],{"class":1644},[1638,2816,2817],{"class":1644}," : ",[1638,2819,2148],{"class":1644},[1638,2821,2822],{"class":1672},"neutral",[1638,2824,2825],{"class":1644},"'\"\n",[1638,2827,2828,2830,2833,2835,2837,2839,2841,2843,2845,2847,2850,2852,2854,2856,2859],{"class":1640,"line":1797},[1638,2829,2761],{"class":1644},[1638,2831,2832],{"class":1662},"variant",[1638,2834,1666],{"class":1644},[1638,2836,1669],{"class":1644},[1638,2838,2490],{"class":1701},[1638,2840,2802],{"class":1644},[1638,2842,2748],{"class":1701},[1638,2844,2807],{"class":1644},[1638,2846,2148],{"class":1644},[1638,2848,2849],{"class":1672},"solid",[1638,2851,2148],{"class":1644},[1638,2853,2817],{"class":1644},[1638,2855,2148],{"class":1644},[1638,2857,2858],{"class":1672},"ghost",[1638,2860,2825],{"class":1644},[1638,2862,2863,2866,2869,2871,2873,2875,2878,2880],{"class":1640,"line":1806},[1638,2864,2865],{"class":1644},"          @",[1638,2867,2868],{"class":1662},"click",[1638,2870,1666],{"class":1644},[1638,2872,1669],{"class":1644},[1638,2874,2490],{"class":1701},[1638,2876,2877],{"class":1644}," = ",[1638,2879,2748],{"class":1701},[1638,2881,1704],{"class":1644},[1638,2883,2884],{"class":1640,"line":1821},[1638,2885,1839],{"class":1644},[1638,2887,2888],{"class":1640,"line":1836},[1638,2889,2890],{"class":1701},"          {{ option }}\n",[1638,2892,2893,2895,2898],{"class":1640,"line":1842},[1638,2894,1986],{"class":1644},[1638,2896,2897],{"class":1648},"UButton",[1638,2899,1651],{"class":1644},[1638,2901,2902,2904,2906],{"class":1640,"line":1851},[1638,2903,1996],{"class":1644},[1638,2905,1613],{"class":1648},[1638,2907,1651],{"class":1644},[1638,2909,2910],{"class":1640,"line":1866},[1638,2911,2018],{"emptyLinePlaceholder":2017},[1638,2913,2914,2916,2918,2920,2922,2924,2926,2928],{"class":1640,"line":1881},[1638,2915,1763],{"class":1644},[1638,2917,1613],{"class":1648},[1638,2919,1663],{"class":1662},[1638,2921,1666],{"class":1644},[1638,2923,1669],{"class":1644},[1638,2925,2724],{"class":1672},[1638,2927,1669],{"class":1644},[1638,2929,1651],{"class":1644},[1638,2931,2932,2934],{"class":1640,"line":1887},[1638,2933,1800],{"class":1644},[1638,2935,2735],{"class":1648},[1638,2937,2938,2940,2942,2944,2946,2948,2951],{"class":1640,"line":1907},[1638,2939,2741],{"class":2740},[1638,2941,1666],{"class":1644},[1638,2943,1669],{"class":1644},[1638,2945,2748],{"class":1701},[1638,2947,2751],{"class":1644},[1638,2949,2950],{"class":1701},"layouts",[1638,2952,1704],{"class":1644},[1638,2954,2955,2957,2959,2961,2963,2965],{"class":1640,"line":1913},[1638,2956,2761],{"class":1644},[1638,2958,2764],{"class":1662},[1638,2960,1666],{"class":1644},[1638,2962,1669],{"class":1644},[1638,2964,2748],{"class":1701},[1638,2966,1704],{"class":1644},[1638,2968,2969,2971,2973,2975,2977],{"class":1640,"line":1923},[1638,2970,2777],{"class":1662},[1638,2972,1666],{"class":1644},[1638,2974,1669],{"class":1644},[1638,2976,2784],{"class":1672},[1638,2978,1704],{"class":1644},[1638,2980,2981,2983,2985,2987,2989,2991,2993,2995,2997,2999,3001,3003,3005,3007,3009],{"class":1640,"line":1931},[1638,2982,2761],{"class":1644},[1638,2984,2793],{"class":1662},[1638,2986,1666],{"class":1644},[1638,2988,1669],{"class":1644},[1638,2990,1595],{"class":1701},[1638,2992,2802],{"class":1644},[1638,2994,2748],{"class":1701},[1638,2996,2807],{"class":1644},[1638,2998,2148],{"class":1644},[1638,3000,2812],{"class":1672},[1638,3002,2148],{"class":1644},[1638,3004,2817],{"class":1644},[1638,3006,2148],{"class":1644},[1638,3008,2822],{"class":1672},[1638,3010,2825],{"class":1644},[1638,3012,3013,3015,3017,3019,3021,3023,3025,3027,3029,3031,3033,3035,3037,3039,3041],{"class":1640,"line":1946},[1638,3014,2761],{"class":1644},[1638,3016,2832],{"class":1662},[1638,3018,1666],{"class":1644},[1638,3020,1669],{"class":1644},[1638,3022,1595],{"class":1701},[1638,3024,2802],{"class":1644},[1638,3026,2748],{"class":1701},[1638,3028,2807],{"class":1644},[1638,3030,2148],{"class":1644},[1638,3032,2849],{"class":1672},[1638,3034,2148],{"class":1644},[1638,3036,2817],{"class":1644},[1638,3038,2148],{"class":1644},[1638,3040,2858],{"class":1672},[1638,3042,2825],{"class":1644},[1638,3044,3045,3047,3049,3051,3053,3055,3057,3059],{"class":1640,"line":1961},[1638,3046,2865],{"class":1644},[1638,3048,2868],{"class":1662},[1638,3050,1666],{"class":1644},[1638,3052,1669],{"class":1644},[1638,3054,1595],{"class":1701},[1638,3056,2877],{"class":1644},[1638,3058,2748],{"class":1701},[1638,3060,1704],{"class":1644},[1638,3062,3063],{"class":1640,"line":1967},[1638,3064,1839],{"class":1644},[1638,3066,3067],{"class":1640,"line":1973},[1638,3068,2890],{"class":1701},[1638,3070,3071,3073,3075],{"class":1640,"line":1983},[1638,3072,1986],{"class":1644},[1638,3074,2897],{"class":1648},[1638,3076,1651],{"class":1644},[1638,3078,3079,3081,3083],{"class":1640,"line":1993},[1638,3080,1996],{"class":1644},[1638,3082,1613],{"class":1648},[1638,3084,1651],{"class":1644},[1638,3086,3087,3089,3091],{"class":1640,"line":2003},[1638,3088,2006],{"class":1644},[1638,3090,1613],{"class":1648},[1638,3092,1651],{"class":1644},[1638,3094,3095],{"class":1640,"line":2014},[1638,3096,2018],{"emptyLinePlaceholder":2017},[1638,3098,3099,3101],{"class":1640,"line":2021},[1638,3100,1683],{"class":1644},[1638,3102,1686],{"class":1648},[1638,3104,3105,3107,3109,3111,3113,3115],{"class":1640,"line":2041},[1638,3106,1692],{"class":1644},[1638,3108,1557],{"class":1662},[1638,3110,1666],{"class":1644},[1638,3112,1669],{"class":1644},[1638,3114,1557],{"class":1701},[1638,3116,1704],{"class":1644},[1638,3118,3119,3121,3123,3125,3127,3129],{"class":1640,"line":2047},[1638,3120,1692],{"class":1644},[1638,3122,1595],{"class":1662},[1638,3124,1666],{"class":1644},[1638,3126,1669],{"class":1644},[1638,3128,1595],{"class":1701},[1638,3130,1704],{"class":1644},[1638,3132,3133,3135,3137,3139,3141,3143],{"class":1640,"line":2053},[1638,3134,1692],{"class":1644},[1638,3136,2490],{"class":1662},[1638,3138,1666],{"class":1644},[1638,3140,1669],{"class":1644},[1638,3142,2490],{"class":1701},[1638,3144,1704],{"class":1644},[1638,3146,3147,3149,3151,3153,3155,3159],{"class":1640,"line":2062},[1638,3148,1692],{"class":1644},[1638,3150,1602],{"class":1662},[1638,3152,1666],{"class":1644},[1638,3154,1669],{"class":1644},[1638,3156,3158],{"class":3157},"sbssI","3",[1638,3160,1704],{"class":1644},[1638,3162,3163,3165,3167,3169,3171,3174],{"class":1640,"line":2072},[1638,3164,1692],{"class":1644},[1638,3166,1606],{"class":1662},[1638,3168,1666],{"class":1644},[1638,3170,1669],{"class":1644},[1638,3172,3173],{"class":3157},"16",[1638,3175,1704],{"class":1644},[1638,3177,3178,3180,3182,3184,3187],{"class":1640,"line":2082},[1638,3179,1725],{"class":1662},[1638,3181,1666],{"class":1644},[1638,3183,1669],{"class":1644},[1638,3185,3186],{"class":1672},"min-h-40",[1638,3188,1704],{"class":1644},[1638,3190,3191,3193,3195,3197,3199,3201],{"class":1640,"line":2087},[1638,3192,1740],{"class":1644},[1638,3194,1553],{"class":1662},[1638,3196,1666],{"class":1644},[1638,3198,1669],{"class":1644},[1638,3200,1749],{"class":1701},[1638,3202,1704],{"class":1644},[1638,3204,3205],{"class":1640,"line":2112},[1638,3206,1757],{"class":1644},[1638,3208,3209,3211,3213,3215,3217,3219,3221,3223,3225,3227,3229,3231,3233],{"class":1640,"line":2130},[1638,3210,1763],{"class":1644},[1638,3212,1626],{"class":1648},[1638,3214,1768],{"class":1644},[1638,3216,1771],{"class":1662},[1638,3218,1666],{"class":1644},[1638,3220,1669],{"class":1644},[1638,3222,1778],{"class":1644},[1638,3224,1781],{"class":1701},[1638,3226,1784],{"class":1644},[1638,3228,1787],{"class":1701},[1638,3230,1790],{"class":1644},[1638,3232,1669],{"class":1644},[1638,3234,1651],{"class":1644},[1638,3236,3237,3239],{"class":1640,"line":2182},[1638,3238,1800],{"class":1644},[1638,3240,1803],{"class":1648},[1638,3242,3243,3245,3247,3249,3252],{"class":1640,"line":2226},[1638,3244,1809],{"class":1662},[1638,3246,1666],{"class":1644},[1638,3248,1669],{"class":1644},[1638,3250,3251],{"class":1672},"flex h-full flex-col justify-between gap-2 rounded-lg border border-default bg-default p-3",[1638,3253,1704],{"class":1644},[1638,3255,3256,3258,3260,3262,3264],{"class":1640,"line":2270},[1638,3257,1824],{"class":1662},[1638,3259,1666],{"class":1644},[1638,3261,1669],{"class":1644},[1638,3263,1831],{"class":1672},[1638,3265,1704],{"class":1644},[1638,3267,3268],{"class":1640,"line":2314},[1638,3269,1839],{"class":1644},[1638,3271,3272,3274,3276,3278,3280,3282,3285,3287],{"class":1640,"line":2358},[1638,3273,1845],{"class":1644},[1638,3275,1613],{"class":1648},[1638,3277,1663],{"class":1662},[1638,3279,1666],{"class":1644},[1638,3281,1669],{"class":1644},[1638,3283,3284],{"class":1672},"flex items-center gap-2",[1638,3286,1669],{"class":1644},[1638,3288,1651],{"class":1644},[1638,3290,3291,3294],{"class":1640,"line":2364},[1638,3292,3293],{"class":1644},"            \u003C",[1638,3295,1848],{"class":1648},[1638,3297,3298,3301,3303,3305,3307],{"class":1640,"line":2369},[1638,3299,3300],{"class":1662},"              name",[1638,3302,1666],{"class":1644},[1638,3304,1669],{"class":1644},[1638,3306,1861],{"class":1672},[1638,3308,1704],{"class":1644},[1638,3310,3311,3314,3316,3318,3320],{"class":1640,"line":2426},[1638,3312,3313],{"class":1662},"              class",[1638,3315,1666],{"class":1644},[1638,3317,1669],{"class":1644},[1638,3319,1876],{"class":1672},[1638,3321,1704],{"class":1644},[1638,3323,3324],{"class":1640,"line":2451},[1638,3325,3326],{"class":1644},"            \u002F>\n",[1638,3328,3329,3331,3333,3335,3337,3339,3342,3344,3347,3350,3352,3354],{"class":1640,"line":2457},[1638,3330,3293],{"class":1644},[1638,3332,1638],{"class":1648},[1638,3334,1663],{"class":1662},[1638,3336,1666],{"class":1644},[1638,3338,1669],{"class":1644},[1638,3340,3341],{"class":1672},"text-sm font-medium text-highlighted",[1638,3343,1669],{"class":1644},[1638,3345,3346],{"class":1644},">",[1638,3348,3349],{"class":1701},"{{ item.label }}",[1638,3351,2075],{"class":1644},[1638,3353,1638],{"class":1648},[1638,3355,1651],{"class":1644},[1638,3357,3359,3361,3363],{"class":1640,"line":3358},51,[1638,3360,1916],{"class":1644},[1638,3362,1613],{"class":1648},[1638,3364,1651],{"class":1644},[1638,3366,3368,3370],{"class":1640,"line":3367},52,[1638,3369,1845],{"class":1644},[1638,3371,1928],{"class":1648},[1638,3373,3375,3377,3379,3381,3383],{"class":1640,"line":3374},53,[1638,3376,1934],{"class":1662},[1638,3378,1666],{"class":1644},[1638,3380,1669],{"class":1644},[1638,3382,1941],{"class":1672},[1638,3384,1704],{"class":1644},[1638,3386,3388,3390,3392,3394,3396],{"class":1640,"line":3387},54,[1638,3389,1949],{"class":1662},[1638,3391,1666],{"class":1644},[1638,3393,1669],{"class":1644},[1638,3395,1956],{"class":1672},[1638,3397,1704],{"class":1644},[1638,3399,3401],{"class":1640,"line":3400},55,[1638,3402,1964],{"class":1644},[1638,3404,3406],{"class":1640,"line":3405},56,[1638,3407,1970],{"class":1701},[1638,3409,3411,3413,3415],{"class":1640,"line":3410},57,[1638,3412,1916],{"class":1644},[1638,3414,1978],{"class":1648},[1638,3416,1651],{"class":1644},[1638,3418,3420,3422,3424],{"class":1640,"line":3419},58,[1638,3421,1986],{"class":1644},[1638,3423,1613],{"class":1648},[1638,3425,1651],{"class":1644},[1638,3427,3429,3431,3433],{"class":1640,"line":3428},59,[1638,3430,1996],{"class":1644},[1638,3432,1626],{"class":1648},[1638,3434,1651],{"class":1644},[1638,3436,3438,3440,3442],{"class":1640,"line":3437},60,[1638,3439,2006],{"class":1644},[1638,3441,2009],{"class":1648},[1638,3443,1651],{"class":1644},[1638,3445,3447],{"class":1640,"line":3446},61,[1638,3448,2018],{"emptyLinePlaceholder":2017},[1638,3450,3452,3454,3456,3458,3460,3462,3464,3466],{"class":1640,"line":3451},62,[1638,3453,1683],{"class":1644},[1638,3455,1536],{"class":1648},[1638,3457,1663],{"class":1662},[1638,3459,1666],{"class":1644},[1638,3461,1669],{"class":1644},[1638,3463,2034],{"class":1672},[1638,3465,1669],{"class":1644},[1638,3467,1651],{"class":1644},[1638,3469,3471,3473,3475,3477,3479,3481,3483,3485,3488,3490,3492,3494,3496,3498,3500,3502],{"class":1640,"line":3470},63,[1638,3472,1763],{"class":1644},[1638,3474,1540],{"class":1648},[1638,3476,3346],{"class":1644},[1638,3478,2490],{"class":1701},[1638,3480,2075],{"class":1644},[1638,3482,1540],{"class":1648},[1638,3484,3346],{"class":1644},[1638,3486,3487],{"class":1701}," = {{ mode }} · ",[1638,3489,1645],{"class":1644},[1638,3491,1540],{"class":1648},[1638,3493,3346],{"class":1644},[1638,3495,1595],{"class":1701},[1638,3497,2075],{"class":1644},[1638,3499,1540],{"class":1648},[1638,3501,3346],{"class":1644},[1638,3503,3504],{"class":1701}," = {{ layout }}\n",[1638,3506,3508,3510,3512,3515,3517,3519,3522,3525,3527,3529,3532],{"class":1640,"line":3507},64,[1638,3509,1763],{"class":1644},[1638,3511,1626],{"class":1648},[1638,3513,3514],{"class":2740}," v-if",[1638,3516,1666],{"class":1644},[1638,3518,1669],{"class":1644},[1638,3520,3521],{"class":1701},"mode ",[1638,3523,3524],{"class":1644},"!==",[1638,3526,2142],{"class":1644},[1638,3528,2524],{"class":1672},[1638,3530,3531],{"class":1644},"'\"",[1638,3533,1651],{"class":1644},[1638,3535,3537],{"class":1640,"line":3536},65,[1638,3538,3539],{"class":1701},"        — drag onto one of the three zones to {{ mode === 'move' ? 'remove' : 'copy' }} the item.\n",[1638,3541,3543,3545,3547],{"class":1640,"line":3542},66,[1638,3544,1996],{"class":1644},[1638,3546,1626],{"class":1648},[1638,3548,1651],{"class":1644},[1638,3550,3552,3554,3556],{"class":1640,"line":3551},67,[1638,3553,2006],{"class":1644},[1638,3555,1536],{"class":1648},[1638,3557,1651],{"class":1644},[1638,3559,3561,3563,3565],{"class":1640,"line":3560},68,[1638,3562,2065],{"class":1644},[1638,3564,1613],{"class":1648},[1638,3566,1651],{"class":1644},[1638,3568,3570,3572,3574],{"class":1640,"line":3569},69,[1638,3571,2075],{"class":1644},[1638,3573,1626],{"class":1648},[1638,3575,1651],{"class":1644},[1638,3577,3579],{"class":1640,"line":3578},70,[1638,3580,2018],{"emptyLinePlaceholder":2017},[1638,3582,3584,3586,3588,3590,3592,3594,3596,3598,3600],{"class":1640,"line":3583},71,[1638,3585,1645],{"class":1644},[1638,3587,2092],{"class":1648},[1638,3589,2095],{"class":1662},[1638,3591,2098],{"class":1662},[1638,3593,1666],{"class":1644},[1638,3595,1669],{"class":1644},[1638,3597,2105],{"class":1672},[1638,3599,1669],{"class":1644},[1638,3601,1651],{"class":1644},[1638,3603,3605,3608,3611,3613,3615,3617,3619,3622,3624,3626,3628,3630,3632,3634],{"class":1640,"line":3604},72,[1638,3606,3607],{"class":1662},"type",[1638,3609,3610],{"class":2394}," Mode",[1638,3612,2437],{"class":1644},[1638,3614,2142],{"class":1644},[1638,3616,2524],{"class":1672},[1638,3618,2148],{"class":1644},[1638,3620,3621],{"class":1644}," |",[1638,3623,2142],{"class":1644},[1638,3625,1542],{"class":1672},[1638,3627,2148],{"class":1644},[1638,3629,3621],{"class":1644},[1638,3631,2142],{"class":1644},[1638,3633,1546],{"class":1672},[1638,3635,3636],{"class":1644},"'\n",[1638,3638,3640,3642,3645,3647,3649,3651,3653,3655,3657,3659,3661,3663,3665,3667],{"class":1640,"line":3639},73,[1638,3641,3607],{"class":1662},[1638,3643,3644],{"class":2394}," Layout",[1638,3646,2437],{"class":1644},[1638,3648,2142],{"class":1644},[1638,3650,2582],{"class":1672},[1638,3652,2148],{"class":1644},[1638,3654,3621],{"class":1644},[1638,3656,2142],{"class":1644},[1638,3658,1599],{"class":1672},[1638,3660,2148],{"class":1644},[1638,3662,3621],{"class":1644},[1638,3664,2142],{"class":1644},[1638,3666,2611],{"class":1672},[1638,3668,3636],{"class":1644},[1638,3670,3672],{"class":1640,"line":3671},74,[1638,3673,2018],{"emptyLinePlaceholder":2017},[1638,3675,3677,3679,3682,3684,3686,3689,3691,3693,3695,3697,3699,3701,3703,3705,3707,3709,3711,3713,3715],{"class":1640,"line":3676},75,[1638,3678,2115],{"class":1662},[1638,3680,3681],{"class":1701}," modes",[1638,3683,2139],{"class":1644},[1638,3685,3610],{"class":2394},[1638,3687,3688],{"class":1701},"[] ",[1638,3690,1666],{"class":1644},[1638,3692,2440],{"class":1701},[1638,3694,2148],{"class":1644},[1638,3696,2524],{"class":1672},[1638,3698,2148],{"class":1644},[1638,3700,1784],{"class":1644},[1638,3702,2142],{"class":1644},[1638,3704,1542],{"class":1672},[1638,3706,2148],{"class":1644},[1638,3708,1784],{"class":1644},[1638,3710,2142],{"class":1644},[1638,3712,1546],{"class":1672},[1638,3714,2148],{"class":1644},[1638,3716,2448],{"class":1701},[1638,3718,3720,3722,3725,3727,3729,3731,3733,3735,3737,3739,3741,3743,3745,3747,3749,3751,3753,3755,3757],{"class":1640,"line":3719},76,[1638,3721,2115],{"class":1662},[1638,3723,3724],{"class":1701}," layouts",[1638,3726,2139],{"class":1644},[1638,3728,3644],{"class":2394},[1638,3730,3688],{"class":1701},[1638,3732,1666],{"class":1644},[1638,3734,2440],{"class":1701},[1638,3736,2148],{"class":1644},[1638,3738,2582],{"class":1672},[1638,3740,2148],{"class":1644},[1638,3742,1784],{"class":1644},[1638,3744,2142],{"class":1644},[1638,3746,1599],{"class":1672},[1638,3748,2148],{"class":1644},[1638,3750,1784],{"class":1644},[1638,3752,2142],{"class":1644},[1638,3754,2611],{"class":1672},[1638,3756,2148],{"class":1644},[1638,3758,2448],{"class":1701},[1638,3760,3762],{"class":1640,"line":3761},77,[1638,3763,2018],{"emptyLinePlaceholder":2017},[1638,3765,3767,3769,3772,3774,3776,3778,3780,3782,3784,3786,3788,3790],{"class":1640,"line":3766},78,[1638,3768,2115],{"class":1662},[1638,3770,3771],{"class":1701}," mode ",[1638,3773,1666],{"class":1644},[1638,3775,2124],{"class":2123},[1638,3777,1645],{"class":1644},[1638,3779,2507],{"class":2394},[1638,3781,3346],{"class":1644},[1638,3783,2378],{"class":1701},[1638,3785,2148],{"class":1644},[1638,3787,2524],{"class":1672},[1638,3789,2148],{"class":1644},[1638,3791,3792],{"class":1701},")\n",[1638,3794,3796,3798,3801,3803,3805,3807,3809,3811,3813,3815,3817,3819],{"class":1640,"line":3795},79,[1638,3797,2115],{"class":1662},[1638,3799,3800],{"class":1701}," layout ",[1638,3802,1666],{"class":1644},[1638,3804,2124],{"class":2123},[1638,3806,1645],{"class":1644},[1638,3808,889],{"class":2394},[1638,3810,3346],{"class":1644},[1638,3812,2378],{"class":1701},[1638,3814,2148],{"class":1644},[1638,3816,1599],{"class":1672},[1638,3818,2148],{"class":1644},[1638,3820,3792],{"class":1701},[1638,3822,3824],{"class":1640,"line":3823},80,[1638,3825,2018],{"emptyLinePlaceholder":2017},[1638,3827,3829,3831,3833,3835,3837],{"class":1640,"line":3828},81,[1638,3830,2115],{"class":1662},[1638,3832,2118],{"class":1701},[1638,3834,1666],{"class":1644},[1638,3836,2124],{"class":2123},[1638,3838,2127],{"class":1701},[1638,3840,3842,3844,3846,3848,3850,3852,3854,3856,3858,3860,3862,3864,3866,3868,3870,3872,3874,3876,3878],{"class":1640,"line":3841},82,[1638,3843,2133],{"class":1644},[1638,3845,2136],{"class":1648},[1638,3847,2139],{"class":1644},[1638,3849,2142],{"class":1644},[1638,3851,2145],{"class":1672},[1638,3853,2148],{"class":1644},[1638,3855,1784],{"class":1644},[1638,3857,2153],{"class":1648},[1638,3859,2139],{"class":1644},[1638,3861,2142],{"class":1644},[1638,3863,2160],{"class":1672},[1638,3865,2148],{"class":1644},[1638,3867,1784],{"class":1644},[1638,3869,2167],{"class":1648},[1638,3871,2139],{"class":1644},[1638,3873,2142],{"class":1644},[1638,3875,2174],{"class":1672},[1638,3877,2148],{"class":1644},[1638,3879,2179],{"class":1644},[1638,3881,3883,3885,3887,3889,3891,3893,3895,3897,3899,3901,3903,3905,3907,3909,3911,3913,3915,3917,3919],{"class":1640,"line":3882},83,[1638,3884,2133],{"class":1644},[1638,3886,2136],{"class":1648},[1638,3888,2139],{"class":1644},[1638,3890,2142],{"class":1644},[1638,3892,2193],{"class":1672},[1638,3894,2148],{"class":1644},[1638,3896,1784],{"class":1644},[1638,3898,2153],{"class":1648},[1638,3900,2139],{"class":1644},[1638,3902,2142],{"class":1644},[1638,3904,2206],{"class":1672},[1638,3906,2148],{"class":1644},[1638,3908,1784],{"class":1644},[1638,3910,2167],{"class":1648},[1638,3912,2139],{"class":1644},[1638,3914,2142],{"class":1644},[1638,3916,2219],{"class":1672},[1638,3918,2148],{"class":1644},[1638,3920,2179],{"class":1644},[1638,3922,3924,3926,3928,3930,3932,3934,3936,3938,3940,3942,3944,3946,3948,3950,3952,3954,3956,3958,3960],{"class":1640,"line":3923},84,[1638,3925,2133],{"class":1644},[1638,3927,2136],{"class":1648},[1638,3929,2139],{"class":1644},[1638,3931,2142],{"class":1644},[1638,3933,2237],{"class":1672},[1638,3935,2148],{"class":1644},[1638,3937,1784],{"class":1644},[1638,3939,2153],{"class":1648},[1638,3941,2139],{"class":1644},[1638,3943,2142],{"class":1644},[1638,3945,2250],{"class":1672},[1638,3947,2148],{"class":1644},[1638,3949,1784],{"class":1644},[1638,3951,2167],{"class":1648},[1638,3953,2139],{"class":1644},[1638,3955,2142],{"class":1644},[1638,3957,2263],{"class":1672},[1638,3959,2148],{"class":1644},[1638,3961,2179],{"class":1644},[1638,3963,3965,3967,3969,3971,3973,3975,3977,3979,3981,3983,3985,3987,3989,3991,3993,3995,3997,3999,4001],{"class":1640,"line":3964},85,[1638,3966,2133],{"class":1644},[1638,3968,2136],{"class":1648},[1638,3970,2139],{"class":1644},[1638,3972,2142],{"class":1644},[1638,3974,2281],{"class":1672},[1638,3976,2148],{"class":1644},[1638,3978,1784],{"class":1644},[1638,3980,2153],{"class":1648},[1638,3982,2139],{"class":1644},[1638,3984,2142],{"class":1644},[1638,3986,2294],{"class":1672},[1638,3988,2148],{"class":1644},[1638,3990,1784],{"class":1644},[1638,3992,2167],{"class":1648},[1638,3994,2139],{"class":1644},[1638,3996,2142],{"class":1644},[1638,3998,2307],{"class":1672},[1638,4000,2148],{"class":1644},[1638,4002,2179],{"class":1644},[1638,4004,4006,4008,4010,4012,4014,4016,4018,4020,4022,4024,4026,4028,4030,4032,4034,4036,4038,4040,4042],{"class":1640,"line":4005},86,[1638,4007,2133],{"class":1644},[1638,4009,2136],{"class":1648},[1638,4011,2139],{"class":1644},[1638,4013,2142],{"class":1644},[1638,4015,2325],{"class":1672},[1638,4017,2148],{"class":1644},[1638,4019,1784],{"class":1644},[1638,4021,2153],{"class":1648},[1638,4023,2139],{"class":1644},[1638,4025,2142],{"class":1644},[1638,4027,2338],{"class":1672},[1638,4029,2148],{"class":1644},[1638,4031,1784],{"class":1644},[1638,4033,2167],{"class":1648},[1638,4035,2139],{"class":1644},[1638,4037,2142],{"class":1644},[1638,4039,2351],{"class":1672},[1638,4041,2148],{"class":1644},[1638,4043,2179],{"class":1644},[1638,4045,4047,4049,4051,4053,4055,4058,4060,4062,4064,4066,4068,4071,4073,4075,4077,4079,4081,4084,4086],{"class":1640,"line":4046},87,[1638,4048,2133],{"class":1644},[1638,4050,2136],{"class":1648},[1638,4052,2139],{"class":1644},[1638,4054,2142],{"class":1644},[1638,4056,4057],{"class":1672},"release-notes",[1638,4059,2148],{"class":1644},[1638,4061,1784],{"class":1644},[1638,4063,2153],{"class":1648},[1638,4065,2139],{"class":1644},[1638,4067,2142],{"class":1644},[1638,4069,4070],{"class":1672},"Release notes",[1638,4072,2148],{"class":1644},[1638,4074,1784],{"class":1644},[1638,4076,2167],{"class":1648},[1638,4078,2139],{"class":1644},[1638,4080,2142],{"class":1644},[1638,4082,4083],{"class":1672},"Fay",[1638,4085,2148],{"class":1644},[1638,4087,2179],{"class":1644},[1638,4089,4091],{"class":1640,"line":4090},88,[1638,4092,2361],{"class":1701},[1638,4094,4096],{"class":1640,"line":4095},89,[1638,4097,2018],{"emptyLinePlaceholder":2017},[1638,4099,4101,4103,4105,4107,4109,4111,4113,4115,4117,4119,4121,4123,4125,4127,4129,4131,4133,4135,4137,4139,4141],{"class":1640,"line":4100},90,[1638,4102,2372],{"class":1662},[1638,4104,2375],{"class":2123},[1638,4106,2378],{"class":1644},[1638,4108,2382],{"class":2381},[1638,4110,2139],{"class":1644},[1638,4112,2387],{"class":1644},[1638,4114,2136],{"class":1648},[1638,4116,2139],{"class":1644},[1638,4118,2395],{"class":2394},[1638,4120,1784],{"class":1644},[1638,4122,2153],{"class":1648},[1638,4124,2139],{"class":1644},[1638,4126,2395],{"class":2394},[1638,4128,1784],{"class":1644},[1638,4130,2167],{"class":1648},[1638,4132,2139],{"class":1644},[1638,4134,2395],{"class":2394},[1638,4136,2414],{"class":1644},[1638,4138,2417],{"class":1701},[1638,4140,2420],{"class":1644},[1638,4142,2423],{"class":1644},[1638,4144,4146,4148,4150,4152,4154,4156,4158,4160],{"class":1640,"line":4145},91,[1638,4147,2429],{"class":1701},[1638,4149,1576],{"class":1644},[1638,4151,2434],{"class":1701},[1638,4153,2437],{"class":1644},[1638,4155,2440],{"class":1648},[1638,4157,2443],{"class":1644},[1638,4159,2382],{"class":1701},[1638,4161,2448],{"class":1648},[1638,4163,4165],{"class":1640,"line":4164},92,[1638,4166,2454],{"class":1644},[1638,4168,4170,4172,4174],{"class":1640,"line":4169},93,[1638,4171,2075],{"class":1644},[1638,4173,2092],{"class":1648},[1638,4175,1651],{"class":1644},[1578,4177,4178],{"id":1599},"Grid",[1536,4180,4181,4184,4185,1603,4187,4189,4190,4192],{},[1540,4182,4183],{},"layout=\"grid\""," with ",[1540,4186,1602],{},[1540,4188,1606],{}," arranges the items into a responsive grid. The cards reorder the same way, and ",[1540,4191,1553],{}," 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.",[1609,4194,4195,4201],{"label":1611},[1613,4196,1620,4198],{"className":4197},[1618],[1622,4199],{"name":4200},"drag-and-drop-grid",[1626,4202,4203],{"v-slot:code":1628},[1630,4204,4206],{"className":1632,"code":4205,"language":1634,"meta":1628,"style":1628},"\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",[1540,4207,4208,4216,4234,4240,4254,4267,4281,4295,4309,4313,4341,4347,4360,4372,4376,4403,4430,4438,4446,4454,4458,4476,4481,4489,4497,4505,4509,4529,4541,4586,4629,4672,4714,4756,4798,4802,4806,4850,4868,4872],{"__ignoreMap":1628},[1638,4209,4210,4212,4214],{"class":1640,"line":1641},[1638,4211,1645],{"class":1644},[1638,4213,1626],{"class":1648},[1638,4215,1651],{"class":1644},[1638,4217,4218,4220,4222,4224,4226,4228,4230,4232],{"class":1640,"line":1654},[1638,4219,1657],{"class":1644},[1638,4221,1613],{"class":1648},[1638,4223,1663],{"class":1662},[1638,4225,1666],{"class":1644},[1638,4227,1669],{"class":1644},[1638,4229,2686],{"class":1672},[1638,4231,1669],{"class":1644},[1638,4233,1651],{"class":1644},[1638,4235,4236,4238],{"class":1640,"line":1680},[1638,4237,1683],{"class":1644},[1638,4239,1686],{"class":1648},[1638,4241,4242,4244,4246,4248,4250,4252],{"class":1640,"line":1689},[1638,4243,1692],{"class":1644},[1638,4245,1557],{"class":1662},[1638,4247,1666],{"class":1644},[1638,4249,1669],{"class":1644},[1638,4251,1557],{"class":1701},[1638,4253,1704],{"class":1644},[1638,4255,4256,4259,4261,4263,4265],{"class":1640,"line":1707},[1638,4257,4258],{"class":1662},"      layout",[1638,4260,1666],{"class":1644},[1638,4262,1669],{"class":1644},[1638,4264,1599],{"class":1672},[1638,4266,1704],{"class":1644},[1638,4268,4269,4271,4273,4275,4277,4279],{"class":1640,"line":1722},[1638,4270,1692],{"class":1644},[1638,4272,1602],{"class":1662},[1638,4274,1666],{"class":1644},[1638,4276,1669],{"class":1644},[1638,4278,3158],{"class":3157},[1638,4280,1704],{"class":1644},[1638,4282,4283,4285,4287,4289,4291,4293],{"class":1640,"line":1737},[1638,4284,1692],{"class":1644},[1638,4286,1606],{"class":1662},[1638,4288,1666],{"class":1644},[1638,4290,1669],{"class":1644},[1638,4292,3173],{"class":3157},[1638,4294,1704],{"class":1644},[1638,4296,4297,4299,4301,4303,4305,4307],{"class":1640,"line":1754},[1638,4298,1740],{"class":1644},[1638,4300,1553],{"class":1662},[1638,4302,1666],{"class":1644},[1638,4304,1669],{"class":1644},[1638,4306,1749],{"class":1701},[1638,4308,1704],{"class":1644},[1638,4310,4311],{"class":1640,"line":1760},[1638,4312,1757],{"class":1644},[1638,4314,4315,4317,4319,4321,4323,4325,4327,4329,4331,4333,4335,4337,4339],{"class":1640,"line":1797},[1638,4316,1763],{"class":1644},[1638,4318,1626],{"class":1648},[1638,4320,1768],{"class":1644},[1638,4322,1771],{"class":1662},[1638,4324,1666],{"class":1644},[1638,4326,1669],{"class":1644},[1638,4328,1778],{"class":1644},[1638,4330,1781],{"class":1701},[1638,4332,1784],{"class":1644},[1638,4334,1787],{"class":1701},[1638,4336,1790],{"class":1644},[1638,4338,1669],{"class":1644},[1638,4340,1651],{"class":1644},[1638,4342,4343,4345],{"class":1640,"line":1806},[1638,4344,1800],{"class":1644},[1638,4346,1803],{"class":1648},[1638,4348,4349,4351,4353,4355,4358],{"class":1640,"line":1821},[1638,4350,1809],{"class":1662},[1638,4352,1666],{"class":1644},[1638,4354,1669],{"class":1644},[1638,4356,4357],{"class":1672},"flex h-full flex-col items-center gap-1 rounded-lg border border-default bg-default p-4 text-center",[1638,4359,1704],{"class":1644},[1638,4361,4362,4364,4366,4368,4370],{"class":1640,"line":1836},[1638,4363,1824],{"class":1662},[1638,4365,1666],{"class":1644},[1638,4367,1669],{"class":1644},[1638,4369,1831],{"class":1672},[1638,4371,1704],{"class":1644},[1638,4373,4374],{"class":1640,"line":1842},[1638,4375,1839],{"class":1644},[1638,4377,4378,4380,4382,4384,4386,4388,4390,4392,4394,4397,4399,4401],{"class":1640,"line":1851},[1638,4379,1845],{"class":1644},[1638,4381,1638],{"class":1648},[1638,4383,1663],{"class":1662},[1638,4385,1666],{"class":1644},[1638,4387,1669],{"class":1644},[1638,4389,3341],{"class":1672},[1638,4391,1669],{"class":1644},[1638,4393,3346],{"class":1644},[1638,4395,4396],{"class":1701},"{{ item.name }}",[1638,4398,2075],{"class":1644},[1638,4400,1638],{"class":1648},[1638,4402,1651],{"class":1644},[1638,4404,4405,4407,4409,4411,4413,4415,4417,4419,4421,4424,4426,4428],{"class":1640,"line":1866},[1638,4406,1845],{"class":1644},[1638,4408,1638],{"class":1648},[1638,4410,1663],{"class":1662},[1638,4412,1666],{"class":1644},[1638,4414,1669],{"class":1644},[1638,4416,2034],{"class":1672},[1638,4418,1669],{"class":1644},[1638,4420,3346],{"class":1644},[1638,4422,4423],{"class":1701},"{{ item.category }}",[1638,4425,2075],{"class":1644},[1638,4427,1638],{"class":1648},[1638,4429,1651],{"class":1644},[1638,4431,4432,4434,4436],{"class":1640,"line":1881},[1638,4433,1986],{"class":1644},[1638,4435,1613],{"class":1648},[1638,4437,1651],{"class":1644},[1638,4439,4440,4442,4444],{"class":1640,"line":1887},[1638,4441,1996],{"class":1644},[1638,4443,1626],{"class":1648},[1638,4445,1651],{"class":1644},[1638,4447,4448,4450,4452],{"class":1640,"line":1907},[1638,4449,2006],{"class":1644},[1638,4451,2009],{"class":1648},[1638,4453,1651],{"class":1644},[1638,4455,4456],{"class":1640,"line":1913},[1638,4457,2018],{"emptyLinePlaceholder":2017},[1638,4459,4460,4462,4464,4466,4468,4470,4472,4474],{"class":1640,"line":1923},[1638,4461,1683],{"class":1644},[1638,4463,1536],{"class":1648},[1638,4465,1663],{"class":1662},[1638,4467,1666],{"class":1644},[1638,4469,1669],{"class":1644},[1638,4471,2034],{"class":1672},[1638,4473,1669],{"class":1644},[1638,4475,1651],{"class":1644},[1638,4477,4478],{"class":1640,"line":1931},[1638,4479,4480],{"class":1701},"      Drag a card onto another to reorder the grid.\n",[1638,4482,4483,4485,4487],{"class":1640,"line":1946},[1638,4484,2006],{"class":1644},[1638,4486,1536],{"class":1648},[1638,4488,1651],{"class":1644},[1638,4490,4491,4493,4495],{"class":1640,"line":1961},[1638,4492,2065],{"class":1644},[1638,4494,1613],{"class":1648},[1638,4496,1651],{"class":1644},[1638,4498,4499,4501,4503],{"class":1640,"line":1967},[1638,4500,2075],{"class":1644},[1638,4502,1626],{"class":1648},[1638,4504,1651],{"class":1644},[1638,4506,4507],{"class":1640,"line":1973},[1638,4508,2018],{"emptyLinePlaceholder":2017},[1638,4510,4511,4513,4515,4517,4519,4521,4523,4525,4527],{"class":1640,"line":1983},[1638,4512,1645],{"class":1644},[1638,4514,2092],{"class":1648},[1638,4516,2095],{"class":1662},[1638,4518,2098],{"class":1662},[1638,4520,1666],{"class":1644},[1638,4522,1669],{"class":1644},[1638,4524,2105],{"class":1672},[1638,4526,1669],{"class":1644},[1638,4528,1651],{"class":1644},[1638,4530,4531,4533,4535,4537,4539],{"class":1640,"line":1993},[1638,4532,2115],{"class":1662},[1638,4534,2118],{"class":1701},[1638,4536,1666],{"class":1644},[1638,4538,2124],{"class":2123},[1638,4540,2127],{"class":1701},[1638,4542,4543,4545,4547,4549,4551,4554,4556,4558,4561,4563,4565,4568,4570,4572,4575,4577,4579,4582,4584],{"class":1640,"line":2003},[1638,4544,2133],{"class":1644},[1638,4546,2136],{"class":1648},[1638,4548,2139],{"class":1644},[1638,4550,2142],{"class":1644},[1638,4552,4553],{"class":1672},"project-a",[1638,4555,2148],{"class":1644},[1638,4557,1784],{"class":1644},[1638,4559,4560],{"class":1648}," name",[1638,4562,2139],{"class":1644},[1638,4564,2142],{"class":1644},[1638,4566,4567],{"class":1672},"Project A",[1638,4569,2148],{"class":1644},[1638,4571,1784],{"class":1644},[1638,4573,4574],{"class":1648}," category",[1638,4576,2139],{"class":1644},[1638,4578,2142],{"class":1644},[1638,4580,4581],{"class":1672},"Development",[1638,4583,2148],{"class":1644},[1638,4585,2179],{"class":1644},[1638,4587,4588,4590,4592,4594,4596,4599,4601,4603,4605,4607,4609,4612,4614,4616,4618,4620,4622,4625,4627],{"class":1640,"line":2014},[1638,4589,2133],{"class":1644},[1638,4591,2136],{"class":1648},[1638,4593,2139],{"class":1644},[1638,4595,2142],{"class":1644},[1638,4597,4598],{"class":1672},"project-beta",[1638,4600,2148],{"class":1644},[1638,4602,1784],{"class":1644},[1638,4604,4560],{"class":1648},[1638,4606,2139],{"class":1644},[1638,4608,2142],{"class":1644},[1638,4610,4611],{"class":1672},"Project Beta",[1638,4613,2148],{"class":1644},[1638,4615,1784],{"class":1644},[1638,4617,4574],{"class":1648},[1638,4619,2139],{"class":1644},[1638,4621,2142],{"class":1644},[1638,4623,4624],{"class":1672},"Design",[1638,4626,2148],{"class":1644},[1638,4628,2179],{"class":1644},[1638,4630,4631,4633,4635,4637,4639,4642,4644,4646,4648,4650,4652,4655,4657,4659,4661,4663,4665,4668,4670],{"class":1640,"line":2021},[1638,4632,2133],{"class":1644},[1638,4634,2136],{"class":1648},[1638,4636,2139],{"class":1644},[1638,4638,2142],{"class":1644},[1638,4640,4641],{"class":1672},"project-gamma",[1638,4643,2148],{"class":1644},[1638,4645,1784],{"class":1644},[1638,4647,4560],{"class":1648},[1638,4649,2139],{"class":1644},[1638,4651,2142],{"class":1644},[1638,4653,4654],{"class":1672},"Project Gamma",[1638,4656,2148],{"class":1644},[1638,4658,1784],{"class":1644},[1638,4660,4574],{"class":1648},[1638,4662,2139],{"class":1644},[1638,4664,2142],{"class":1644},[1638,4666,4667],{"class":1672},"Marketing",[1638,4669,2148],{"class":1644},[1638,4671,2179],{"class":1644},[1638,4673,4674,4676,4678,4680,4682,4685,4687,4689,4691,4693,4695,4698,4700,4702,4704,4706,4708,4710,4712],{"class":1640,"line":2041},[1638,4675,2133],{"class":1644},[1638,4677,2136],{"class":1648},[1638,4679,2139],{"class":1644},[1638,4681,2142],{"class":1644},[1638,4683,4684],{"class":1672},"project-d",[1638,4686,2148],{"class":1644},[1638,4688,1784],{"class":1644},[1638,4690,4560],{"class":1648},[1638,4692,2139],{"class":1644},[1638,4694,2142],{"class":1644},[1638,4696,4697],{"class":1672},"Project D",[1638,4699,2148],{"class":1644},[1638,4701,1784],{"class":1644},[1638,4703,4574],{"class":1648},[1638,4705,2139],{"class":1644},[1638,4707,2142],{"class":1644},[1638,4709,4581],{"class":1672},[1638,4711,2148],{"class":1644},[1638,4713,2179],{"class":1644},[1638,4715,4716,4718,4720,4722,4724,4727,4729,4731,4733,4735,4737,4740,4742,4744,4746,4748,4750,4752,4754],{"class":1640,"line":2047},[1638,4717,2133],{"class":1644},[1638,4719,2136],{"class":1648},[1638,4721,2139],{"class":1644},[1638,4723,2142],{"class":1644},[1638,4725,4726],{"class":1672},"project-delta",[1638,4728,2148],{"class":1644},[1638,4730,1784],{"class":1644},[1638,4732,4560],{"class":1648},[1638,4734,2139],{"class":1644},[1638,4736,2142],{"class":1644},[1638,4738,4739],{"class":1672},"Project Delta",[1638,4741,2148],{"class":1644},[1638,4743,1784],{"class":1644},[1638,4745,4574],{"class":1648},[1638,4747,2139],{"class":1644},[1638,4749,2142],{"class":1644},[1638,4751,4624],{"class":1672},[1638,4753,2148],{"class":1644},[1638,4755,2179],{"class":1644},[1638,4757,4758,4760,4762,4764,4766,4769,4771,4773,4775,4777,4779,4782,4784,4786,4788,4790,4792,4794,4796],{"class":1640,"line":2053},[1638,4759,2133],{"class":1644},[1638,4761,2136],{"class":1648},[1638,4763,2139],{"class":1644},[1638,4765,2142],{"class":1644},[1638,4767,4768],{"class":1672},"project-omega",[1638,4770,2148],{"class":1644},[1638,4772,1784],{"class":1644},[1638,4774,4560],{"class":1648},[1638,4776,2139],{"class":1644},[1638,4778,2142],{"class":1644},[1638,4780,4781],{"class":1672},"Project Omega",[1638,4783,2148],{"class":1644},[1638,4785,1784],{"class":1644},[1638,4787,4574],{"class":1648},[1638,4789,2139],{"class":1644},[1638,4791,2142],{"class":1644},[1638,4793,4667],{"class":1672},[1638,4795,2148],{"class":1644},[1638,4797,2179],{"class":1644},[1638,4799,4800],{"class":1640,"line":2062},[1638,4801,2361],{"class":1701},[1638,4803,4804],{"class":1640,"line":2072},[1638,4805,2018],{"emptyLinePlaceholder":2017},[1638,4807,4808,4810,4812,4814,4816,4818,4820,4822,4824,4826,4828,4830,4832,4834,4836,4838,4840,4842,4844,4846,4848],{"class":1640,"line":2082},[1638,4809,2372],{"class":1662},[1638,4811,2375],{"class":2123},[1638,4813,2378],{"class":1644},[1638,4815,2382],{"class":2381},[1638,4817,2139],{"class":1644},[1638,4819,2387],{"class":1644},[1638,4821,2136],{"class":1648},[1638,4823,2139],{"class":1644},[1638,4825,2395],{"class":2394},[1638,4827,1784],{"class":1644},[1638,4829,4560],{"class":1648},[1638,4831,2139],{"class":1644},[1638,4833,2395],{"class":2394},[1638,4835,1784],{"class":1644},[1638,4837,4574],{"class":1648},[1638,4839,2139],{"class":1644},[1638,4841,2395],{"class":2394},[1638,4843,2414],{"class":1644},[1638,4845,2417],{"class":1701},[1638,4847,2420],{"class":1644},[1638,4849,2423],{"class":1644},[1638,4851,4852,4854,4856,4858,4860,4862,4864,4866],{"class":1640,"line":2087},[1638,4853,2429],{"class":1701},[1638,4855,1576],{"class":1644},[1638,4857,2434],{"class":1701},[1638,4859,2437],{"class":1644},[1638,4861,2440],{"class":1648},[1638,4863,2443],{"class":1644},[1638,4865,2382],{"class":1701},[1638,4867,2448],{"class":1648},[1638,4869,4870],{"class":1640,"line":2112},[1638,4871,2454],{"class":1644},[1638,4873,4874,4876,4878],{"class":1640,"line":2130},[1638,4875,2075],{"class":1644},[1638,4877,2092],{"class":1648},[1638,4879,1651],{"class":1644},[1578,4881,4883],{"id":4882},"multi-select","Multi-select",[1536,4885,4886,4887,4890,4891,4894,4895,1568,4898,1603,4901,4904],{},"With ",[1540,4888,4889],{},"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 ",[1540,4892,4893],{},"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 ",[1540,4896,4897],{},"selectAll",[1540,4899,4900],{},"clearSelection",[1540,4902,4903],{},"getSelected"," methods drive the rest.",[1609,4906,4907,4913],{"label":1611},[1613,4908,1620,4910],{"className":4909},[1618],[1622,4911],{"name":4912},"drag-and-drop-multi-select",[1626,4914,4915],{"v-slot:code":1628},[1630,4916,4918],{"className":1632,"code":4917,"language":1634,"meta":1628,"style":1628},"\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",[1540,4919,4920,4928,4946,4964,4970,4983,4996,5009,5024,5029,5034,5042,5048,5060,5072,5084,5098,5102,5107,5115,5142,5150,5154,5160,5174,5188,5205,5220,5224,5257,5263,5275,5287,5291,5298,5311,5325,5329,5335,5349,5362,5375,5379,5387,5393,5405,5417,5421,5440,5458,5463,5472,5490,5495,5503,5511,5519,5527,5535,5539,5557,5562,5597,5605,5613,5621,5625,5645,5692,5696,5708,5752,5795,5838,5880,5884,5888,5911,5915,5967,5981,6007,6043,6047,6051,6062,6078,6091,6095,6099,6109,6123,6159,6163],{"__ignoreMap":1628},[1638,4921,4922,4924,4926],{"class":1640,"line":1641},[1638,4923,1645],{"class":1644},[1638,4925,1626],{"class":1648},[1638,4927,1651],{"class":1644},[1638,4929,4930,4932,4934,4936,4938,4940,4942,4944],{"class":1640,"line":1654},[1638,4931,1657],{"class":1644},[1638,4933,1613],{"class":1648},[1638,4935,1663],{"class":1662},[1638,4937,1666],{"class":1644},[1638,4939,1669],{"class":1644},[1638,4941,2686],{"class":1672},[1638,4943,1669],{"class":1644},[1638,4945,1651],{"class":1644},[1638,4947,4948,4950,4952,4954,4956,4958,4960,4962],{"class":1640,"line":1680},[1638,4949,1683],{"class":1644},[1638,4951,1613],{"class":1648},[1638,4953,1663],{"class":1662},[1638,4955,1666],{"class":1644},[1638,4957,1669],{"class":1644},[1638,4959,3284],{"class":1672},[1638,4961,1669],{"class":1644},[1638,4963,1651],{"class":1644},[1638,4965,4966,4968],{"class":1640,"line":1689},[1638,4967,1763],{"class":1644},[1638,4969,2735],{"class":1648},[1638,4971,4972,4975,4977,4979,4981],{"class":1640,"line":1707},[1638,4973,4974],{"class":1662},"        size",[1638,4976,1666],{"class":1644},[1638,4978,1669],{"class":1644},[1638,4980,1941],{"class":1672},[1638,4982,1704],{"class":1644},[1638,4984,4985,4988,4990,4992,4994],{"class":1640,"line":1722},[1638,4986,4987],{"class":1662},"        color",[1638,4989,1666],{"class":1644},[1638,4991,1669],{"class":1644},[1638,4993,2822],{"class":1672},[1638,4995,1704],{"class":1644},[1638,4997,4998,5001,5003,5005,5007],{"class":1640,"line":1737},[1638,4999,5000],{"class":1662},"        variant",[1638,5002,1666],{"class":1644},[1638,5004,1669],{"class":1644},[1638,5006,1956],{"class":1672},[1638,5008,1704],{"class":1644},[1638,5010,5011,5014,5016,5018,5020,5022],{"class":1640,"line":1754},[1638,5012,5013],{"class":1644},"        @",[1638,5015,2868],{"class":1662},[1638,5017,1666],{"class":1644},[1638,5019,1669],{"class":1644},[1638,5021,4897],{"class":1701},[1638,5023,1704],{"class":1644},[1638,5025,5026],{"class":1640,"line":1760},[1638,5027,5028],{"class":1644},"      >\n",[1638,5030,5031],{"class":1640,"line":1797},[1638,5032,5033],{"class":1701},"        Select all\n",[1638,5035,5036,5038,5040],{"class":1640,"line":1806},[1638,5037,1996],{"class":1644},[1638,5039,2897],{"class":1648},[1638,5041,1651],{"class":1644},[1638,5043,5044,5046],{"class":1640,"line":1821},[1638,5045,1763],{"class":1644},[1638,5047,2735],{"class":1648},[1638,5049,5050,5052,5054,5056,5058],{"class":1640,"line":1836},[1638,5051,4974],{"class":1662},[1638,5053,1666],{"class":1644},[1638,5055,1669],{"class":1644},[1638,5057,1941],{"class":1672},[1638,5059,1704],{"class":1644},[1638,5061,5062,5064,5066,5068,5070],{"class":1640,"line":1842},[1638,5063,4987],{"class":1662},[1638,5065,1666],{"class":1644},[1638,5067,1669],{"class":1644},[1638,5069,2822],{"class":1672},[1638,5071,1704],{"class":1644},[1638,5073,5074,5076,5078,5080,5082],{"class":1640,"line":1851},[1638,5075,5000],{"class":1662},[1638,5077,1666],{"class":1644},[1638,5079,1669],{"class":1644},[1638,5081,1956],{"class":1672},[1638,5083,1704],{"class":1644},[1638,5085,5086,5088,5090,5092,5094,5096],{"class":1640,"line":1866},[1638,5087,5013],{"class":1644},[1638,5089,2868],{"class":1662},[1638,5091,1666],{"class":1644},[1638,5093,1669],{"class":1644},[1638,5095,4900],{"class":1701},[1638,5097,1704],{"class":1644},[1638,5099,5100],{"class":1640,"line":1881},[1638,5101,5028],{"class":1644},[1638,5103,5104],{"class":1640,"line":1887},[1638,5105,5106],{"class":1701},"        Clear\n",[1638,5108,5109,5111,5113],{"class":1640,"line":1907},[1638,5110,1996],{"class":1644},[1638,5112,2897],{"class":1648},[1638,5114,1651],{"class":1644},[1638,5116,5117,5119,5121,5123,5125,5127,5129,5131,5133,5136,5138,5140],{"class":1640,"line":1913},[1638,5118,1763],{"class":1644},[1638,5120,1638],{"class":1648},[1638,5122,1663],{"class":1662},[1638,5124,1666],{"class":1644},[1638,5126,1669],{"class":1644},[1638,5128,2034],{"class":1672},[1638,5130,1669],{"class":1644},[1638,5132,3346],{"class":1644},[1638,5134,5135],{"class":1701},"{{ selected.length }} selected",[1638,5137,2075],{"class":1644},[1638,5139,1638],{"class":1648},[1638,5141,1651],{"class":1644},[1638,5143,5144,5146,5148],{"class":1640,"line":1923},[1638,5145,2006],{"class":1644},[1638,5147,1613],{"class":1648},[1638,5149,1651],{"class":1644},[1638,5151,5152],{"class":1640,"line":1931},[1638,5153,2018],{"emptyLinePlaceholder":2017},[1638,5155,5156,5158],{"class":1640,"line":1946},[1638,5157,1683],{"class":1644},[1638,5159,1686],{"class":1648},[1638,5161,5162,5165,5167,5169,5172],{"class":1640,"line":1961},[1638,5163,5164],{"class":1662},"      ref",[1638,5166,1666],{"class":1644},[1638,5168,1669],{"class":1644},[1638,5170,5171],{"class":1672},"dragDropRef",[1638,5173,1704],{"class":1644},[1638,5175,5176,5178,5180,5182,5184,5186],{"class":1640,"line":1967},[1638,5177,1692],{"class":1644},[1638,5179,1557],{"class":1662},[1638,5181,1666],{"class":1644},[1638,5183,1669],{"class":1644},[1638,5185,1557],{"class":1701},[1638,5187,1704],{"class":1644},[1638,5189,5190,5192,5195,5197,5199,5203],{"class":1640,"line":1973},[1638,5191,1692],{"class":1644},[1638,5193,5194],{"class":1662},"allow-multi-select",[1638,5196,1666],{"class":1644},[1638,5198,1669],{"class":1644},[1638,5200,5202],{"class":5201},"sfNiH","true",[1638,5204,1704],{"class":1644},[1638,5206,5207,5209,5211,5213,5215,5218],{"class":1640,"line":1983},[1638,5208,1740],{"class":1644},[1638,5210,4893],{"class":1662},[1638,5212,1666],{"class":1644},[1638,5214,1669],{"class":1644},[1638,5216,5217],{"class":1701},"onSelect",[1638,5219,1704],{"class":1644},[1638,5221,5222],{"class":1640,"line":1993},[1638,5223,1757],{"class":1644},[1638,5225,5226,5228,5230,5232,5234,5236,5238,5240,5242,5244,5247,5249,5251,5253,5255],{"class":1640,"line":2003},[1638,5227,1763],{"class":1644},[1638,5229,1626],{"class":1648},[1638,5231,1768],{"class":1644},[1638,5233,1771],{"class":1662},[1638,5235,1666],{"class":1644},[1638,5237,1669],{"class":1644},[1638,5239,1778],{"class":1644},[1638,5241,1781],{"class":1701},[1638,5243,1784],{"class":1644},[1638,5245,5246],{"class":1701}," isSelected",[1638,5248,1784],{"class":1644},[1638,5250,1787],{"class":1701},[1638,5252,1790],{"class":1644},[1638,5254,1669],{"class":1644},[1638,5256,1651],{"class":1644},[1638,5258,5259,5261],{"class":1640,"line":2014},[1638,5260,1800],{"class":1644},[1638,5262,1803],{"class":1648},[1638,5264,5265,5267,5269,5271,5273],{"class":1640,"line":2021},[1638,5266,1809],{"class":1662},[1638,5268,1666],{"class":1644},[1638,5270,1669],{"class":1644},[1638,5272,1816],{"class":1672},[1638,5274,1704],{"class":1644},[1638,5276,5277,5279,5281,5283,5285],{"class":1640,"line":2041},[1638,5278,1824],{"class":1662},[1638,5280,1666],{"class":1644},[1638,5282,1669],{"class":1644},[1638,5284,1831],{"class":1672},[1638,5286,1704],{"class":1644},[1638,5288,5289],{"class":1640,"line":2047},[1638,5290,1839],{"class":1644},[1638,5292,5293,5295],{"class":1640,"line":2053},[1638,5294,1845],{"class":1644},[1638,5296,5297],{"class":1648},"span\n",[1638,5299,5300,5302,5304,5306,5309],{"class":1640,"line":2062},[1638,5301,1869],{"class":1662},[1638,5303,1666],{"class":1644},[1638,5305,1669],{"class":1644},[1638,5307,5308],{"class":1672},"flex size-4 shrink-0 items-center justify-center rounded border transition-colors",[1638,5310,1704],{"class":1644},[1638,5312,5313,5316,5318,5320,5323],{"class":1640,"line":2072},[1638,5314,5315],{"class":1662},"            :class",[1638,5317,1666],{"class":1644},[1638,5319,1669],{"class":1644},[1638,5321,5322],{"class":1672},"isSelected ? 'border-primary bg-primary text-inverted' : 'border-accented'",[1638,5324,1704],{"class":1644},[1638,5326,5327],{"class":1640,"line":2082},[1638,5328,1964],{"class":1644},[1638,5330,5331,5333],{"class":1640,"line":2087},[1638,5332,3293],{"class":1644},[1638,5334,1848],{"class":1648},[1638,5336,5337,5340,5342,5344,5347],{"class":1640,"line":2112},[1638,5338,5339],{"class":2740},"              v-if",[1638,5341,1666],{"class":1644},[1638,5343,1669],{"class":1644},[1638,5345,5346],{"class":1701},"isSelected",[1638,5348,1704],{"class":1644},[1638,5350,5351,5353,5355,5357,5360],{"class":1640,"line":2130},[1638,5352,3300],{"class":1662},[1638,5354,1666],{"class":1644},[1638,5356,1669],{"class":1644},[1638,5358,5359],{"class":1672},"i-lucide-check",[1638,5361,1704],{"class":1644},[1638,5363,5364,5366,5368,5370,5373],{"class":1640,"line":2182},[1638,5365,3313],{"class":1662},[1638,5367,1666],{"class":1644},[1638,5369,1669],{"class":1644},[1638,5371,5372],{"class":1672},"size-3",[1638,5374,1704],{"class":1644},[1638,5376,5377],{"class":1640,"line":2226},[1638,5378,3326],{"class":1644},[1638,5380,5381,5383,5385],{"class":1640,"line":2270},[1638,5382,1916],{"class":1644},[1638,5384,1638],{"class":1648},[1638,5386,1651],{"class":1644},[1638,5388,5389,5391],{"class":1640,"line":2314},[1638,5390,1845],{"class":1644},[1638,5392,1848],{"class":1648},[1638,5394,5395,5397,5399,5401,5403],{"class":1640,"line":2358},[1638,5396,1854],{"class":1662},[1638,5398,1666],{"class":1644},[1638,5400,1669],{"class":1644},[1638,5402,1861],{"class":1672},[1638,5404,1704],{"class":1644},[1638,5406,5407,5409,5411,5413,5415],{"class":1640,"line":2364},[1638,5408,1869],{"class":1662},[1638,5410,1666],{"class":1644},[1638,5412,1669],{"class":1644},[1638,5414,1876],{"class":1672},[1638,5416,1704],{"class":1644},[1638,5418,5419],{"class":1640,"line":2369},[1638,5420,1884],{"class":1644},[1638,5422,5423,5425,5427,5429,5431,5433,5436,5438],{"class":1640,"line":2426},[1638,5424,1845],{"class":1644},[1638,5426,1613],{"class":1648},[1638,5428,1663],{"class":1662},[1638,5430,1666],{"class":1644},[1638,5432,1669],{"class":1644},[1638,5434,5435],{"class":1672},"min-w-0",[1638,5437,1669],{"class":1644},[1638,5439,1651],{"class":1644},[1638,5441,5442,5444,5446,5448,5450,5452,5454,5456],{"class":1640,"line":2451},[1638,5443,3293],{"class":1644},[1638,5445,1613],{"class":1648},[1638,5447,1663],{"class":1662},[1638,5449,1666],{"class":1644},[1638,5451,1669],{"class":1644},[1638,5453,3341],{"class":1672},[1638,5455,1669],{"class":1644},[1638,5457,1651],{"class":1644},[1638,5459,5460],{"class":1640,"line":2457},[1638,5461,5462],{"class":1701},"              {{ item.name }}\n",[1638,5464,5465,5468,5470],{"class":1640,"line":3358},[1638,5466,5467],{"class":1644},"            \u003C\u002F",[1638,5469,1613],{"class":1648},[1638,5471,1651],{"class":1644},[1638,5473,5474,5476,5478,5480,5482,5484,5486,5488],{"class":1640,"line":3367},[1638,5475,3293],{"class":1644},[1638,5477,1613],{"class":1648},[1638,5479,1663],{"class":1662},[1638,5481,1666],{"class":1644},[1638,5483,1669],{"class":1644},[1638,5485,2034],{"class":1672},[1638,5487,1669],{"class":1644},[1638,5489,1651],{"class":1644},[1638,5491,5492],{"class":1640,"line":3374},[1638,5493,5494],{"class":1701},"              {{ item.status }}\n",[1638,5496,5497,5499,5501],{"class":1640,"line":3387},[1638,5498,5467],{"class":1644},[1638,5500,1613],{"class":1648},[1638,5502,1651],{"class":1644},[1638,5504,5505,5507,5509],{"class":1640,"line":3400},[1638,5506,1916],{"class":1644},[1638,5508,1613],{"class":1648},[1638,5510,1651],{"class":1644},[1638,5512,5513,5515,5517],{"class":1640,"line":3405},[1638,5514,1986],{"class":1644},[1638,5516,1613],{"class":1648},[1638,5518,1651],{"class":1644},[1638,5520,5521,5523,5525],{"class":1640,"line":3410},[1638,5522,1996],{"class":1644},[1638,5524,1626],{"class":1648},[1638,5526,1651],{"class":1644},[1638,5528,5529,5531,5533],{"class":1640,"line":3419},[1638,5530,2006],{"class":1644},[1638,5532,2009],{"class":1648},[1638,5534,1651],{"class":1644},[1638,5536,5537],{"class":1640,"line":3428},[1638,5538,2018],{"emptyLinePlaceholder":2017},[1638,5540,5541,5543,5545,5547,5549,5551,5553,5555],{"class":1640,"line":3437},[1638,5542,1683],{"class":1644},[1638,5544,1536],{"class":1648},[1638,5546,1663],{"class":1662},[1638,5548,1666],{"class":1644},[1638,5550,1669],{"class":1644},[1638,5552,2034],{"class":1672},[1638,5554,1669],{"class":1644},[1638,5556,1651],{"class":1644},[1638,5558,5559],{"class":1640,"line":3446},[1638,5560,5561],{"class":1701},"      Click a row to toggle it; ctrl\u002Fcmd-click to select several. The exposed\n",[1638,5563,5564,5566,5568,5570,5572,5574,5576,5578,5580,5582,5584,5586,5588,5590,5592,5594],{"class":1640,"line":3451},[1638,5565,1763],{"class":1644},[1638,5567,1540],{"class":1648},[1638,5569,3346],{"class":1644},[1638,5571,4897],{"class":1701},[1638,5573,2075],{"class":1644},[1638,5575,1540],{"class":1648},[1638,5577,3346],{"class":1644},[1638,5579,1603],{"class":1701},[1638,5581,1645],{"class":1644},[1638,5583,1540],{"class":1648},[1638,5585,3346],{"class":1644},[1638,5587,4900],{"class":1701},[1638,5589,2075],{"class":1644},[1638,5591,1540],{"class":1648},[1638,5593,3346],{"class":1644},[1638,5595,5596],{"class":1701}," methods drive the buttons.\n",[1638,5598,5599,5601,5603],{"class":1640,"line":3470},[1638,5600,2006],{"class":1644},[1638,5602,1536],{"class":1648},[1638,5604,1651],{"class":1644},[1638,5606,5607,5609,5611],{"class":1640,"line":3507},[1638,5608,2065],{"class":1644},[1638,5610,1613],{"class":1648},[1638,5612,1651],{"class":1644},[1638,5614,5615,5617,5619],{"class":1640,"line":3536},[1638,5616,2075],{"class":1644},[1638,5618,1626],{"class":1648},[1638,5620,1651],{"class":1644},[1638,5622,5623],{"class":1640,"line":3542},[1638,5624,2018],{"emptyLinePlaceholder":2017},[1638,5626,5627,5629,5631,5633,5635,5637,5639,5641,5643],{"class":1640,"line":3551},[1638,5628,1645],{"class":1644},[1638,5630,2092],{"class":1648},[1638,5632,2095],{"class":1662},[1638,5634,2098],{"class":1662},[1638,5636,1666],{"class":1644},[1638,5638,1669],{"class":1644},[1638,5640,2105],{"class":1672},[1638,5642,1669],{"class":1644},[1638,5644,1651],{"class":1644},[1638,5646,5647,5649,5652,5654,5656,5659,5662,5664,5667,5670,5673,5675,5678,5680,5682,5684,5686,5689],{"class":1640,"line":3560},[1638,5648,2115],{"class":1662},[1638,5650,5651],{"class":1701}," dragDropRef ",[1638,5653,1666],{"class":1644},[1638,5655,2124],{"class":2123},[1638,5657,5658],{"class":1644},"\u003C{",[1638,5660,5661],{"class":1648}," clearSelection",[1638,5663,2139],{"class":1644},[1638,5665,5666],{"class":1644}," ()",[1638,5668,5669],{"class":1662}," =>",[1638,5671,5672],{"class":2394}," void",[1638,5674,1784],{"class":1644},[1638,5676,5677],{"class":1648}," selectAll",[1638,5679,2139],{"class":1644},[1638,5681,5666],{"class":1644},[1638,5683,5669],{"class":1662},[1638,5685,5672],{"class":2394},[1638,5687,5688],{"class":1644}," }>",[1638,5690,5691],{"class":1701},"()\n",[1638,5693,5694],{"class":1640,"line":3569},[1638,5695,2018],{"emptyLinePlaceholder":2017},[1638,5697,5698,5700,5702,5704,5706],{"class":1640,"line":3578},[1638,5699,2115],{"class":1662},[1638,5701,2118],{"class":1701},[1638,5703,1666],{"class":1644},[1638,5705,2124],{"class":2123},[1638,5707,2127],{"class":1701},[1638,5709,5710,5712,5714,5716,5718,5721,5723,5725,5727,5729,5731,5734,5736,5738,5741,5743,5745,5748,5750],{"class":1640,"line":3583},[1638,5711,2133],{"class":1644},[1638,5713,2136],{"class":1648},[1638,5715,2139],{"class":1644},[1638,5717,2142],{"class":1644},[1638,5719,5720],{"class":1672},"stage-1",[1638,5722,2148],{"class":1644},[1638,5724,1784],{"class":1644},[1638,5726,4560],{"class":1648},[1638,5728,2139],{"class":1644},[1638,5730,2142],{"class":1644},[1638,5732,5733],{"class":1672},"Stage 1",[1638,5735,2148],{"class":1644},[1638,5737,1784],{"class":1644},[1638,5739,5740],{"class":1648}," status",[1638,5742,2139],{"class":1644},[1638,5744,2142],{"class":1644},[1638,5746,5747],{"class":1672},"In Progress",[1638,5749,2148],{"class":1644},[1638,5751,2179],{"class":1644},[1638,5753,5754,5756,5758,5760,5762,5765,5767,5769,5771,5773,5775,5778,5780,5782,5784,5786,5788,5791,5793],{"class":1640,"line":3604},[1638,5755,2133],{"class":1644},[1638,5757,2136],{"class":1648},[1638,5759,2139],{"class":1644},[1638,5761,2142],{"class":1644},[1638,5763,5764],{"class":1672},"stage-2",[1638,5766,2148],{"class":1644},[1638,5768,1784],{"class":1644},[1638,5770,4560],{"class":1648},[1638,5772,2139],{"class":1644},[1638,5774,2142],{"class":1644},[1638,5776,5777],{"class":1672},"Stage 2",[1638,5779,2148],{"class":1644},[1638,5781,1784],{"class":1644},[1638,5783,5740],{"class":1648},[1638,5785,2139],{"class":1644},[1638,5787,2142],{"class":1644},[1638,5789,5790],{"class":1672},"Completed",[1638,5792,2148],{"class":1644},[1638,5794,2179],{"class":1644},[1638,5796,5797,5799,5801,5803,5805,5808,5810,5812,5814,5816,5818,5821,5823,5825,5827,5829,5831,5834,5836],{"class":1640,"line":3639},[1638,5798,2133],{"class":1644},[1638,5800,2136],{"class":1648},[1638,5802,2139],{"class":1644},[1638,5804,2142],{"class":1644},[1638,5806,5807],{"class":1672},"stage-3",[1638,5809,2148],{"class":1644},[1638,5811,1784],{"class":1644},[1638,5813,4560],{"class":1648},[1638,5815,2139],{"class":1644},[1638,5817,2142],{"class":1644},[1638,5819,5820],{"class":1672},"Stage 3",[1638,5822,2148],{"class":1644},[1638,5824,1784],{"class":1644},[1638,5826,5740],{"class":1648},[1638,5828,2139],{"class":1644},[1638,5830,2142],{"class":1644},[1638,5832,5833],{"class":1672},"Pending",[1638,5835,2148],{"class":1644},[1638,5837,2179],{"class":1644},[1638,5839,5840,5842,5844,5846,5848,5851,5853,5855,5857,5859,5861,5864,5866,5868,5870,5872,5874,5876,5878],{"class":1640,"line":3671},[1638,5841,2133],{"class":1644},[1638,5843,2136],{"class":1648},[1638,5845,2139],{"class":1644},[1638,5847,2142],{"class":1644},[1638,5849,5850],{"class":1672},"stage-4",[1638,5852,2148],{"class":1644},[1638,5854,1784],{"class":1644},[1638,5856,4560],{"class":1648},[1638,5858,2139],{"class":1644},[1638,5860,2142],{"class":1644},[1638,5862,5863],{"class":1672},"Stage 4",[1638,5865,2148],{"class":1644},[1638,5867,1784],{"class":1644},[1638,5869,5740],{"class":1648},[1638,5871,2139],{"class":1644},[1638,5873,2142],{"class":1644},[1638,5875,5747],{"class":1672},[1638,5877,2148],{"class":1644},[1638,5879,2179],{"class":1644},[1638,5881,5882],{"class":1640,"line":3676},[1638,5883,2361],{"class":1701},[1638,5885,5886],{"class":1640,"line":3719},[1638,5887,2018],{"emptyLinePlaceholder":2017},[1638,5889,5890,5892,5895,5897,5899,5901,5904,5906,5908],{"class":1640,"line":3761},[1638,5891,2115],{"class":1662},[1638,5893,5894],{"class":1701}," selected ",[1638,5896,1666],{"class":1644},[1638,5898,2124],{"class":2123},[1638,5900,1645],{"class":1644},[1638,5902,5903],{"class":2394},"string",[1638,5905,2417],{"class":1701},[1638,5907,3346],{"class":1644},[1638,5909,5910],{"class":1701},"([])\n",[1638,5912,5913],{"class":1640,"line":3766},[1638,5914,2018],{"emptyLinePlaceholder":2017},[1638,5916,5917,5919,5922,5924,5927,5929,5931,5933,5935,5937,5939,5941,5943,5945,5947,5949,5951,5953,5956,5958,5960,5963,5965],{"class":1640,"line":3795},[1638,5918,2372],{"class":1662},[1638,5920,5921],{"class":2123}," onSelect",[1638,5923,2378],{"class":1644},[1638,5925,5926],{"class":2381},"item",[1638,5928,2139],{"class":1644},[1638,5930,2387],{"class":1644},[1638,5932,2136],{"class":1648},[1638,5934,2139],{"class":1644},[1638,5936,2395],{"class":2394},[1638,5938,1784],{"class":1644},[1638,5940,4560],{"class":1648},[1638,5942,2139],{"class":1644},[1638,5944,2395],{"class":2394},[1638,5946,1784],{"class":1644},[1638,5948,5740],{"class":1648},[1638,5950,2139],{"class":1644},[1638,5952,2395],{"class":2394},[1638,5954,5955],{"class":1644}," },",[1638,5957,5246],{"class":2381},[1638,5959,2139],{"class":1644},[1638,5961,5962],{"class":2394}," boolean",[1638,5964,2420],{"class":1644},[1638,5966,2423],{"class":1644},[1638,5968,5969,5972,5974,5976,5978],{"class":1640,"line":3823},[1638,5970,5971],{"class":1701},"  selected",[1638,5973,1576],{"class":1644},[1638,5975,2434],{"class":1701},[1638,5977,2437],{"class":1644},[1638,5979,5980],{"class":1701}," isSelected\n",[1638,5982,5983,5986,5988,5990,5993,5995,5997,5999,6001,6003,6005],{"class":1640,"line":3828},[1638,5984,5985],{"class":1644},"    ?",[1638,5987,2440],{"class":1648},[1638,5989,2443],{"class":1644},[1638,5991,5992],{"class":1701},"selected",[1638,5994,1576],{"class":1644},[1638,5996,2434],{"class":1701},[1638,5998,1784],{"class":1644},[1638,6000,1781],{"class":1701},[1638,6002,1576],{"class":1644},[1638,6004,1575],{"class":1701},[1638,6006,2448],{"class":1648},[1638,6008,6009,6012,6015,6017,6019,6021,6024,6026,6028,6030,6032,6035,6037,6039,6041],{"class":1640,"line":3841},[1638,6010,6011],{"class":1644},"    :",[1638,6013,6014],{"class":1701}," selected",[1638,6016,1576],{"class":1644},[1638,6018,2434],{"class":1701},[1638,6020,1576],{"class":1644},[1638,6022,6023],{"class":2123},"filter",[1638,6025,2378],{"class":1648},[1638,6027,1575],{"class":2381},[1638,6029,5669],{"class":1662},[1638,6031,2136],{"class":1701},[1638,6033,6034],{"class":1644}," !==",[1638,6036,1781],{"class":1701},[1638,6038,1576],{"class":1644},[1638,6040,1575],{"class":1701},[1638,6042,3792],{"class":1648},[1638,6044,6045],{"class":1640,"line":3882},[1638,6046,2454],{"class":1644},[1638,6048,6049],{"class":1640,"line":3923},[1638,6050,2018],{"emptyLinePlaceholder":2017},[1638,6052,6053,6055,6057,6060],{"class":1640,"line":3964},[1638,6054,2372],{"class":1662},[1638,6056,5661],{"class":2123},[1638,6058,6059],{"class":1644},"()",[1638,6061,2423],{"class":1644},[1638,6063,6064,6067,6069,6071,6074,6076],{"class":1640,"line":4005},[1638,6065,6066],{"class":1701},"  dragDropRef",[1638,6068,1576],{"class":1644},[1638,6070,2434],{"class":1701},[1638,6072,6073],{"class":1644},"?.",[1638,6075,4900],{"class":2123},[1638,6077,5691],{"class":1648},[1638,6079,6080,6082,6084,6086,6088],{"class":1640,"line":4046},[1638,6081,5971],{"class":1701},[1638,6083,1576],{"class":1644},[1638,6085,2434],{"class":1701},[1638,6087,2437],{"class":1644},[1638,6089,6090],{"class":1648}," []\n",[1638,6092,6093],{"class":1640,"line":4090},[1638,6094,2454],{"class":1644},[1638,6096,6097],{"class":1640,"line":4095},[1638,6098,2018],{"emptyLinePlaceholder":2017},[1638,6100,6101,6103,6105,6107],{"class":1640,"line":4100},[1638,6102,2372],{"class":1662},[1638,6104,5677],{"class":2123},[1638,6106,6059],{"class":1644},[1638,6108,2423],{"class":1644},[1638,6110,6111,6113,6115,6117,6119,6121],{"class":1640,"line":4145},[1638,6112,6066],{"class":1701},[1638,6114,1576],{"class":1644},[1638,6116,2434],{"class":1701},[1638,6118,6073],{"class":1644},[1638,6120,4897],{"class":2123},[1638,6122,5691],{"class":1648},[1638,6124,6125,6127,6129,6131,6133,6136,6138,6140,6142,6145,6147,6149,6151,6153,6155,6157],{"class":1640,"line":4164},[1638,6126,5971],{"class":1701},[1638,6128,1576],{"class":1644},[1638,6130,2434],{"class":1701},[1638,6132,2437],{"class":1644},[1638,6134,6135],{"class":1701}," items",[1638,6137,1576],{"class":1644},[1638,6139,2434],{"class":1701},[1638,6141,1576],{"class":1644},[1638,6143,6144],{"class":2123},"map",[1638,6146,2378],{"class":1648},[1638,6148,5926],{"class":2381},[1638,6150,5669],{"class":1662},[1638,6152,1781],{"class":1701},[1638,6154,1576],{"class":1644},[1638,6156,1575],{"class":1701},[1638,6158,3792],{"class":1648},[1638,6160,6161],{"class":1640,"line":4169},[1638,6162,2454],{"class":1644},[1638,6164,6166,6168,6170],{"class":1640,"line":6165},94,[1638,6167,2075],{"class":1644},[1638,6169,2092],{"class":1648},[1638,6171,1651],{"class":1644},[1578,6173,6175],{"id":6174},"props","Props",[6177,6178,6179,6207,6212,6225,6239,6243,6254,6267,6274,6279,6283,6287],"component-props",{},[6180,6181,6183,6184,6186,6187,6190,6191,6194,6195,6197,6198,6200,6201,6203,6204,6206],"component-prop",{"name":1557,"type":6182},"DragItem[]","The items to render. Each needs an ",[1540,6185,1575],{}," — used as the ",[1540,6188,6189],{},"layout-id"," and the\nselection key — and may carry anything else your slot reads. The type allows\n",[1540,6192,6193],{},"string | number",", but ",[1540,6196,1575],{}," is bound straight to ",[1540,6199,6189],{},", so prefer a\nstring: a numeric id reaches ",[1540,6202,6189],{}," 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 ",[1540,6205,1553],{}," is safe.",[6180,6208,6211],{"name":1595,"type":6209,"default":6210},"'list' | 'grid' | 'masonry'","'list'","How the items are arranged. See the table above.",[6180,6213,6216,6217,6219,6220,6222,6223,1576],{"name":2490,"type":6214,"default":6215},"'sort' | 'move' | 'copy'","'sort'","What a drop means, and whether three drop zones are rendered beneath the\ncontainer. In ",[1540,6218,1546],{}," mode the drag operation is announced to the platform as\n",[1540,6221,1546],{}," rather than ",[1540,6224,1542],{},[6180,6226,6230,6231,6234,6235,6238],{"name":6227,"type":6228,"default":6229},"disabled","boolean","false","Blocks dragging — the container ignores ",[1540,6232,6233],{},"dragstart"," — and dims every item with\na ",[1540,6236,6237],{},"cursor-not-allowed"," and reduced opacity. Drop handling is not separately\ngated.",[6180,6240,6242],{"name":6241,"type":6228,"default":6229},"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.",[6180,6244,6246,6247,6249,6250,6253],{"name":1602,"type":6245,"default":3158},"number","Column count for ",[1540,6248,4183],{},", used to build the ",[1540,6251,6252],{},"grid-cols-*"," class.\nIgnored by the other layouts.",[6180,6255,6256,6257,6259,6260,2751,6262,6264,6265,1576],{"name":1606,"type":6245,"default":3173},"Spacing, interpreted per layout: a Tailwind step in ",[1540,6258,1599],{}," (divided by four),\npixels of ",[1540,6261,2641],{},[1540,6263,2611],{},", unused in ",[1540,6266,2582],{},[6180,6268,6269,6270,6273],{"name":4889,"type":6228,"default":6229},"Turns on click and ctrl\u002Fcmd-click selection, tracked in a ",[1540,6271,6272],{},"Set"," of ids and\nreflected with a blue ring. Exposed methods cover the rest — see below.",[6180,6275,6278],{"name":6276,"type":6245,"default":6277},"animationDuration","0.3","Duration of the spring that settles items into place after a reorder. Read as\na spring duration, not milliseconds.",[6180,6280,6282],{"name":6281,"type":5903},"class","Appended to the container's own layout classes.",[6180,6284,6286],{"name":6285,"type":5903},"itemClass","Appended to each item's state-derived classes.",[6180,6288,6290],{"name":6289,"type":6228,"default":5202},"snapToGrid","Declared but not wired: nothing in the component reads it, so it has no effect.",[1578,6292,6294],{"id":6293},"events","Events",[6296,6297,6298,6306,6311,6316,6327],"component-events",{},[6299,6300,6302,6303,6305],"component-event",{"name":1553,"type":6301},"(items: DragItem[]) => void","The full reordered array, fired after a reorder on an item and — in ",[1540,6304,1542],{}," 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.",[6299,6307,6310],{"name":6308,"type":6309},"dragStart","(item: DragItem, index: number) => void","Fired when a drag begins, with the item and the index it started from.",[6299,6312,6315],{"name":6313,"type":6314},"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.",[6299,6317,6319,6320,6322,6323,1572,6325,1576],{"name":2561,"type":6318},"(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 ",[1540,6321,2490],{}," is ",[1540,6324,1542],{},[1540,6326,1546],{},[6299,6328,6330,6331,1576],{"name":4893,"type":6329},"(item: DragItem, selected: boolean) => void","Fired on every selection toggle, with the item and whether it is now selected.\nRequires ",[1540,6332,4889],{},[1578,6334,6336],{"id":6335},"slots","Slots",[6338,6339,6340],"component-slots",{},[6341,6342,6343,6344,6347,6348,6351],"component-slot-row",{"name":1771},"Replaces each item's content, scoped with ",[1540,6345,6346],{},"{ 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 ",[1540,6349,6350],{},"motion","\nelement that carries the drag handlers; put a real element inside it.",[1578,6353,6355],{"id":6354},"ui","UI",[1536,6357,6358,6359,6365,6366,2751,6369,1576],{},"This component's theme exposes the slots below. Override any of them per instance with the ",[6360,6361,6362,6364],"a",{"href":21},[1540,6363,6354],{}," prop",", or app-wide under ",[1540,6367,6368],{},"ui.dragAndDrop",[1540,6370,6371],{},"app.config.ts",[6177,6373,6374],{},[6180,6375,6377],{"name":6354,"type":6376},"object","Per-slot classes merged over the theme defaults.",[6338,6379,6380,6386,6391,6397,6403,6409,6415,6421,6427],{},[6341,6381,6383],{"name":6382},"root",[1540,6384,6385],{},"drag-drop-container relative min-h-32",[6341,6387,6388],{"name":5926},[1540,6389,6390],{},"drag-item group relative cursor-pointer transition-all duration-200",[6341,6392,6394],{"name":6393},"itemDefault",[1540,6395,6396],{},"p-4 bg-default rounded-lg border border-default",[6341,6398,6400],{"name":6399},"itemHandle",[1540,6401,6402],{},"absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity cursor-grab",[6341,6404,6406],{"name":6405},"itemHandleIcon",[1540,6407,6408],{},"w-4 h-4 text-dimmed",[6341,6410,6412],{"name":6411},"dropIndicator",[1540,6413,6414],{},"h-1 shrink-0 rounded-full bg-primary shadow-[0_0_0_2px_var(--ui-bg)] animate-pulse",[6341,6416,6418],{"name":6417},"dropZone",[1540,6419,6420],{},"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",[6341,6422,6424],{"name":6423},"dropZoneContent",[1540,6425,6426],{},"text-center text-muted",[6341,6428,6430],{"name":6429},"dropZoneIcon",[1540,6431,6432],{},"w-6 h-6 mx-auto mb-2",[1578,6434,6436],{"id":6435},"accessibility","Accessibility",[1536,6438,6439,6440,6443,6444,6447,6448,1543,6450,1576],{},"There is no ARIA on the container or on the items, and no keyboard alternative to\ndragging. Items are plain ",[1540,6441,6442],{},"motion.div"," elements with ",[1540,6445,6446],{},"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 ",[1540,6449,2868],{},[1540,6451,6452],{},"mousedown",[1536,6454,6455,6456,6458],{},"The default card in the fallback slot is a ",[1540,6457,1613],{},", 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.",[1536,6460,6461,6462,6464,6465,6467],{},"The grip handle revealed by ",[1540,6463,6241],{}," is a decorative ",[1540,6466,1613],{}," with an icon and no\naccessible name.",[1536,6469,6470,6471,6473,6474,6477,6478,1603,6481,6484],{},"Motion is not reduced: the settle spring runs at ",[1540,6472,6276],{}," regardless of\n",[1540,6475,6476],{},"prefers-reduced-motion",". The dragged item's ",[1540,6479,6480],{},"scale-105",[1540,6482,6483],{},"rotate"," are CSS\ntransitions on the same terms.",[1578,6486,6488],{"id":6487},"performance","Performance",[6490,6491,6492,6505,6523,6532,6541],"ul",{},[6493,6494,6495,6496,6498,6499,1603,6501,6504],"li",{},"Each item is a ",[1540,6497,6350],{}," element with a stable ",[1540,6500,6189],{},[1540,6502,6503],{},":initial=\"false\"",",\nso the reorder animation is a layout transition on already-mounted nodes rather\nthan a mount\u002Funmount cycle.",[6493,6506,6507,6508,6511,6512,6515,6516,6518,6519,6522],{},"All state is local: ",[1540,6509,6510],{},"sortedItems"," is a ref, ",[1540,6513,6514],{},"selectedItems"," a ",[1540,6517,6272],{},", and drag\nstate a single ",[1540,6520,6521],{},"reactive"," object. Nothing is emitted per frame.",[6493,6524,6525,6527,6528,6531],{},[1540,6526,1557],{}," is watched with ",[1540,6529,6530],{},"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.",[6493,6533,6534,6537,6538,6540],{},[1540,6535,6536],{},"getItemStyles"," returns an empty object for every layout except ",[1540,6539,2611],{},", so\nthe style binding is a no-op write in the common case.",[6493,6542,6543,6544,6547,6548,6551,6552,6555],{},"The drop indicator is absolutely positioned, so revealing or moving it costs no\nlayout and the list never shifts under the pointer. ",[1540,6545,6546],{},"dragover"," writes nothing\nwhen the gap it resolves to has not changed, and ",[1540,6549,6550],{},"dragleave"," clears the target\nonly when the pointer actually leaves the container — checked against\n",[1540,6553,6554],{},"relatedTarget"," — rather than on every leave, which would blink the indicator.",[6557,6558,6559,6560,6563,6564,6567,6568,1543,6570,6572,6573,1572,6576,6579],"tip",{},"Reordering commits on ",[1540,6561,6562],{},"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 ",[1540,6565,6566],{},"layout=\"list\"","; ",[1540,6569,1599],{},[1540,6571,2611],{}," fall back to a ring on the hovered row. For an explicit target outside\nthe row order itself, ",[1540,6574,6575],{},"mode: 'move'",[1540,6577,6578],{},"'copy'"," gives you the built-in zones\ninstead.",[6581,6582,6583],"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":1628,"searchDepth":1654,"depth":1654,"links":6585},[6586,6587,6588,6589,6590,6591,6592,6593,6594,6595,6596],{"id":1580,"depth":1654,"text":16},{"id":2466,"depth":1654,"text":2467},{"id":2484,"depth":1654,"text":2485},{"id":1599,"depth":1654,"text":4178},{"id":4882,"depth":1654,"text":4883},{"id":6174,"depth":1654,"text":6175},{"id":6293,"depth":1654,"text":6294},{"id":6335,"depth":1654,"text":6336},{"id":6354,"depth":1654,"text":6355},{"id":6435,"depth":1654,"text":6436},{"id":6487,"depth":1654,"text":6488},"A sortable list, grid or masonry of items that reorder on drag and report the new order.","md",null,{},{"title":753,"description":6597},"BdkLheDW_kTKZoLcicb7meMDn6Wv6EwzOuBhkK6HrHk",[6604,6606],{"title":749,"path":750,"stem":751,"description":6605,"children":-1},"macOS-style dock with magnification effects and smooth animations.",{"title":757,"path":758,"stem":759,"description":6607,"children":-1},"A slide-in panel with animated content and optional handle.",1793614350620]