[{"data":1,"prerenderedAt":4358},["ShallowReactive",2],{"navigation_docs":3,"-components-interactive-vector-editor-toolbar":1366,"-components-interactive-vector-editor-toolbar-surround":4353},[4,28,35,1150,1173,1180,1335,1359],{"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,58,148,218,252,362,380,394,512,602,768,786,812,846,880,914,1120],{"title":36,"path":38,"stem":42},"3.components\u002Findex",{"title":44,"icon":45,"path":46,"stem":47,"children":48,"page":57},"3D","i-lucide-box","\u002Fcomponents\u002F3d","3.components\u002F3d",[49,53],{"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",false,{"title":59,"icon":60,"path":61,"stem":62,"children":63,"page":57},"AI","i-lucide-sparkles","\u002Fcomponents\u002Fai","3.components\u002Fai",[64,68,72,76,80,84,88,92,96,100,104,108,112,116,120,124,128,132,136,140,144],{"title":65,"path":66,"stem":67},"Agent Avatar","\u002Fcomponents\u002Fai\u002Fagent-avatar","3.components\u002Fai\u002Fagent-avatar",{"title":69,"path":70,"stem":71},"AI Approval","\u002Fcomponents\u002Fai\u002Fai-approval","3.components\u002Fai\u002Fai-approval",{"title":73,"path":74,"stem":75},"AI Artifact","\u002Fcomponents\u002Fai\u002Fai-artifact","3.components\u002Fai\u002Fai-artifact",{"title":77,"path":78,"stem":79},"AI Branch","\u002Fcomponents\u002Fai\u002Fai-branch","3.components\u002Fai\u002Fai-branch",{"title":81,"path":82,"stem":83},"AI Citation","\u002Fcomponents\u002Fai\u002Fai-citation","3.components\u002Fai\u002Fai-citation",{"title":85,"path":86,"stem":87},"AI Context Meter","\u002Fcomponents\u002Fai\u002Fai-context-meter","3.components\u002Fai\u002Fai-context-meter",{"title":89,"path":90,"stem":91},"AI Conversation","\u002Fcomponents\u002Fai\u002Fai-conversation","3.components\u002Fai\u002Fai-conversation",{"title":93,"path":94,"stem":95},"AI Diff","\u002Fcomponents\u002Fai\u002Fai-diff","3.components\u002Fai\u002Fai-diff",{"title":97,"path":98,"stem":99},"AI Message","\u002Fcomponents\u002Fai\u002Fai-message","3.components\u002Fai\u002Fai-message",{"title":101,"path":102,"stem":103},"AI Messages","\u002Fcomponents\u002Fai\u002Fai-messages","3.components\u002Fai\u002Fai-messages",{"title":105,"path":106,"stem":107},"AI Orb","\u002Fcomponents\u002Fai\u002Fai-orb","3.components\u002Fai\u002Fai-orb",{"title":109,"path":110,"stem":111},"AI Orb Face","\u002Fcomponents\u002Fai\u002Fai-orb-face","3.components\u002Fai\u002Fai-orb-face",{"title":113,"path":114,"stem":115},"AI Orb Face Mouth","\u002Fcomponents\u002Fai\u002Fai-orb-face-mouth","3.components\u002Fai\u002Fai-orb-face-mouth",{"title":117,"path":118,"stem":119},"AI Prompt Input","\u002Fcomponents\u002Fai\u002Fai-prompt-input","3.components\u002Fai\u002Fai-prompt-input",{"title":121,"path":122,"stem":123},"AI Reasoning","\u002Fcomponents\u002Fai\u002Fai-reasoning","3.components\u002Fai\u002Fai-reasoning",{"title":125,"path":126,"stem":127},"AI Response","\u002Fcomponents\u002Fai\u002Fai-response","3.components\u002Fai\u002Fai-response",{"title":129,"path":130,"stem":131},"AI Sources","\u002Fcomponents\u002Fai\u002Fai-sources","3.components\u002Fai\u002Fai-sources",{"title":133,"path":134,"stem":135},"AI Suggestions","\u002Fcomponents\u002Fai\u002Fai-suggestions","3.components\u002Fai\u002Fai-suggestions",{"title":137,"path":138,"stem":139},"AI Task List","\u002Fcomponents\u002Fai\u002Fai-task-list","3.components\u002Fai\u002Fai-task-list",{"title":141,"path":142,"stem":143},"AI Tool Call","\u002Fcomponents\u002Fai\u002Fai-tool-call","3.components\u002Fai\u002Fai-tool-call",{"title":145,"path":146,"stem":147},"Image Generation Panel","\u002Fcomponents\u002Fai\u002Fimage-generation-panel","3.components\u002Fai\u002Fimage-generation-panel",{"title":149,"icon":150,"path":151,"stem":152,"children":153,"page":57},"Backgrounds","i-lucide-layers","\u002Fcomponents\u002Fbackgrounds","3.components\u002Fbackgrounds",[154,158,162,166,170,174,178,182,186,190,194,198,202,206,210,214],{"title":155,"path":156,"stem":157},"Animated Background","\u002Fcomponents\u002Fbackgrounds\u002Fanimated-background","3.components\u002Fbackgrounds\u002Fanimated-background",{"title":159,"path":160,"stem":161},"Animated Spotlight","\u002Fcomponents\u002Fbackgrounds\u002Fanimated-spotlight","3.components\u002Fbackgrounds\u002Fanimated-spotlight",{"title":163,"path":164,"stem":165},"Aurora Background","\u002Fcomponents\u002Fbackgrounds\u002Faurora-background","3.components\u002Fbackgrounds\u002Faurora-background",{"title":167,"path":168,"stem":169},"Aurora Curtain","\u002Fcomponents\u002Fbackgrounds\u002Faurora-curtain","3.components\u002Fbackgrounds\u002Faurora-curtain",{"title":171,"path":172,"stem":173},"Background Beams","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-beams","3.components\u002Fbackgrounds\u002Fbackground-beams",{"title":175,"path":176,"stem":177},"Background Gradient Animation","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-gradient-animation","3.components\u002Fbackgrounds\u002Fbackground-gradient-animation",{"title":179,"path":180,"stem":181},"Background Lines","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-lines","3.components\u002Fbackgrounds\u002Fbackground-lines",{"title":183,"path":184,"stem":185},"Background Ripple Effect","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-ripple-effect","3.components\u002Fbackgrounds\u002Fbackground-ripple-effect",{"title":187,"path":188,"stem":189},"Boxes Core","\u002Fcomponents\u002Fbackgrounds\u002Fboxes-core","3.components\u002Fbackgrounds\u002Fboxes-core",{"title":191,"path":192,"stem":193},"Directional Light","\u002Fcomponents\u002Fbackgrounds\u002Fdirectional-light","3.components\u002Fbackgrounds\u002Fdirectional-light",{"title":195,"path":196,"stem":197},"Dotted Glow Background","\u002Fcomponents\u002Fbackgrounds\u002Fdotted-glow-background","3.components\u002Fbackgrounds\u002Fdotted-glow-background",{"title":199,"path":200,"stem":201},"Lamp Container","\u002Fcomponents\u002Fbackgrounds\u002Flamp-container","3.components\u002Fbackgrounds\u002Flamp-container",{"title":203,"path":204,"stem":205},"Meteors","\u002Fcomponents\u002Fbackgrounds\u002Fmeteors","3.components\u002Fbackgrounds\u002Fmeteors",{"title":207,"path":208,"stem":209},"Shooting Stars","\u002Fcomponents\u002Fbackgrounds\u002Fshooting-stars","3.components\u002Fbackgrounds\u002Fshooting-stars",{"title":211,"path":212,"stem":213},"Stars Background","\u002Fcomponents\u002Fbackgrounds\u002Fstars-background","3.components\u002Fbackgrounds\u002Fstars-background",{"title":215,"path":216,"stem":217},"Vortex","\u002Fcomponents\u002Fbackgrounds\u002Fvortex","3.components\u002Fbackgrounds\u002Fvortex",{"title":219,"icon":220,"path":221,"stem":222,"children":223,"page":57},"Buttons","i-lucide-mouse-pointer-click","\u002Fcomponents\u002Fbuttons","3.components\u002Fbuttons",[224,228,232,236,240,244,248],{"title":225,"path":226,"stem":227},"Button Copy","\u002Fcomponents\u002Fbuttons\u002Fbutton-copy","3.components\u002Fbuttons\u002Fbutton-copy",{"title":229,"path":230,"stem":231},"Clip Corners Button","\u002Fcomponents\u002Fbuttons\u002Fclip-corners-button","3.components\u002Fbuttons\u002Fclip-corners-button",{"title":233,"path":234,"stem":235},"Dot Morph Button","\u002Fcomponents\u002Fbuttons\u002Fdot-morph-button","3.components\u002Fbuttons\u002Fdot-morph-button",{"title":237,"path":238,"stem":239},"Magnetic Button","\u002Fcomponents\u002Fbuttons\u002Fmagnetic-button","3.components\u002Fbuttons\u002Fmagnetic-button",{"title":241,"path":242,"stem":243},"Music Toggle","\u002Fcomponents\u002Fbuttons\u002Fmusic-toggle","3.components\u002Fbuttons\u002Fmusic-toggle",{"title":245,"path":246,"stem":247},"Smooth Button","\u002Fcomponents\u002Fbuttons\u002Fsmooth-button","3.components\u002Fbuttons\u002Fsmooth-button",{"title":249,"path":250,"stem":251},"Theme Toggle","\u002Fcomponents\u002Fbuttons\u002Ftheme-toggle","3.components\u002Fbuttons\u002Ftheme-toggle",{"title":253,"icon":254,"path":255,"stem":256,"children":257,"page":57},"Cards","i-lucide-layout-panel-top","\u002Fcomponents\u002Fcards","3.components\u002Fcards",[258,262,266,270,274,278,282,286,290,294,298,302,306,310,314,318,322,326,330,334,338,342,346,350,354,358],{"title":259,"path":260,"stem":261},"App Download Stack","\u002Fcomponents\u002Fcards\u002Fapp-download-stack","3.components\u002Fcards\u002Fapp-download-stack",{"title":263,"path":264,"stem":265},"Apple Invites","\u002Fcomponents\u002Fcards\u002Fapple-invites","3.components\u002Fcards\u002Fapple-invites",{"title":267,"path":268,"stem":269},"Stacked Cards","\u002Fcomponents\u002Fcards\u002Fcard-stack","3.components\u002Fcards\u002Fcard-stack",{"title":271,"path":272,"stem":273},"Card Swipe Deck","\u002Fcomponents\u002Fcards\u002Fcard-swipe-deck","3.components\u002Fcards\u002Fcard-swipe-deck",{"title":275,"path":276,"stem":277},"Draggable Card","\u002Fcomponents\u002Fcards\u002Fdraggable-card","3.components\u002Fcards\u002Fdraggable-card",{"title":279,"path":280,"stem":281},"Evervault Card","\u002Fcomponents\u002Fcards\u002Fever-vault-card","3.components\u002Fcards\u002Fever-vault-card",{"title":283,"path":284,"stem":285},"Expandable Cards","\u002Fcomponents\u002Fcards\u002Fexpandable-cards","3.components\u002Fcards\u002Fexpandable-cards",{"title":287,"path":288,"stem":289},"Figma Comment","\u002Fcomponents\u002Fcards\u002Ffigma-comment","3.components\u002Fcards\u002Ffigma-comment",{"title":291,"path":292,"stem":293},"Focus Cards","\u002Fcomponents\u002Fcards\u002Ffocus-cards","3.components\u002Fcards\u002Ffocus-cards",{"title":295,"path":296,"stem":297},"Glare Card","\u002Fcomponents\u002Fcards\u002Fglare-card","3.components\u002Fcards\u002Fglare-card",{"title":299,"path":300,"stem":301},"Glass Card","\u002Fcomponents\u002Fcards\u002Fglass-card","3.components\u002Fcards\u002Fglass-card",{"title":303,"path":304,"stem":305},"Glass Panel","\u002Fcomponents\u002Fcards\u002Fglass-panel","3.components\u002Fcards\u002Fglass-panel",{"title":307,"path":308,"stem":309},"Glow Hover Cards","\u002Fcomponents\u002Fcards\u002Fglow-hover-cards","3.components\u002Fcards\u002Fglow-hover-cards",{"title":311,"path":312,"stem":313},"Glowing Stars Card","\u002Fcomponents\u002Fcards\u002Fglowing-stars-card","3.components\u002Fcards\u002Fglowing-stars-card",{"title":315,"path":316,"stem":317},"Mac Terminal","\u002Fcomponents\u002Fcards\u002Fmac-terminal","3.components\u002Fcards\u002Fmac-terminal",{"title":319,"path":320,"stem":321},"Mail Card","\u002Fcomponents\u002Fcards\u002Fmail-card","3.components\u002Fcards\u002Fmail-card",{"title":323,"path":324,"stem":325},"Photo Stack","\u002Fcomponents\u002Fcards\u002Fphoto-stack","3.components\u002Fcards\u002Fphoto-stack",{"title":327,"path":328,"stem":329},"Price Flow","\u002Fcomponents\u002Fcards\u002Fprice-flow","3.components\u002Fcards\u002Fprice-flow",{"title":331,"path":332,"stem":333},"Product Card","\u002Fcomponents\u002Fcards\u002Fproduct-card","3.components\u002Fcards\u002Fproduct-card",{"title":335,"path":336,"stem":337},"Scrollable Card Stack","\u002Fcomponents\u002Fcards\u002Fscrollable-card-stack","3.components\u002Fcards\u002Fscrollable-card-stack",{"title":339,"path":340,"stem":341},"Social Hover Card","\u002Fcomponents\u002Fcards\u002Fsocial-hover-card","3.components\u002Fcards\u002Fsocial-hover-card",{"title":343,"path":344,"stem":345},"Switchboard Card","\u002Fcomponents\u002Fcards\u002Fswitchboard-card","3.components\u002Fcards\u002Fswitchboard-card",{"title":347,"path":348,"stem":349},"Tilt Card","\u002Fcomponents\u002Fcards\u002Ftilt-card","3.components\u002Fcards\u002Ftilt-card",{"title":351,"path":352,"stem":353},"Tweet Card","\u002Fcomponents\u002Fcards\u002Ftweet-card","3.components\u002Fcards\u002Ftweet-card",{"title":355,"path":356,"stem":357},"Wallet Card","\u002Fcomponents\u002Fcards\u002Fwallet-card","3.components\u002Fcards\u002Fwallet-card",{"title":359,"path":360,"stem":361},"Wobble Card","\u002Fcomponents\u002Fcards\u002Fwobble-card","3.components\u002Fcards\u002Fwobble-card",{"title":363,"icon":364,"path":365,"stem":366,"children":367,"page":57},"Carousels","i-lucide-gallery-horizontal-end","\u002Fcomponents\u002Fcarousels","3.components\u002Fcarousels",[368,372,376],{"title":369,"path":370,"stem":371},"Carousel","\u002Fcomponents\u002Fcarousels\u002Fcarousel","3.components\u002Fcarousels\u002Fcarousel",{"title":373,"path":374,"stem":375},"Coverflow Carousel","\u002Fcomponents\u002Fcarousels\u002Fcoverflow-carousel","3.components\u002Fcarousels\u002Fcoverflow-carousel",{"title":377,"path":378,"stem":379},"Reviews Carousel","\u002Fcomponents\u002Fcarousels\u002Freviews-carousel","3.components\u002Fcarousels\u002Freviews-carousel",{"title":381,"icon":382,"path":383,"stem":384,"children":385,"page":57},"Directional","i-lucide-move-3d","\u002Fcomponents\u002Fdirectional","3.components\u002Fdirectional",[386,390],{"title":387,"path":388,"stem":389},"Direction Aware Hover","\u002Fcomponents\u002Fdirectional\u002Fdirection-aware-hover","3.components\u002Fdirectional\u002Fdirection-aware-hover",{"title":391,"path":392,"stem":393},"Direction Aware Hover New","\u002Fcomponents\u002Fdirectional\u002Fdirection-aware-hover-new","3.components\u002Fdirectional\u002Fdirection-aware-hover-new",{"title":395,"icon":396,"path":397,"stem":398,"children":399,"page":57},"Visual Effects","i-lucide-wand-sparkles","\u002Fcomponents\u002Feffects","3.components\u002Feffects",[400,404,408,412,416,420,424,428,432,436,440,444,448,452,456,460,464,468,472,476,480,484,488,492,496,500,504,508],{"title":401,"path":402,"stem":403},"Arcade Pixel","\u002Fcomponents\u002Feffects\u002Farcade-pixel","3.components\u002Feffects\u002Farcade-pixel",{"title":405,"path":406,"stem":407},"ASCII Render","\u002Fcomponents\u002Feffects\u002Fascii-render","3.components\u002Feffects\u002Fascii-render",{"title":409,"path":410,"stem":411},"Border Beam","\u002Fcomponents\u002Feffects\u002Fborder-beam","3.components\u002Feffects\u002Fborder-beam",{"title":413,"path":414,"stem":415},"Border Trail","\u002Fcomponents\u002Feffects\u002Fborder-trail","3.components\u002Feffects\u002Fborder-trail",{"title":417,"path":418,"stem":419},"Dither Chart","\u002Fcomponents\u002Feffects\u002Fdither-chart","3.components\u002Feffects\u002Fdither-chart",{"title":421,"path":422,"stem":423},"Dither Image","\u002Fcomponents\u002Feffects\u002Fdither-image","3.components\u002Feffects\u002Fdither-image",{"title":425,"path":426,"stem":427},"Div Grid","\u002Fcomponents\u002Feffects\u002Fdiv-grid","3.components\u002Feffects\u002Fdiv-grid",{"title":429,"path":430,"stem":431},"Drawing Cursor","\u002Fcomponents\u002Feffects\u002Fdrawing-cursor","3.components\u002Feffects\u002Fdrawing-cursor",{"title":433,"path":434,"stem":435},"Emboss Surface","\u002Fcomponents\u002Feffects\u002Femboss-surface","3.components\u002Feffects\u002Femboss-surface",{"title":437,"path":438,"stem":439},"Brightness slider","\u002Fcomponents\u002Feffects\u002Fexposure-slider","3.components\u002Feffects\u002Fexposure-slider",{"title":441,"path":442,"stem":443},"Flowing Stroke","\u002Fcomponents\u002Feffects\u002Fflowing-stroke","3.components\u002Feffects\u002Fflowing-stroke",{"title":445,"path":446,"stem":447},"Glow Effect","\u002Fcomponents\u002Feffects\u002Fglow-effect","3.components\u002Feffects\u002Fglow-effect",{"title":449,"path":450,"stem":451},"Glowing Effect","\u002Fcomponents\u002Feffects\u002Fglowing-effect","3.components\u002Feffects\u002Fglowing-effect",{"title":453,"path":454,"stem":455},"Gooey Filter","\u002Fcomponents\u002Feffects\u002Fgooey-filter","3.components\u002Feffects\u002Fgooey-filter",{"title":457,"path":458,"stem":459},"Gravity Stars","\u002Fcomponents\u002Feffects\u002Fgravity-stars","3.components\u002Feffects\u002Fgravity-stars",{"title":461,"path":462,"stem":463},"Iridescent foil","\u002Fcomponents\u002Feffects\u002Fholographic-foil","3.components\u002Feffects\u002Fholographic-foil",{"title":465,"path":466,"stem":467},"Liquid Metal","\u002Fcomponents\u002Feffects\u002Fliquid-metal","3.components\u002Feffects\u002Fliquid-metal",{"title":469,"path":470,"stem":471},"Mask Container","\u002Fcomponents\u002Feffects\u002Fmask-container","3.components\u002Feffects\u002Fmask-container",{"title":473,"path":474,"stem":475},"Depth layers","\u002Fcomponents\u002Feffects\u002Fparallax-layers","3.components\u002Feffects\u002Fparallax-layers",{"title":477,"path":478,"stem":479},"Pixel Flow Field","\u002Fcomponents\u002Feffects\u002Fpixel-flow-field","3.components\u002Feffects\u002Fpixel-flow-field",{"title":481,"path":482,"stem":483},"Pixelated Canvas","\u002Fcomponents\u002Feffects\u002Fpixelated-canvas","3.components\u002Feffects\u002Fpixelated-canvas",{"title":485,"path":486,"stem":487},"Progressive Blur","\u002Fcomponents\u002Feffects\u002Fprogressive-blur","3.components\u002Feffects\u002Fprogressive-blur",{"title":489,"path":490,"stem":491},"Siri Orb","\u002Fcomponents\u002Feffects\u002Fsiri-orb","3.components\u002Feffects\u002Fsiri-orb",{"title":493,"path":494,"stem":495},"Spotlight","\u002Fcomponents\u002Feffects\u002Fspotlight","3.components\u002Feffects\u002Fspotlight",{"title":497,"path":498,"stem":499},"Squircle","\u002Fcomponents\u002Feffects\u002Fsquircle","3.components\u002Feffects\u002Fsquircle",{"title":501,"path":502,"stem":503},"SVG Clip Mask","\u002Fcomponents\u002Feffects\u002Fsvg-clip-mask","3.components\u002Feffects\u002Fsvg-clip-mask",{"title":505,"path":506,"stem":507},"Tracing Beam","\u002Fcomponents\u002Feffects\u002Ftracing-beam","3.components\u002Feffects\u002Ftracing-beam",{"title":509,"path":510,"stem":511},"Video Ambient","\u002Fcomponents\u002Feffects\u002Fvideo-ambient","3.components\u002Feffects\u002Fvideo-ambient",{"title":513,"icon":514,"path":515,"stem":516,"children":517,"page":57},"Forms","i-lucide-text-cursor-input","\u002Fcomponents\u002Fforms","3.components\u002Fforms",[518,522,526,530,534,538,542,546,550,554,558,562,566,570,574,578,582,586,590,594,598],{"title":519,"path":520,"stem":521},"Animated File Upload","\u002Fcomponents\u002Fforms\u002Fanimated-file-upload","3.components\u002Fforms\u002Fanimated-file-upload",{"title":523,"path":524,"stem":525},"Animated Input","\u002Fcomponents\u002Fforms\u002Fanimated-input","3.components\u002Fforms\u002Fanimated-input",{"title":527,"path":528,"stem":529},"Animated Number Input","\u002Fcomponents\u002Fforms\u002Fanimated-number-input","3.components\u002Fforms\u002Fanimated-number-input",{"title":531,"path":532,"stem":533},"Animated OTP Input","\u002Fcomponents\u002Fforms\u002Fanimated-otp-input","3.components\u002Fforms\u002Fanimated-otp-input",{"title":535,"path":536,"stem":537},"Animated Progress Bar","\u002Fcomponents\u002Fforms\u002Fanimated-progress-bar","3.components\u002Fforms\u002Fanimated-progress-bar",{"title":539,"path":540,"stem":541},"Animated Stepper","\u002Fcomponents\u002Fforms\u002Fanimated-stepper","3.components\u002Fforms\u002Fanimated-stepper",{"title":543,"path":544,"stem":545},"Animated Tags","\u002Fcomponents\u002Fforms\u002Fanimated-tags","3.components\u002Fforms\u002Fanimated-tags",{"title":547,"path":548,"stem":549},"Animated Toggle","\u002Fcomponents\u002Fforms\u002Fanimated-toggle","3.components\u002Fforms\u002Fanimated-toggle",{"title":551,"path":552,"stem":553},"Auth Form","\u002Fcomponents\u002Fforms\u002Fauth-form","3.components\u002Fforms\u002Fauth-form",{"title":555,"path":556,"stem":557},"Checkbox","\u002Fcomponents\u002Fforms\u002Fcheckbox","3.components\u002Fforms\u002Fcheckbox",{"title":559,"path":560,"stem":561},"Country Picker","\u002Fcomponents\u002Fforms\u002Fcountry-picker","3.components\u002Fforms\u002Fcountry-picker",{"title":563,"path":564,"stem":565},"Digit Roll","\u002Fcomponents\u002Fforms\u002Fdigit-roll","3.components\u002Fforms\u002Fdigit-roll",{"title":567,"path":568,"stem":569},"Duration Picker","\u002Fcomponents\u002Fforms\u002Fduration-picker","3.components\u002Fforms\u002Fduration-picker",{"title":571,"path":572,"stem":573},"Favicon Search","\u002Fcomponents\u002Fforms\u002Ffavicon-search","3.components\u002Fforms\u002Ffavicon-search",{"title":575,"path":576,"stem":577},"Float Input","\u002Fcomponents\u002Fforms\u002Ffloat-input","3.components\u002Fforms\u002Ffloat-input",{"title":579,"path":580,"stem":581},"Form","\u002Fcomponents\u002Fforms\u002Fform","3.components\u002Fforms\u002Fform",{"title":583,"path":584,"stem":585},"Morph Toggle","\u002Fcomponents\u002Fforms\u002Fmorph-toggle","3.components\u002Fforms\u002Fmorph-toggle",{"title":587,"path":588,"stem":589},"Radio Group","\u002Fcomponents\u002Fforms\u002Fradio-group","3.components\u002Fforms\u002Fradio-group",{"title":591,"path":592,"stem":593},"Scrubber","\u002Fcomponents\u002Fforms\u002Fscrubber","3.components\u002Fforms\u002Fscrubber",{"title":595,"path":596,"stem":597},"Social Selector","\u002Fcomponents\u002Fforms\u002Fsocial-selector","3.components\u002Fforms\u002Fsocial-selector",{"title":599,"path":600,"stem":601},"Swap Panel","\u002Fcomponents\u002Fforms\u002Fswap-panel","3.components\u002Fforms\u002Fswap-panel",{"title":603,"icon":604,"path":605,"stem":606,"children":607,"page":57},"Interactive","i-lucide-hand","\u002Fcomponents\u002Finteractive","3.components\u002Finteractive",[608,612,616,620,624,628,632,636,640,644,648,652,656,660,664,668,672,676,680,684,688,692,696,700,704,708,712,716,720,724,728,732,736,740,744,748,752,756,760,764],{"title":609,"path":610,"stem":611},"Accordion","\u002Fcomponents\u002Finteractive\u002Faccordion","3.components\u002Finteractive\u002Faccordion",{"title":613,"path":614,"stem":615},"Motion dialog","\u002Fcomponents\u002Finteractive\u002Fanimated-dialog","3.components\u002Finteractive\u002Fanimated-dialog",{"title":617,"path":618,"stem":619},"Animated Tooltip","\u002Fcomponents\u002Finteractive\u002Fanimated-tooltip","3.components\u002Finteractive\u002Fanimated-tooltip",{"title":621,"path":622,"stem":623},"Basic Dropdown","\u002Fcomponents\u002Finteractive\u002Fbasic-dropdown","3.components\u002Finteractive\u002Fbasic-dropdown",{"title":625,"path":626,"stem":627},"Basic Toast","\u002Fcomponents\u002Finteractive\u002Fbasic-toast","3.components\u002Finteractive\u002Fbasic-toast",{"title":629,"path":630,"stem":631},"Code Block","\u002Fcomponents\u002Finteractive\u002Fcode-block","3.components\u002Finteractive\u002Fcode-block",{"title":633,"path":634,"stem":635},"Contribution Graph","\u002Fcomponents\u002Finteractive\u002Fcontribution-graph","3.components\u002Finteractive\u002Fcontribution-graph",{"title":637,"path":638,"stem":639},"Count Badge","\u002Fcomponents\u002Finteractive\u002Fcount-badge","3.components\u002Finteractive\u002Fcount-badge",{"title":641,"path":642,"stem":643},"Dock","\u002Fcomponents\u002Finteractive\u002Fdock","3.components\u002Finteractive\u002Fdock",{"title":645,"path":646,"stem":647},"Drag and Drop","\u002Fcomponents\u002Finteractive\u002Fdrag-and-drop","3.components\u002Finteractive\u002Fdrag-and-drop",{"title":649,"path":650,"stem":651},"Drawer","\u002Fcomponents\u002Finteractive\u002Fdrawer","3.components\u002Finteractive\u002Fdrawer",{"title":653,"path":654,"stem":655},"Dynamic Group","\u002Fcomponents\u002Finteractive\u002Fdynamic-group","3.components\u002Finteractive\u002Fdynamic-group",{"title":657,"path":658,"stem":659},"Dynamic Island","\u002Fcomponents\u002Finteractive\u002Fdynamic-island","3.components\u002Finteractive\u002Fdynamic-island",{"title":661,"path":662,"stem":663},"Emoji Reaction","\u002Fcomponents\u002Finteractive\u002Femoji-reaction","3.components\u002Finteractive\u002Femoji-reaction",{"title":665,"path":666,"stem":667},"Fluid Hover Highlight","\u002Fcomponents\u002Finteractive\u002Ffluid-hover-highlight","3.components\u002Finteractive\u002Ffluid-hover-highlight",{"title":669,"path":670,"stem":671},"Folder Reveal","\u002Fcomponents\u002Finteractive\u002Ffolder-reveal","3.components\u002Finteractive\u002Ffolder-reveal",{"title":673,"path":674,"stem":675},"GitHub Stars Animation","\u002Fcomponents\u002Finteractive\u002Fgithub-stars-animation","3.components\u002Finteractive\u002Fgithub-stars-animation",{"title":677,"path":678,"stem":679},"Hover Expand","\u002Fcomponents\u002Finteractive\u002Fhover-expand","3.components\u002Finteractive\u002Fhover-expand",{"title":681,"path":682,"stem":683},"Hover Image List","\u002Fcomponents\u002Finteractive\u002Fhover-image-list","3.components\u002Finteractive\u002Fhover-image-list",{"title":685,"path":686,"stem":687},"Image compare","\u002Fcomponents\u002Finteractive\u002Fimage-comparison","3.components\u002Finteractive\u002Fimage-comparison",{"title":689,"path":690,"stem":691},"Image Metadata Preview","\u002Fcomponents\u002Finteractive\u002Fimage-metadata-preview","3.components\u002Finteractive\u002Fimage-metadata-preview",{"title":693,"path":694,"stem":695},"Inline Testimonials","\u002Fcomponents\u002Finteractive\u002Finline-testimonials","3.components\u002Finteractive\u002Finline-testimonials",{"title":697,"path":698,"stem":699},"Interactive Image Selector","\u002Fcomponents\u002Finteractive\u002Finteractive-image-selector","3.components\u002Finteractive\u002Finteractive-image-selector",{"title":701,"path":702,"stem":703},"Job Listing","\u002Fcomponents\u002Finteractive\u002Fjob-listing","3.components\u002Finteractive\u002Fjob-listing",{"title":705,"path":706,"stem":707},"Morph Icon","\u002Fcomponents\u002Finteractive\u002Fmorph-icon","3.components\u002Finteractive\u002Fmorph-icon",{"title":709,"path":710,"stem":711},"Morph Surface","\u002Fcomponents\u002Finteractive\u002Fmorph-surface","3.components\u002Finteractive\u002Fmorph-surface",{"title":713,"path":714,"stem":715},"Shape-shift dialog","\u002Fcomponents\u002Finteractive\u002Fmorphing-dialog","3.components\u002Finteractive\u002Fmorphing-dialog",{"title":717,"path":718,"stem":719},"Shape-shift popover","\u002Fcomponents\u002Finteractive\u002Fmorphing-popover","3.components\u002Finteractive\u002Fmorphing-popover",{"title":721,"path":722,"stem":723},"Notification Badge","\u002Fcomponents\u002Finteractive\u002Fnotification-badge","3.components\u002Finteractive\u002Fnotification-badge",{"title":725,"path":726,"stem":727},"Orbital Image Wheel","\u002Fcomponents\u002Finteractive\u002Forbital-image-wheel","3.components\u002Finteractive\u002Forbital-image-wheel",{"title":729,"path":730,"stem":731},"Phototab","\u002Fcomponents\u002Finteractive\u002Fphototab","3.components\u002Finteractive\u002Fphototab",{"title":733,"path":734,"stem":735},"Pinned List","\u002Fcomponents\u002Finteractive\u002Fpinned-list","3.components\u002Finteractive\u002Fpinned-list",{"title":737,"path":738,"stem":739},"Pixel Brush Canvas","\u002Fcomponents\u002Finteractive\u002Fpixel-brush-canvas","3.components\u002Finteractive\u002Fpixel-brush-canvas",{"title":741,"path":742,"stem":743},"Power Off Slide","\u002Fcomponents\u002Finteractive\u002Fpower-off-slide","3.components\u002Finteractive\u002Fpower-off-slide",{"title":745,"path":746,"stem":747},"Rich Popover","\u002Fcomponents\u002Finteractive\u002Frich-popover","3.components\u002Finteractive\u002Frich-popover",{"title":749,"path":750,"stem":751},"Time Machine Stack","\u002Fcomponents\u002Finteractive\u002Ftime-machine-stack","3.components\u002Finteractive\u002Ftime-machine-stack",{"title":753,"path":754,"stem":755},"Unlock Face ID","\u002Fcomponents\u002Finteractive\u002Funlock-face-id","3.components\u002Finteractive\u002Funlock-face-id",{"title":757,"path":758,"stem":759},"User Account Avatar","\u002Fcomponents\u002Finteractive\u002Fuser-account-avatar","3.components\u002Finteractive\u002Fuser-account-avatar",{"title":761,"path":762,"stem":763},"Vector Editor Toolbar","\u002Fcomponents\u002Finteractive\u002Fvector-editor-toolbar","3.components\u002Finteractive\u002Fvector-editor-toolbar",{"title":765,"path":766,"stem":767},"Video Modal","\u002Fcomponents\u002Finteractive\u002Fvideo-modal","3.components\u002Finteractive\u002Fvideo-modal",{"title":769,"icon":770,"path":771,"stem":772,"children":773,"page":57},"Layout","i-lucide-layout-grid","\u002Fcomponents\u002Flayout","3.components\u002Flayout",[774,778,782],{"title":775,"path":776,"stem":777},"Animated Group","\u002Fcomponents\u002Flayout\u002Fanimated-group","3.components\u002Flayout\u002Fanimated-group",{"title":779,"path":780,"stem":781},"Breakpoint Indicator","\u002Fcomponents\u002Flayout\u002Fbreakpoint-indicator","3.components\u002Flayout\u002Fbreakpoint-indicator",{"title":783,"path":784,"stem":785},"Collision","\u002Fcomponents\u002Flayout\u002Fcollision","3.components\u002Flayout\u002Fcollision",{"title":787,"icon":788,"path":789,"stem":790,"children":791,"page":57},"Loaders & Progress","i-lucide-loader-circle","\u002Fcomponents\u002Floaders","3.components\u002Floaders",[792,796,800,804,808],{"title":793,"path":794,"stem":795},"AI Loader","\u002Fcomponents\u002Floaders\u002Fai-loader","3.components\u002Floaders\u002Fai-loader",{"title":797,"path":798,"stem":799},"Content Skeleton","\u002Fcomponents\u002Floaders\u002Fcontent-skeleton","3.components\u002Floaders\u002Fcontent-skeleton",{"title":801,"path":802,"stem":803},"Grid Loader","\u002Fcomponents\u002Floaders\u002Fgrid-loader","3.components\u002Floaders\u002Fgrid-loader",{"title":805,"path":806,"stem":807},"Motion Loader","\u002Fcomponents\u002Floaders\u002Fmotion-loader","3.components\u002Floaders\u002Fmotion-loader",{"title":809,"path":810,"stem":811},"Page Preloader","\u002Fcomponents\u002Floaders\u002Fpage-preloader","3.components\u002Floaders\u002Fpage-preloader",{"title":813,"icon":814,"path":815,"stem":816,"children":817,"page":57},"Interaction & Movement","i-lucide-move","\u002Fcomponents\u002Fmovement","3.components\u002Fmovement",[818,822,826,830,834,838,842],{"title":819,"path":820,"stem":821},"Cursor","\u002Fcomponents\u002Fmovement\u002Fcursor","3.components\u002Fmovement\u002Fcursor",{"title":823,"path":824,"stem":825},"Cursor Follow","\u002Fcomponents\u002Fmovement\u002Fcursor-follow","3.components\u002Fmovement\u002Fcursor-follow",{"title":827,"path":828,"stem":829},"Cursor Image Trail","\u002Fcomponents\u002Fmovement\u002Fcursor-image-trail","3.components\u002Fmovement\u002Fcursor-image-trail",{"title":831,"path":832,"stem":833},"Force Dot","\u002Fcomponents\u002Fmovement\u002Fforce-dot","3.components\u002Fmovement\u002Fforce-dot",{"title":835,"path":836,"stem":837},"Magnetic","\u002Fcomponents\u002Fmovement\u002Fmagnetic","3.components\u002Fmovement\u002Fmagnetic",{"title":839,"path":840,"stem":841},"Magnetic Field","\u002Fcomponents\u002Fmovement\u002Fmagnetic-field","3.components\u002Fmovement\u002Fmagnetic-field",{"title":843,"path":844,"stem":845},"Tilt","\u002Fcomponents\u002Fmovement\u002Ftilt","3.components\u002Fmovement\u002Ftilt",{"title":847,"icon":848,"path":849,"stem":850,"children":851,"page":57},"Navigation & Toolbars","i-lucide-menu","\u002Fcomponents\u002Fnavigation","3.components\u002Fnavigation",[852,856,860,864,868,872,876],{"title":853,"path":854,"stem":855},"Breadcrumb","\u002Fcomponents\u002Fnavigation\u002Fbreadcrumb","3.components\u002Fnavigation\u002Fbreadcrumb",{"title":857,"path":858,"stem":859},"Expandable Navbar","\u002Fcomponents\u002Fnavigation\u002Fexpandable-navbar","3.components\u002Fnavigation\u002Fexpandable-navbar",{"title":861,"path":862,"stem":863},"File Tree","\u002Fcomponents\u002Fnavigation\u002Ffile-tree","3.components\u002Fnavigation\u002Ffile-tree",{"title":865,"path":866,"stem":867},"Floating Navbar","\u002Fcomponents\u002Fnavigation\u002Ffloating-navbar","3.components\u002Fnavigation\u002Ffloating-navbar",{"title":869,"path":870,"stem":871},"Pagination","\u002Fcomponents\u002Fnavigation\u002Fpagination","3.components\u002Fnavigation\u002Fpagination",{"title":873,"path":874,"stem":875},"Toolbar adaptive","\u002Fcomponents\u002Fnavigation\u002Ftoolbar-dynamic","3.components\u002Fnavigation\u002Ftoolbar-dynamic",{"title":877,"path":878,"stem":879},"Toolbar collapsible","\u002Fcomponents\u002Fnavigation\u002Ftoolbar-expandable","3.components\u002Fnavigation\u002Ftoolbar-expandable",{"title":881,"icon":882,"path":883,"stem":884,"children":885,"page":57},"Scroll & Viewport","i-lucide-scroll-text","\u002Fcomponents\u002Fscroll","3.components\u002Fscroll",[886,890,894,898,902,906,910],{"title":887,"path":888,"stem":889},"In View","\u002Fcomponents\u002Fscroll\u002Fin-view","3.components\u002Fscroll\u002Fin-view",{"title":891,"path":892,"stem":893},"Infinite Slider","\u002Fcomponents\u002Fscroll\u002Finfinite-slider","3.components\u002Fscroll\u002Finfinite-slider",{"title":895,"path":896,"stem":897},"Kinetic Type Scroll","\u002Fcomponents\u002Fscroll\u002Fkinetic-type-scroll","3.components\u002Fscroll\u002Fkinetic-type-scroll",{"title":899,"path":900,"stem":901},"Scroll Image Reveal","\u002Fcomponents\u002Fscroll\u002Fscroll-image-reveal","3.components\u002Fscroll\u002Fscroll-image-reveal",{"title":903,"path":904,"stem":905},"Scroll Progress","\u002Fcomponents\u002Fscroll\u002Fscroll-progress","3.components\u002Fscroll\u002Fscroll-progress",{"title":907,"path":908,"stem":909},"Scroll Velocity","\u002Fcomponents\u002Fscroll\u002Fscroll-velocity","3.components\u002Fscroll\u002Fscroll-velocity",{"title":911,"path":912,"stem":913},"Svg Draw On Scroll","\u002Fcomponents\u002Fscroll\u002Fsvg-draw-on-scroll","3.components\u002Fscroll\u002Fsvg-draw-on-scroll",{"title":915,"icon":916,"path":917,"stem":918,"children":919,"page":57},"Text & Numbers","i-lucide-type","\u002Fcomponents\u002Ftext","3.components\u002Ftext",[920,924,928,932,936,940,944,948,952,956,960,964,968,972,976,980,984,988,992,996,1000,1004,1008,1012,1016,1020,1024,1028,1032,1036,1040,1044,1048,1052,1056,1060,1064,1068,1072,1076,1080,1084,1088,1092,1096,1100,1104,1108,1112,1116],{"title":921,"path":922,"stem":923},"Animated Avatar Group","\u002Fcomponents\u002Ftext\u002Fanimated-avatar-group","3.components\u002Ftext\u002Fanimated-avatar-group",{"title":925,"path":926,"stem":927},"Animated List","\u002Fcomponents\u002Ftext\u002Fanimated-list","3.components\u002Ftext\u002Fanimated-list",{"title":929,"path":930,"stem":931},"Animated Number","\u002Fcomponents\u002Ftext\u002Fanimated-number","3.components\u002Ftext\u002Fanimated-number",{"title":933,"path":934,"stem":935},"Blur Out Up","\u002Fcomponents\u002Ftext\u002Fblur-out-up","3.components\u002Ftext\u002Fblur-out-up",{"title":937,"path":938,"stem":939},"Bottom Up Letters","\u002Fcomponents\u002Ftext\u002Fbottom-up-letters","3.components\u002Ftext\u002Fbottom-up-letters",{"title":941,"path":942,"stem":943},"Counting Number","\u002Fcomponents\u002Ftext\u002Fcounting-number","3.components\u002Ftext\u002Fcounting-number",{"title":945,"path":946,"stem":947},"Depth Parallax Words","\u002Fcomponents\u002Ftext\u002Fdepth-parallax-words","3.components\u002Ftext\u002Fdepth-parallax-words",{"title":949,"path":950,"stem":951},"Fade Through","\u002Fcomponents\u002Ftext\u002Ffade-through","3.components\u002Ftext\u002Ffade-through",{"title":953,"path":954,"stem":955},"Focus Blur Resolve","\u002Fcomponents\u002Ftext\u002Ffocus-blur-resolve","3.components\u002Ftext\u002Ffocus-blur-resolve",{"title":957,"path":958,"stem":959},"Gravity Letters","\u002Fcomponents\u002Ftext\u002Fgravity-letters","3.components\u002Ftext\u002Fgravity-letters",{"title":961,"path":962,"stem":963},"Kinetic Center Build","\u002Fcomponents\u002Ftext\u002Fkinetic-center-build","3.components\u002Ftext\u002Fkinetic-center-build",{"title":965,"path":966,"stem":967},"Line By Line Slide","\u002Fcomponents\u002Ftext\u002Fline-by-line-slide","3.components\u002Ftext\u002Fline-by-line-slide",{"title":969,"path":970,"stem":971},"Mask Reveal Up","\u002Fcomponents\u002Ftext\u002Fmask-reveal-up","3.components\u002Ftext\u002Fmask-reveal-up",{"title":973,"path":974,"stem":975},"Micro Scale Fade","\u002Fcomponents\u002Ftext\u002Fmicro-scale-fade","3.components\u002Ftext\u002Fmicro-scale-fade",{"title":977,"path":978,"stem":979},"Number Flow","\u002Fcomponents\u002Ftext\u002Fnumber-flow","3.components\u002Ftext\u002Fnumber-flow",{"title":981,"path":982,"stem":983},"Per Character Rise","\u002Fcomponents\u002Ftext\u002Fper-character-rise","3.components\u002Ftext\u002Fper-character-rise",{"title":985,"path":986,"stem":987},"Per Word Crossfade","\u002Fcomponents\u002Ftext\u002Fper-word-crossfade","3.components\u002Ftext\u002Fper-word-crossfade",{"title":989,"path":990,"stem":991},"Perspective Text 3D","\u002Fcomponents\u002Ftext\u002Fperspective-text-3d","3.components\u002Ftext\u002Fperspective-text-3d",{"title":993,"path":994,"stem":995},"Ransom Note","\u002Fcomponents\u002Ftext\u002Fransom-note","3.components\u002Ftext\u002Fransom-note",{"title":997,"path":998,"stem":999},"Rolling Text","\u002Fcomponents\u002Ftext\u002Frolling-text","3.components\u002Ftext\u002Frolling-text",{"title":1001,"path":1002,"stem":1003},"Scale Down Fade","\u002Fcomponents\u002Ftext\u002Fscale-down-fade","3.components\u002Ftext\u002Fscale-down-fade",{"title":1005,"path":1006,"stem":1007},"Scroll Reveal Paragraph","\u002Fcomponents\u002Ftext\u002Fscroll-reveal-paragraph","3.components\u002Ftext\u002Fscroll-reveal-paragraph",{"title":1009,"path":1010,"stem":1011},"Shared Axis","\u002Fcomponents\u002Ftext\u002Fshared-axis","3.components\u002Ftext\u002Fshared-axis",{"title":1013,"path":1014,"stem":1015},"Shimmer Sweep","\u002Fcomponents\u002Ftext\u002Fshimmer-sweep","3.components\u002Ftext\u002Fshimmer-sweep",{"title":1017,"path":1018,"stem":1019},"Shine Text","\u002Fcomponents\u002Ftext\u002Fshine-text","3.components\u002Ftext\u002Fshine-text",{"title":1021,"path":1022,"stem":1023},"Short Lower in","\u002Fcomponents\u002Ftext\u002Fshort-slide-down","3.components\u002Ftext\u002Fshort-slide-down",{"title":1025,"path":1026,"stem":1027},"Short Slide Right","\u002Fcomponents\u002Ftext\u002Fshort-slide-right","3.components\u002Ftext\u002Fshort-slide-right",{"title":1029,"path":1030,"stem":1031},"Sliding Number","\u002Fcomponents\u002Ftext\u002Fsliding-number","3.components\u002Ftext\u002Fsliding-number",{"title":1033,"path":1034,"stem":1035},"Soft Blur In","\u002Fcomponents\u002Ftext\u002Fsoft-blur-in","3.components\u002Ftext\u002Fsoft-blur-in",{"title":1037,"path":1038,"stem":1039},"Spinning Text","\u002Fcomponents\u002Ftext\u002Fspinning-text","3.components\u002Ftext\u002Fspinning-text",{"title":1041,"path":1042,"stem":1043},"Spring Scale In","\u002Fcomponents\u002Ftext\u002Fspring-scale-in","3.components\u002Ftext\u002Fspring-scale-in",{"title":1045,"path":1046,"stem":1047},"Stagger From Center","\u002Fcomponents\u002Ftext\u002Fstagger-from-center","3.components\u002Ftext\u002Fstagger-from-center",{"title":1049,"path":1050,"stem":1051},"Stagger From Edges","\u002Fcomponents\u002Ftext\u002Fstagger-from-edges","3.components\u002Ftext\u002Fstagger-from-edges",{"title":1053,"path":1054,"stem":1055},"Text motion","\u002Fcomponents\u002Ftext\u002Ftext-effect","3.components\u002Ftext\u002Ftext-effect",{"title":1057,"path":1058,"stem":1059},"Text Glitch","\u002Fcomponents\u002Ftext\u002Ftext-glitch","3.components\u002Ftext\u002Ftext-glitch",{"title":1061,"path":1062,"stem":1063},"Text Glitch New","\u002Fcomponents\u002Ftext\u002Ftext-glitch-new","3.components\u002Ftext\u002Ftext-glitch-new",{"title":1065,"path":1066,"stem":1067},"Text Gradient","\u002Fcomponents\u002Ftext\u002Ftext-gradient","3.components\u002Ftext\u002Ftext-gradient",{"title":1069,"path":1070,"stem":1071},"Text Loop","\u002Fcomponents\u002Ftext\u002Ftext-loop","3.components\u002Ftext\u002Ftext-loop",{"title":1073,"path":1074,"stem":1075},"Text Morph","\u002Fcomponents\u002Ftext\u002Ftext-morph","3.components\u002Ftext\u002Ftext-morph",{"title":1077,"path":1078,"stem":1079},"Text Reveal","\u002Fcomponents\u002Ftext\u002Ftext-reveal","3.components\u002Ftext\u002Ftext-reveal",{"title":1081,"path":1082,"stem":1083},"Text Roll","\u002Fcomponents\u002Ftext\u002Ftext-roll","3.components\u002Ftext\u002Ftext-roll",{"title":1085,"path":1086,"stem":1087},"Text Scramble","\u002Fcomponents\u002Ftext\u002Ftext-scramble","3.components\u002Ftext\u002Ftext-scramble",{"title":1089,"path":1090,"stem":1091},"Text Shimmer","\u002Fcomponents\u002Ftext\u002Ftext-shimmer","3.components\u002Ftext\u002Ftext-shimmer",{"title":1093,"path":1094,"stem":1095},"Text Shimmer Wave","\u002Fcomponents\u002Ftext\u002Ftext-shimmer-wave","3.components\u002Ftext\u002Ftext-shimmer-wave",{"title":1097,"path":1098,"stem":1099},"Top Down Letters","\u002Fcomponents\u002Ftext\u002Ftop-down-letters","3.components\u002Ftext\u002Ftop-down-letters",{"title":1101,"path":1102,"stem":1103},"True Focus","\u002Fcomponents\u002Ftext\u002Ftrue-focus","3.components\u002Ftext\u002Ftrue-focus",{"title":1105,"path":1106,"stem":1107},"Typing Text","\u002Fcomponents\u002Ftext\u002Ftyping-text","3.components\u002Ftext\u002Ftyping-text",{"title":1109,"path":1110,"stem":1111},"Variable Proximity","\u002Fcomponents\u002Ftext\u002Fvariable-proximity","3.components\u002Ftext\u002Fvariable-proximity",{"title":1113,"path":1114,"stem":1115},"Wave Text","\u002Fcomponents\u002Ftext\u002Fwave-text","3.components\u002Ftext\u002Fwave-text",{"title":1117,"path":1118,"stem":1119},"Word Rotate","\u002Fcomponents\u002Ftext\u002Fword-rotate","3.components\u002Ftext\u002Fword-rotate",{"title":1121,"icon":1122,"path":1123,"stem":1124,"children":1125,"page":57},"Transitions","i-lucide-git-compare","\u002Fcomponents\u002Ftransitions","3.components\u002Ftransitions",[1126,1130,1134,1138,1142,1146],{"title":1127,"path":1128,"stem":1129},"Aperture Blur Transition","\u002Fcomponents\u002Ftransitions\u002Faperture-blur-transition","3.components\u002Ftransitions\u002Faperture-blur-transition",{"title":1131,"path":1132,"stem":1133},"Chroma Blur Transition","\u002Fcomponents\u002Ftransitions\u002Fchroma-blur-transition","3.components\u002Ftransitions\u002Fchroma-blur-transition",{"title":1135,"path":1136,"stem":1137},"Prism Sweep Transition","\u002Fcomponents\u002Ftransitions\u002Fprism-sweep-transition","3.components\u002Ftransitions\u002Fprism-sweep-transition",{"title":1139,"path":1140,"stem":1141},"SDF Blob Transition","\u002Fcomponents\u002Ftransitions\u002Fsdf-blob-transition","3.components\u002Ftransitions\u002Fsdf-blob-transition",{"title":1143,"path":1144,"stem":1145},"Shader Reveal Transition","\u002Fcomponents\u002Ftransitions\u002Fshader-reveal-transition","3.components\u002Ftransitions\u002Fshader-reveal-transition",{"title":1147,"path":1148,"stem":1149},"Transition Panel","\u002Fcomponents\u002Ftransitions\u002Ftransition-panel","3.components\u002Ftransitions\u002Ftransition-panel",{"title":1151,"path":1152,"stem":1153,"children":1154,"icon":1172},"Composables","\u002Fcomposables","4.composables\u002Findex",[1155,1156,1160,1164,1168],{"title":1151,"path":1152,"stem":1153},{"title":1157,"path":1158,"stem":1159},"useCanvasCursor","\u002Fcomposables\u002Fuse-canvas-cursor","4.composables\u002Fuse-canvas-cursor",{"title":1161,"path":1162,"stem":1163},"useFluidCursor","\u002Fcomposables\u002Fuse-fluid-cursor","4.composables\u002Fuse-fluid-cursor",{"title":1165,"path":1166,"stem":1167},"useMotionBlockUI","\u002Fcomposables\u002Fuse-motion-block-ui","4.composables\u002Fuse-motion-block-ui",{"title":1169,"path":1170,"stem":1171},"useThemeColor","\u002Fcomposables\u002Fuse-theme-color","4.composables\u002Fuse-theme-color","i-lucide-puzzle",{"title":1174,"path":1175,"stem":1176,"children":1177,"icon":1179},"Guides","\u002Fguides","5.guides\u002Findex",[1178],{"title":1174,"path":1175,"stem":1176},"i-lucide-book-open",{"title":1181,"icon":1182,"path":1183,"stem":1184,"children":1185},"Blocks","i-lucide-blocks","\u002Fblocks","6.blocks",[1186,1188,1201,1210,1223,1236,1252,1265,1274,1283,1296,1305,1318,1327],{"title":1181,"path":1183,"stem":1187},"6.blocks\u002Findex",{"title":1189,"path":1190,"stem":1191,"children":1192,"page":57},"Blog","\u002Fblocks\u002Fblog","6.blocks\u002Fblog",[1193,1197],{"title":1194,"path":1195,"stem":1196},"Article Page","\u002Fblocks\u002Fblog\u002Farticle-page","6.blocks\u002Fblog\u002Farticle-page",{"title":1198,"path":1199,"stem":1200},"Blog Listing","\u002Fblocks\u002Fblog\u002Fblog-listing","6.blocks\u002Fblog\u002Fblog-listing",{"title":1202,"path":1203,"stem":1204,"children":1205,"page":57},"Cta","\u002Fblocks\u002Fcta","6.blocks\u002Fcta",[1206],{"title":1207,"path":1208,"stem":1209},"Centered CTA","\u002Fblocks\u002Fcta\u002Fcentered-cta","6.blocks\u002Fcta\u002Fcentered-cta",{"title":1211,"path":1212,"stem":1213,"children":1214,"page":57},"Dashboard Components","\u002Fblocks\u002Fdashboard-components","6.blocks\u002Fdashboard-components",[1215,1219],{"title":1216,"path":1217,"stem":1218},"Analytics Dashboard","\u002Fblocks\u002Fdashboard-components\u002Fanalytics-dashboard","6.blocks\u002Fdashboard-components\u002Fanalytics-dashboard",{"title":1220,"path":1221,"stem":1222},"User Management Table","\u002Fblocks\u002Fdashboard-components\u002Fuser-management","6.blocks\u002Fdashboard-components\u002Fuser-management",{"title":1224,"path":1225,"stem":1226,"children":1227,"page":57},"E Commerce","\u002Fblocks\u002Fe-commerce","6.blocks\u002Fe-commerce",[1228,1232],{"title":1229,"path":1230,"stem":1231},"Product Grid","\u002Fblocks\u002Fe-commerce\u002Fproduct-grid","6.blocks\u002Fe-commerce\u002Fproduct-grid",{"title":1233,"path":1234,"stem":1235},"Shopping Cart","\u002Fblocks\u002Fe-commerce\u002Fshopping-cart","6.blocks\u002Fe-commerce\u002Fshopping-cart",{"title":1237,"path":1238,"stem":1239,"children":1240,"page":57},"Featured Components","\u002Fblocks\u002Ffeatured-components","6.blocks\u002Ffeatured-components",[1241,1245,1248],{"title":1242,"path":1243,"stem":1244},"Animated Gradient","\u002Fblocks\u002Ffeatured-components\u002Fanimated-gradient","6.blocks\u002Ffeatured-components\u002Fanimated-gradient",{"title":159,"path":1246,"stem":1247},"\u002Fblocks\u002Ffeatured-components\u002Fanimated-spotlight","6.blocks\u002Ffeatured-components\u002Fanimated-spotlight",{"title":1249,"path":1250,"stem":1251},"Ripple Effect","\u002Fblocks\u002Ffeatured-components\u002Fripple-effect","6.blocks\u002Ffeatured-components\u002Fripple-effect",{"title":1253,"path":1254,"stem":1255,"children":1256,"page":57},"Features","\u002Fblocks\u002Ffeatures","6.blocks\u002Ffeatures",[1257,1261],{"title":1258,"path":1259,"stem":1260},"Feature Grid","\u002Fblocks\u002Ffeatures\u002Ffeature-grid","6.blocks\u002Ffeatures\u002Ffeature-grid",{"title":1262,"path":1263,"stem":1264},"Glare Card Features","\u002Fblocks\u002Ffeatures\u002Fglare-card-features","6.blocks\u002Ffeatures\u002Fglare-card-features",{"title":1266,"path":1267,"stem":1268,"children":1269,"page":57},"Footers","\u002Fblocks\u002Ffooters","6.blocks\u002Ffooters",[1270],{"title":1271,"path":1272,"stem":1273},"Multi-column Footer","\u002Fblocks\u002Ffooters\u002Fmulti-column-footer","6.blocks\u002Ffooters\u002Fmulti-column-footer",{"title":1275,"path":1276,"stem":1277,"children":1278,"page":57},"Hero Sections","\u002Fblocks\u002Fhero-sections","6.blocks\u002Fhero-sections",[1279],{"title":1280,"path":1281,"stem":1282},"Gradient Hero","\u002Fblocks\u002Fhero-sections\u002Fgradient-hero","6.blocks\u002Fhero-sections\u002Fgradient-hero",{"title":1284,"path":1285,"stem":1286,"children":1287,"page":57},"Landing Page","\u002Fblocks\u002Flanding-page","6.blocks\u002Flanding-page",[1288,1292],{"title":1289,"path":1290,"stem":1291},"Feature Showcase","\u002Fblocks\u002Flanding-page\u002Ffeature-showcase","6.blocks\u002Flanding-page\u002Ffeature-showcase",{"title":1293,"path":1294,"stem":1295},"Testimonial Carousel","\u002Fblocks\u002Flanding-page\u002Ftestimonial-carousel","6.blocks\u002Flanding-page\u002Ftestimonial-carousel",{"title":1297,"path":1298,"stem":1299,"children":1300,"page":57},"Navigation","\u002Fblocks\u002Fnavigation","6.blocks\u002Fnavigation",[1301],{"title":1302,"path":1303,"stem":1304},"Modern Navbar","\u002Fblocks\u002Fnavigation\u002Fmodern-navbar","6.blocks\u002Fnavigation\u002Fmodern-navbar",{"title":1306,"path":1307,"stem":1308,"children":1309,"page":57},"Portfolio","\u002Fblocks\u002Fportfolio","6.blocks\u002Fportfolio",[1310,1314],{"title":1311,"path":1312,"stem":1313},"Case Study","\u002Fblocks\u002Fportfolio\u002Fcase-study","6.blocks\u002Fportfolio\u002Fcase-study",{"title":1315,"path":1316,"stem":1317},"Project Gallery","\u002Fblocks\u002Fportfolio\u002Fproject-gallery","6.blocks\u002Fportfolio\u002Fproject-gallery",{"title":1319,"path":1320,"stem":1321,"children":1322,"page":57},"Pricing","\u002Fblocks\u002Fpricing","6.blocks\u002Fpricing",[1323],{"title":1324,"path":1325,"stem":1326},"Pricing Cards","\u002Fblocks\u002Fpricing\u002Fpricing-cards","6.blocks\u002Fpricing\u002Fpricing-cards",{"title":1328,"path":1329,"stem":1330,"children":1331,"page":57},"Testimonials","\u002Fblocks\u002Ftestimonials","6.blocks\u002Ftestimonials",[1332],{"title":1293,"path":1333,"stem":1334},"\u002Fblocks\u002Ftestimonials\u002Ftestimonial-carousel","6.blocks\u002Ftestimonials\u002Ftestimonial-carousel",{"title":1336,"icon":1337,"path":1338,"stem":1339,"children":1340},"Templates","i-lucide-layout-template","\u002Ftemplates","7.templates",[1341,1343,1347,1351,1355],{"title":1336,"path":1338,"stem":1342},"7.templates\u002Findex",{"title":1344,"path":1345,"stem":1346},"Basic Landing Page","\u002Ftemplates\u002Fbasic-landing-page","7.templates\u002F2.basic-landing-page",{"title":1348,"path":1349,"stem":1350},"SaaS Landing Page","\u002Ftemplates\u002Fsaas-landing-page","7.templates\u002F3.saas-landing-page",{"title":1352,"path":1353,"stem":1354},"E-commerce Landing Page","\u002Ftemplates\u002Fecommerce-landing-page","7.templates\u002F4.ecommerce-landing-page",{"title":1356,"path":1357,"stem":1358},"Creative Agency Landing Page","\u002Ftemplates\u002Fcreative-agency-landing-page","7.templates\u002F5.creative-agency-landing-page",{"title":1360,"path":1361,"stem":1362,"children":1363,"icon":1365},"API Reference","\u002Fapi-reference","8.api-reference\u002Findex",[1364],{"title":1360,"path":1361,"stem":1362},"i-lucide-braces",{"id":1367,"title":761,"body":1368,"description":4347,"extension":4348,"links":4349,"meta":4350,"navigation":1546,"path":762,"seo":4351,"stem":763,"__hash__":4352},"docs\u002F3.components\u002Finteractive\u002Fvector-editor-toolbar.md",{"type":1369,"value":1370,"toc":4338},"minimark",[1371,1375,1391,1395,1426,2647,2656,2660,2681,2700,4091,4098,4102,4167,4171,4186,4190,4199,4203,4305,4309,4334],[1372,1373,1374],"p",{},"A toolbar for a canvas or vector editor. Every tool is a mode button; tools\nthat own variants open a small flyout instead of replacing the tool itself. The\nactive pill travels between tools with a shared layout animation, so switching\nmodes reads as one indicator moving rather than two backgrounds swapping.",[1372,1376,1377,1378,1382,1383,1386,1387,1390],{},"Variants can be opened with a second click on the active tool, the corner\ntriangle, or a long press. The tool's icon and label update to the chosen\nvariant, and the flyout marks it with a check as well as a surface change.\nKeyboard users get the same reach: arrow keys move through the toolbar, the\nopen key expands a tool, and the flyout handles its own arrow keys, ",[1379,1380,1381],"code",{},"Enter",",\n",[1379,1384,1385],{},"Space"," and ",[1379,1388,1389],{},"Escape",".",[1392,1393,16],"h2",{"id":1394},"usage",[1372,1396,1397,1398,1401,1402,1405,1406,1409,1410,1413,1414,1417,1418,1421,1422,1425],{},"Pass ",[1379,1399,1400],{},"tools"," and, optionally, a ",[1379,1403,1404],{},"defaultTool",". Each tool needs a stable ",[1379,1407,1408],{},"id",", a\n",[1379,1411,1412],{},"label"," and a UIcon ",[1379,1415,1416],{},"icon",". Add ",[1379,1419,1420],{},"items"," to a tool when it has variants, and a\n",[1379,1423,1424],{},"shortcut"," when it should respond to a single key. The basic example starts on\nthe first tool and leaves the selection uncontrolled.",[1427,1428,1430,1440],"code-preview",{"label":1429},"Preview",[1431,1432,1435,1436],"div",{"className":1433},[1434],"w-full","  ",[1437,1438],"component-example",{"name":1439},"vector-editor-toolbar-basic",[1441,1442,1444],"template",{"v-slot:code":1443},"",[1445,1446,1450],"pre",{"className":1447,"code":1448,"language":1449,"meta":1443,"style":1443},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003Cdiv class=\"flex w-full flex-col items-center gap-5\">\n    \u003CMVectorEditorToolbar\n      :tools=\"tools\"\n      aria-label=\"Illustration tools\"\n    \u002F>\n\n    \u003Cdiv\n      class=\"relative grid h-44 w-full max-w-md place-items-center overflow-hidden rounded-xl border border-dashed border-default bg-elevated\u002F40\"\n    >\n      \u003Cdiv class=\"absolute inset-0 opacity-60 [background-image:radial-gradient(circle,rgba(127,127,127,0.28)_1px,transparent_1px)] [background-size:18px_18px]\" \u002F>\n      \u003Cdiv class=\"relative flex items-center gap-3 rounded-lg border border-primary\u002F30 bg-primary\u002F10 px-4 py-3 text-primary\">\n        \u003CUIcon\n          name=\"i-lucide-pen-tool\"\n          class=\"size-4\"\n        \u002F>\n        \u003Cspan class=\"text-xs font-medium\">Draw something\u003C\u002Fspan>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nconst tools = [\n  {\n    id: 'select',\n    label: 'Select',\n    icon: 'i-lucide-mouse-pointer',\n    shortcut: 'V',\n  },\n  {\n    id: 'shape',\n    label: 'Shape',\n    icon: 'i-lucide-square',\n    items: [\n      { id: 'rectangle', label: 'Rectangle', icon: 'i-lucide-square', shortcut: 'R' },\n      { id: 'ellipse', label: 'Ellipse', icon: 'i-lucide-circle', shortcut: 'O' },\n      { id: 'polygon', label: 'Polygon', icon: 'i-lucide-triangle', shortcut: 'Y' },\n      { id: 'line', label: 'Line', icon: 'i-lucide-minus', shortcut: 'L' },\n    ],\n  },\n  {\n    id: 'pen',\n    label: 'Pen',\n    icon: 'i-lucide-pencil',\n    items: [\n      { id: 'pen', label: 'Pen', icon: 'i-lucide-pen-tool', shortcut: 'P' },\n      { id: 'brush', label: 'Brush', icon: 'i-lucide-paintbrush', shortcut: 'B' },\n      { id: 'eraser', label: 'Eraser', icon: 'i-lucide-eraser', shortcut: 'E' },\n    ],\n  },\n  {\n    id: 'text',\n    label: 'Text',\n    icon: 'i-lucide-type',\n    shortcut: 'T',\n  },\n  {\n    id: 'hand',\n    label: 'Hand',\n    icon: 'i-lucide-hand',\n    shortcut: 'H',\n  },\n  {\n    id: 'zoom',\n    label: 'Zoom',\n    icon: 'i-lucide-search',\n    shortcut: 'Z',\n  },\n]\n\u003C\u002Fscript>\n","vue",[1379,1451,1452,1467,1493,1502,1520,1535,1541,1548,1556,1571,1577,1599,1619,1628,1643,1658,1664,1695,1705,1715,1725,1734,1739,1764,1778,1784,1804,1821,1838,1855,1861,1866,1882,1898,1914,1924,1987,2044,2101,2157,2165,2170,2175,2191,2207,2223,2232,2286,2343,2400,2407,2412,2417,2433,2449,2464,2480,2485,2490,2506,2522,2537,2553,2558,2563,2579,2595,2611,2627,2632,2638],{"__ignoreMap":1443},[1453,1454,1457,1461,1464],"span",{"class":1455,"line":1456},"line",1,[1453,1458,1460],{"class":1459},"sMK4o","\u003C",[1453,1462,1441],{"class":1463},"swJcz",[1453,1465,1466],{"class":1459},">\n",[1453,1468,1470,1473,1475,1479,1482,1485,1489,1491],{"class":1455,"line":1469},2,[1453,1471,1472],{"class":1459},"  \u003C",[1453,1474,1431],{"class":1463},[1453,1476,1478],{"class":1477},"spNyl"," class",[1453,1480,1481],{"class":1459},"=",[1453,1483,1484],{"class":1459},"\"",[1453,1486,1488],{"class":1487},"sfazB","flex w-full flex-col items-center gap-5",[1453,1490,1484],{"class":1459},[1453,1492,1466],{"class":1459},[1453,1494,1496,1499],{"class":1455,"line":1495},3,[1453,1497,1498],{"class":1459},"    \u003C",[1453,1500,1501],{"class":1463},"MVectorEditorToolbar\n",[1453,1503,1505,1508,1510,1512,1514,1517],{"class":1455,"line":1504},4,[1453,1506,1507],{"class":1459},"      :",[1453,1509,1400],{"class":1477},[1453,1511,1481],{"class":1459},[1453,1513,1484],{"class":1459},[1453,1515,1400],{"class":1516},"sTEyZ",[1453,1518,1519],{"class":1459},"\"\n",[1453,1521,1523,1526,1528,1530,1533],{"class":1455,"line":1522},5,[1453,1524,1525],{"class":1477},"      aria-label",[1453,1527,1481],{"class":1459},[1453,1529,1484],{"class":1459},[1453,1531,1532],{"class":1487},"Illustration tools",[1453,1534,1519],{"class":1459},[1453,1536,1538],{"class":1455,"line":1537},6,[1453,1539,1540],{"class":1459},"    \u002F>\n",[1453,1542,1544],{"class":1455,"line":1543},7,[1453,1545,1547],{"emptyLinePlaceholder":1546},true,"\n",[1453,1549,1551,1553],{"class":1455,"line":1550},8,[1453,1552,1498],{"class":1459},[1453,1554,1555],{"class":1463},"div\n",[1453,1557,1559,1562,1564,1566,1569],{"class":1455,"line":1558},9,[1453,1560,1561],{"class":1477},"      class",[1453,1563,1481],{"class":1459},[1453,1565,1484],{"class":1459},[1453,1567,1568],{"class":1487},"relative grid h-44 w-full max-w-md place-items-center overflow-hidden rounded-xl border border-dashed border-default bg-elevated\u002F40",[1453,1570,1519],{"class":1459},[1453,1572,1574],{"class":1455,"line":1573},10,[1453,1575,1576],{"class":1459},"    >\n",[1453,1578,1580,1583,1585,1587,1589,1591,1594,1596],{"class":1455,"line":1579},11,[1453,1581,1582],{"class":1459},"      \u003C",[1453,1584,1431],{"class":1463},[1453,1586,1478],{"class":1477},[1453,1588,1481],{"class":1459},[1453,1590,1484],{"class":1459},[1453,1592,1593],{"class":1487},"absolute inset-0 opacity-60 [background-image:radial-gradient(circle,rgba(127,127,127,0.28)_1px,transparent_1px)] [background-size:18px_18px]",[1453,1595,1484],{"class":1459},[1453,1597,1598],{"class":1459}," \u002F>\n",[1453,1600,1602,1604,1606,1608,1610,1612,1615,1617],{"class":1455,"line":1601},12,[1453,1603,1582],{"class":1459},[1453,1605,1431],{"class":1463},[1453,1607,1478],{"class":1477},[1453,1609,1481],{"class":1459},[1453,1611,1484],{"class":1459},[1453,1613,1614],{"class":1487},"relative flex items-center gap-3 rounded-lg border border-primary\u002F30 bg-primary\u002F10 px-4 py-3 text-primary",[1453,1616,1484],{"class":1459},[1453,1618,1466],{"class":1459},[1453,1620,1622,1625],{"class":1455,"line":1621},13,[1453,1623,1624],{"class":1459},"        \u003C",[1453,1626,1627],{"class":1463},"UIcon\n",[1453,1629,1631,1634,1636,1638,1641],{"class":1455,"line":1630},14,[1453,1632,1633],{"class":1477},"          name",[1453,1635,1481],{"class":1459},[1453,1637,1484],{"class":1459},[1453,1639,1640],{"class":1487},"i-lucide-pen-tool",[1453,1642,1519],{"class":1459},[1453,1644,1646,1649,1651,1653,1656],{"class":1455,"line":1645},15,[1453,1647,1648],{"class":1477},"          class",[1453,1650,1481],{"class":1459},[1453,1652,1484],{"class":1459},[1453,1654,1655],{"class":1487},"size-4",[1453,1657,1519],{"class":1459},[1453,1659,1661],{"class":1455,"line":1660},16,[1453,1662,1663],{"class":1459},"        \u002F>\n",[1453,1665,1667,1669,1671,1673,1675,1677,1680,1682,1685,1688,1691,1693],{"class":1455,"line":1666},17,[1453,1668,1624],{"class":1459},[1453,1670,1453],{"class":1463},[1453,1672,1478],{"class":1477},[1453,1674,1481],{"class":1459},[1453,1676,1484],{"class":1459},[1453,1678,1679],{"class":1487},"text-xs font-medium",[1453,1681,1484],{"class":1459},[1453,1683,1684],{"class":1459},">",[1453,1686,1687],{"class":1516},"Draw something",[1453,1689,1690],{"class":1459},"\u003C\u002F",[1453,1692,1453],{"class":1463},[1453,1694,1466],{"class":1459},[1453,1696,1698,1701,1703],{"class":1455,"line":1697},18,[1453,1699,1700],{"class":1459},"      \u003C\u002F",[1453,1702,1431],{"class":1463},[1453,1704,1466],{"class":1459},[1453,1706,1708,1711,1713],{"class":1455,"line":1707},19,[1453,1709,1710],{"class":1459},"    \u003C\u002F",[1453,1712,1431],{"class":1463},[1453,1714,1466],{"class":1459},[1453,1716,1718,1721,1723],{"class":1455,"line":1717},20,[1453,1719,1720],{"class":1459},"  \u003C\u002F",[1453,1722,1431],{"class":1463},[1453,1724,1466],{"class":1459},[1453,1726,1728,1730,1732],{"class":1455,"line":1727},21,[1453,1729,1690],{"class":1459},[1453,1731,1441],{"class":1463},[1453,1733,1466],{"class":1459},[1453,1735,1737],{"class":1455,"line":1736},22,[1453,1738,1547],{"emptyLinePlaceholder":1546},[1453,1740,1742,1744,1747,1750,1753,1755,1757,1760,1762],{"class":1455,"line":1741},23,[1453,1743,1460],{"class":1459},[1453,1745,1746],{"class":1463},"script",[1453,1748,1749],{"class":1477}," setup",[1453,1751,1752],{"class":1477}," lang",[1453,1754,1481],{"class":1459},[1453,1756,1484],{"class":1459},[1453,1758,1759],{"class":1487},"ts",[1453,1761,1484],{"class":1459},[1453,1763,1466],{"class":1459},[1453,1765,1767,1770,1773,1775],{"class":1455,"line":1766},24,[1453,1768,1769],{"class":1477},"const",[1453,1771,1772],{"class":1516}," tools ",[1453,1774,1481],{"class":1459},[1453,1776,1777],{"class":1516}," [\n",[1453,1779,1781],{"class":1455,"line":1780},25,[1453,1782,1783],{"class":1459},"  {\n",[1453,1785,1787,1790,1793,1796,1799,1802],{"class":1455,"line":1786},26,[1453,1788,1789],{"class":1463},"    id",[1453,1791,1792],{"class":1459},":",[1453,1794,1795],{"class":1459}," '",[1453,1797,1798],{"class":1487},"select",[1453,1800,1801],{"class":1459},"'",[1453,1803,1382],{"class":1459},[1453,1805,1807,1810,1812,1814,1817,1819],{"class":1455,"line":1806},27,[1453,1808,1809],{"class":1463},"    label",[1453,1811,1792],{"class":1459},[1453,1813,1795],{"class":1459},[1453,1815,1816],{"class":1487},"Select",[1453,1818,1801],{"class":1459},[1453,1820,1382],{"class":1459},[1453,1822,1824,1827,1829,1831,1834,1836],{"class":1455,"line":1823},28,[1453,1825,1826],{"class":1463},"    icon",[1453,1828,1792],{"class":1459},[1453,1830,1795],{"class":1459},[1453,1832,1833],{"class":1487},"i-lucide-mouse-pointer",[1453,1835,1801],{"class":1459},[1453,1837,1382],{"class":1459},[1453,1839,1841,1844,1846,1848,1851,1853],{"class":1455,"line":1840},29,[1453,1842,1843],{"class":1463},"    shortcut",[1453,1845,1792],{"class":1459},[1453,1847,1795],{"class":1459},[1453,1849,1850],{"class":1487},"V",[1453,1852,1801],{"class":1459},[1453,1854,1382],{"class":1459},[1453,1856,1858],{"class":1455,"line":1857},30,[1453,1859,1860],{"class":1459},"  },\n",[1453,1862,1864],{"class":1455,"line":1863},31,[1453,1865,1783],{"class":1459},[1453,1867,1869,1871,1873,1875,1878,1880],{"class":1455,"line":1868},32,[1453,1870,1789],{"class":1463},[1453,1872,1792],{"class":1459},[1453,1874,1795],{"class":1459},[1453,1876,1877],{"class":1487},"shape",[1453,1879,1801],{"class":1459},[1453,1881,1382],{"class":1459},[1453,1883,1885,1887,1889,1891,1894,1896],{"class":1455,"line":1884},33,[1453,1886,1809],{"class":1463},[1453,1888,1792],{"class":1459},[1453,1890,1795],{"class":1459},[1453,1892,1893],{"class":1487},"Shape",[1453,1895,1801],{"class":1459},[1453,1897,1382],{"class":1459},[1453,1899,1901,1903,1905,1907,1910,1912],{"class":1455,"line":1900},34,[1453,1902,1826],{"class":1463},[1453,1904,1792],{"class":1459},[1453,1906,1795],{"class":1459},[1453,1908,1909],{"class":1487},"i-lucide-square",[1453,1911,1801],{"class":1459},[1453,1913,1382],{"class":1459},[1453,1915,1917,1920,1922],{"class":1455,"line":1916},35,[1453,1918,1919],{"class":1463},"    items",[1453,1921,1792],{"class":1459},[1453,1923,1777],{"class":1516},[1453,1925,1927,1930,1933,1935,1937,1940,1942,1945,1948,1950,1952,1955,1957,1959,1962,1964,1966,1968,1970,1972,1975,1977,1979,1982,1984],{"class":1455,"line":1926},36,[1453,1928,1929],{"class":1459},"      {",[1453,1931,1932],{"class":1463}," id",[1453,1934,1792],{"class":1459},[1453,1936,1795],{"class":1459},[1453,1938,1939],{"class":1487},"rectangle",[1453,1941,1801],{"class":1459},[1453,1943,1944],{"class":1459},",",[1453,1946,1947],{"class":1463}," label",[1453,1949,1792],{"class":1459},[1453,1951,1795],{"class":1459},[1453,1953,1954],{"class":1487},"Rectangle",[1453,1956,1801],{"class":1459},[1453,1958,1944],{"class":1459},[1453,1960,1961],{"class":1463}," icon",[1453,1963,1792],{"class":1459},[1453,1965,1795],{"class":1459},[1453,1967,1909],{"class":1487},[1453,1969,1801],{"class":1459},[1453,1971,1944],{"class":1459},[1453,1973,1974],{"class":1463}," shortcut",[1453,1976,1792],{"class":1459},[1453,1978,1795],{"class":1459},[1453,1980,1981],{"class":1487},"R",[1453,1983,1801],{"class":1459},[1453,1985,1986],{"class":1459}," },\n",[1453,1988,1990,1992,1994,1996,1998,2001,2003,2005,2007,2009,2011,2014,2016,2018,2020,2022,2024,2027,2029,2031,2033,2035,2037,2040,2042],{"class":1455,"line":1989},37,[1453,1991,1929],{"class":1459},[1453,1993,1932],{"class":1463},[1453,1995,1792],{"class":1459},[1453,1997,1795],{"class":1459},[1453,1999,2000],{"class":1487},"ellipse",[1453,2002,1801],{"class":1459},[1453,2004,1944],{"class":1459},[1453,2006,1947],{"class":1463},[1453,2008,1792],{"class":1459},[1453,2010,1795],{"class":1459},[1453,2012,2013],{"class":1487},"Ellipse",[1453,2015,1801],{"class":1459},[1453,2017,1944],{"class":1459},[1453,2019,1961],{"class":1463},[1453,2021,1792],{"class":1459},[1453,2023,1795],{"class":1459},[1453,2025,2026],{"class":1487},"i-lucide-circle",[1453,2028,1801],{"class":1459},[1453,2030,1944],{"class":1459},[1453,2032,1974],{"class":1463},[1453,2034,1792],{"class":1459},[1453,2036,1795],{"class":1459},[1453,2038,2039],{"class":1487},"O",[1453,2041,1801],{"class":1459},[1453,2043,1986],{"class":1459},[1453,2045,2047,2049,2051,2053,2055,2058,2060,2062,2064,2066,2068,2071,2073,2075,2077,2079,2081,2084,2086,2088,2090,2092,2094,2097,2099],{"class":1455,"line":2046},38,[1453,2048,1929],{"class":1459},[1453,2050,1932],{"class":1463},[1453,2052,1792],{"class":1459},[1453,2054,1795],{"class":1459},[1453,2056,2057],{"class":1487},"polygon",[1453,2059,1801],{"class":1459},[1453,2061,1944],{"class":1459},[1453,2063,1947],{"class":1463},[1453,2065,1792],{"class":1459},[1453,2067,1795],{"class":1459},[1453,2069,2070],{"class":1487},"Polygon",[1453,2072,1801],{"class":1459},[1453,2074,1944],{"class":1459},[1453,2076,1961],{"class":1463},[1453,2078,1792],{"class":1459},[1453,2080,1795],{"class":1459},[1453,2082,2083],{"class":1487},"i-lucide-triangle",[1453,2085,1801],{"class":1459},[1453,2087,1944],{"class":1459},[1453,2089,1974],{"class":1463},[1453,2091,1792],{"class":1459},[1453,2093,1795],{"class":1459},[1453,2095,2096],{"class":1487},"Y",[1453,2098,1801],{"class":1459},[1453,2100,1986],{"class":1459},[1453,2102,2104,2106,2108,2110,2112,2114,2116,2118,2120,2122,2124,2127,2129,2131,2133,2135,2137,2140,2142,2144,2146,2148,2150,2153,2155],{"class":1455,"line":2103},39,[1453,2105,1929],{"class":1459},[1453,2107,1932],{"class":1463},[1453,2109,1792],{"class":1459},[1453,2111,1795],{"class":1459},[1453,2113,1455],{"class":1487},[1453,2115,1801],{"class":1459},[1453,2117,1944],{"class":1459},[1453,2119,1947],{"class":1463},[1453,2121,1792],{"class":1459},[1453,2123,1795],{"class":1459},[1453,2125,2126],{"class":1487},"Line",[1453,2128,1801],{"class":1459},[1453,2130,1944],{"class":1459},[1453,2132,1961],{"class":1463},[1453,2134,1792],{"class":1459},[1453,2136,1795],{"class":1459},[1453,2138,2139],{"class":1487},"i-lucide-minus",[1453,2141,1801],{"class":1459},[1453,2143,1944],{"class":1459},[1453,2145,1974],{"class":1463},[1453,2147,1792],{"class":1459},[1453,2149,1795],{"class":1459},[1453,2151,2152],{"class":1487},"L",[1453,2154,1801],{"class":1459},[1453,2156,1986],{"class":1459},[1453,2158,2160,2163],{"class":1455,"line":2159},40,[1453,2161,2162],{"class":1516},"    ]",[1453,2164,1382],{"class":1459},[1453,2166,2168],{"class":1455,"line":2167},41,[1453,2169,1860],{"class":1459},[1453,2171,2173],{"class":1455,"line":2172},42,[1453,2174,1783],{"class":1459},[1453,2176,2178,2180,2182,2184,2187,2189],{"class":1455,"line":2177},43,[1453,2179,1789],{"class":1463},[1453,2181,1792],{"class":1459},[1453,2183,1795],{"class":1459},[1453,2185,2186],{"class":1487},"pen",[1453,2188,1801],{"class":1459},[1453,2190,1382],{"class":1459},[1453,2192,2194,2196,2198,2200,2203,2205],{"class":1455,"line":2193},44,[1453,2195,1809],{"class":1463},[1453,2197,1792],{"class":1459},[1453,2199,1795],{"class":1459},[1453,2201,2202],{"class":1487},"Pen",[1453,2204,1801],{"class":1459},[1453,2206,1382],{"class":1459},[1453,2208,2210,2212,2214,2216,2219,2221],{"class":1455,"line":2209},45,[1453,2211,1826],{"class":1463},[1453,2213,1792],{"class":1459},[1453,2215,1795],{"class":1459},[1453,2217,2218],{"class":1487},"i-lucide-pencil",[1453,2220,1801],{"class":1459},[1453,2222,1382],{"class":1459},[1453,2224,2226,2228,2230],{"class":1455,"line":2225},46,[1453,2227,1919],{"class":1463},[1453,2229,1792],{"class":1459},[1453,2231,1777],{"class":1516},[1453,2233,2235,2237,2239,2241,2243,2245,2247,2249,2251,2253,2255,2257,2259,2261,2263,2265,2267,2269,2271,2273,2275,2277,2279,2282,2284],{"class":1455,"line":2234},47,[1453,2236,1929],{"class":1459},[1453,2238,1932],{"class":1463},[1453,2240,1792],{"class":1459},[1453,2242,1795],{"class":1459},[1453,2244,2186],{"class":1487},[1453,2246,1801],{"class":1459},[1453,2248,1944],{"class":1459},[1453,2250,1947],{"class":1463},[1453,2252,1792],{"class":1459},[1453,2254,1795],{"class":1459},[1453,2256,2202],{"class":1487},[1453,2258,1801],{"class":1459},[1453,2260,1944],{"class":1459},[1453,2262,1961],{"class":1463},[1453,2264,1792],{"class":1459},[1453,2266,1795],{"class":1459},[1453,2268,1640],{"class":1487},[1453,2270,1801],{"class":1459},[1453,2272,1944],{"class":1459},[1453,2274,1974],{"class":1463},[1453,2276,1792],{"class":1459},[1453,2278,1795],{"class":1459},[1453,2280,2281],{"class":1487},"P",[1453,2283,1801],{"class":1459},[1453,2285,1986],{"class":1459},[1453,2287,2289,2291,2293,2295,2297,2300,2302,2304,2306,2308,2310,2313,2315,2317,2319,2321,2323,2326,2328,2330,2332,2334,2336,2339,2341],{"class":1455,"line":2288},48,[1453,2290,1929],{"class":1459},[1453,2292,1932],{"class":1463},[1453,2294,1792],{"class":1459},[1453,2296,1795],{"class":1459},[1453,2298,2299],{"class":1487},"brush",[1453,2301,1801],{"class":1459},[1453,2303,1944],{"class":1459},[1453,2305,1947],{"class":1463},[1453,2307,1792],{"class":1459},[1453,2309,1795],{"class":1459},[1453,2311,2312],{"class":1487},"Brush",[1453,2314,1801],{"class":1459},[1453,2316,1944],{"class":1459},[1453,2318,1961],{"class":1463},[1453,2320,1792],{"class":1459},[1453,2322,1795],{"class":1459},[1453,2324,2325],{"class":1487},"i-lucide-paintbrush",[1453,2327,1801],{"class":1459},[1453,2329,1944],{"class":1459},[1453,2331,1974],{"class":1463},[1453,2333,1792],{"class":1459},[1453,2335,1795],{"class":1459},[1453,2337,2338],{"class":1487},"B",[1453,2340,1801],{"class":1459},[1453,2342,1986],{"class":1459},[1453,2344,2346,2348,2350,2352,2354,2357,2359,2361,2363,2365,2367,2370,2372,2374,2376,2378,2380,2383,2385,2387,2389,2391,2393,2396,2398],{"class":1455,"line":2345},49,[1453,2347,1929],{"class":1459},[1453,2349,1932],{"class":1463},[1453,2351,1792],{"class":1459},[1453,2353,1795],{"class":1459},[1453,2355,2356],{"class":1487},"eraser",[1453,2358,1801],{"class":1459},[1453,2360,1944],{"class":1459},[1453,2362,1947],{"class":1463},[1453,2364,1792],{"class":1459},[1453,2366,1795],{"class":1459},[1453,2368,2369],{"class":1487},"Eraser",[1453,2371,1801],{"class":1459},[1453,2373,1944],{"class":1459},[1453,2375,1961],{"class":1463},[1453,2377,1792],{"class":1459},[1453,2379,1795],{"class":1459},[1453,2381,2382],{"class":1487},"i-lucide-eraser",[1453,2384,1801],{"class":1459},[1453,2386,1944],{"class":1459},[1453,2388,1974],{"class":1463},[1453,2390,1792],{"class":1459},[1453,2392,1795],{"class":1459},[1453,2394,2395],{"class":1487},"E",[1453,2397,1801],{"class":1459},[1453,2399,1986],{"class":1459},[1453,2401,2403,2405],{"class":1455,"line":2402},50,[1453,2404,2162],{"class":1516},[1453,2406,1382],{"class":1459},[1453,2408,2410],{"class":1455,"line":2409},51,[1453,2411,1860],{"class":1459},[1453,2413,2415],{"class":1455,"line":2414},52,[1453,2416,1783],{"class":1459},[1453,2418,2420,2422,2424,2426,2429,2431],{"class":1455,"line":2419},53,[1453,2421,1789],{"class":1463},[1453,2423,1792],{"class":1459},[1453,2425,1795],{"class":1459},[1453,2427,2428],{"class":1487},"text",[1453,2430,1801],{"class":1459},[1453,2432,1382],{"class":1459},[1453,2434,2436,2438,2440,2442,2445,2447],{"class":1455,"line":2435},54,[1453,2437,1809],{"class":1463},[1453,2439,1792],{"class":1459},[1453,2441,1795],{"class":1459},[1453,2443,2444],{"class":1487},"Text",[1453,2446,1801],{"class":1459},[1453,2448,1382],{"class":1459},[1453,2450,2452,2454,2456,2458,2460,2462],{"class":1455,"line":2451},55,[1453,2453,1826],{"class":1463},[1453,2455,1792],{"class":1459},[1453,2457,1795],{"class":1459},[1453,2459,916],{"class":1487},[1453,2461,1801],{"class":1459},[1453,2463,1382],{"class":1459},[1453,2465,2467,2469,2471,2473,2476,2478],{"class":1455,"line":2466},56,[1453,2468,1843],{"class":1463},[1453,2470,1792],{"class":1459},[1453,2472,1795],{"class":1459},[1453,2474,2475],{"class":1487},"T",[1453,2477,1801],{"class":1459},[1453,2479,1382],{"class":1459},[1453,2481,2483],{"class":1455,"line":2482},57,[1453,2484,1860],{"class":1459},[1453,2486,2488],{"class":1455,"line":2487},58,[1453,2489,1783],{"class":1459},[1453,2491,2493,2495,2497,2499,2502,2504],{"class":1455,"line":2492},59,[1453,2494,1789],{"class":1463},[1453,2496,1792],{"class":1459},[1453,2498,1795],{"class":1459},[1453,2500,2501],{"class":1487},"hand",[1453,2503,1801],{"class":1459},[1453,2505,1382],{"class":1459},[1453,2507,2509,2511,2513,2515,2518,2520],{"class":1455,"line":2508},60,[1453,2510,1809],{"class":1463},[1453,2512,1792],{"class":1459},[1453,2514,1795],{"class":1459},[1453,2516,2517],{"class":1487},"Hand",[1453,2519,1801],{"class":1459},[1453,2521,1382],{"class":1459},[1453,2523,2525,2527,2529,2531,2533,2535],{"class":1455,"line":2524},61,[1453,2526,1826],{"class":1463},[1453,2528,1792],{"class":1459},[1453,2530,1795],{"class":1459},[1453,2532,604],{"class":1487},[1453,2534,1801],{"class":1459},[1453,2536,1382],{"class":1459},[1453,2538,2540,2542,2544,2546,2549,2551],{"class":1455,"line":2539},62,[1453,2541,1843],{"class":1463},[1453,2543,1792],{"class":1459},[1453,2545,1795],{"class":1459},[1453,2547,2548],{"class":1487},"H",[1453,2550,1801],{"class":1459},[1453,2552,1382],{"class":1459},[1453,2554,2556],{"class":1455,"line":2555},63,[1453,2557,1860],{"class":1459},[1453,2559,2561],{"class":1455,"line":2560},64,[1453,2562,1783],{"class":1459},[1453,2564,2566,2568,2570,2572,2575,2577],{"class":1455,"line":2565},65,[1453,2567,1789],{"class":1463},[1453,2569,1792],{"class":1459},[1453,2571,1795],{"class":1459},[1453,2573,2574],{"class":1487},"zoom",[1453,2576,1801],{"class":1459},[1453,2578,1382],{"class":1459},[1453,2580,2582,2584,2586,2588,2591,2593],{"class":1455,"line":2581},66,[1453,2583,1809],{"class":1463},[1453,2585,1792],{"class":1459},[1453,2587,1795],{"class":1459},[1453,2589,2590],{"class":1487},"Zoom",[1453,2592,1801],{"class":1459},[1453,2594,1382],{"class":1459},[1453,2596,2598,2600,2602,2604,2607,2609],{"class":1455,"line":2597},67,[1453,2599,1826],{"class":1463},[1453,2601,1792],{"class":1459},[1453,2603,1795],{"class":1459},[1453,2605,2606],{"class":1487},"i-lucide-search",[1453,2608,1801],{"class":1459},[1453,2610,1382],{"class":1459},[1453,2612,2614,2616,2618,2620,2623,2625],{"class":1455,"line":2613},68,[1453,2615,1843],{"class":1463},[1453,2617,1792],{"class":1459},[1453,2619,1795],{"class":1459},[1453,2621,2622],{"class":1487},"Z",[1453,2624,1801],{"class":1459},[1453,2626,1382],{"class":1459},[1453,2628,2630],{"class":1455,"line":2629},69,[1453,2631,1860],{"class":1459},[1453,2633,2635],{"class":1455,"line":2634},70,[1453,2636,2637],{"class":1516},"]\n",[1453,2639,2641,2643,2645],{"class":1455,"line":2640},71,[1453,2642,1690],{"class":1459},[1453,2644,1746],{"class":1463},[1453,2646,1466],{"class":1459},[1372,2648,2649,2650,2652,2653,2655],{},"A tool without ",[1379,2651,1420],{}," selects immediately. A tool with ",[1379,2654,1420],{}," selects on the\nfirst click, and opens its flyout when clicked again while already active. The\ncorner triangle and a 450ms pointer press open the same flyout directly. When a\nvariant is chosen, the parent tool stays active and its icon and label adopt the\nvariant.",[1392,2657,2659],{"id":2658},"customize","Customize",[1372,2661,2662,2663,2666,2667,2669,2670,2672,2673,2676,2677,2680],{},"Bind ",[1379,2664,2665],{},"activeTool"," to take ownership of the selection, or leave it undefined and\nlet the toolbar keep its own. ",[1379,2668,1404],{}," is only read for the uncontrolled\ncase; it is ignored once ",[1379,2671,2665],{}," is bound. Listen for ",[1379,2674,2675],{},"update:activeTool","\nfor a controlled value, or ",[1379,2678,2679],{},"change"," for a single callback that does not need a\nbinding.",[1372,2682,2683,2684,2687,2688,2691,2692,2695,2696,2699],{},"Use ",[1379,2685,2686],{},"orientation=\"vertical\""," for a side rail, ",[1379,2689,2690],{},"floating"," to pin the toolbar near\nthe top of the nearest positioned ancestor, and the ",[1379,2693,2694],{},"properties"," slot for\ncontrols that belong to the active tool. Floating mode makes the panel\ndraggable within that ancestor. Set ",[1379,2697,2698],{},":shortcuts-enabled=\"false\""," when several\ntoolbars share a page or when the surrounding app already owns those keys.",[1427,2701,2702,2708],{"label":1429},[1431,2703,1435,2705],{"className":2704},[1434],[1437,2706],{"name":2707},"vector-editor-toolbar-custom",[1441,2709,2710],{"v-slot:code":1443},[1445,2711,2713],{"className":1447,"code":2712,"language":1449,"meta":1443,"style":1443},"\u003Ctemplate>\n  \u003Cdiv\n    class=\"relative h-[460px] w-full overflow-hidden rounded-2xl border border-default bg-elevated\u002F30\"\n  >\n    \u003Cdiv class=\"absolute inset-0 opacity-70 [background-image:radial-gradient(circle,rgba(127,127,127,0.25)_1px,transparent_1px)] [background-size:20px_20px]\" \u002F>\n\n    \u003Cdiv class=\"absolute top-24 left-8 h-28 w-40 rounded-2xl border border-primary\u002F30 bg-primary\u002F10\" \u002F>\n    \u003Cdiv class=\"absolute top-36 right-10 size-24 rounded-full border-2 border-dashed border-primary\u002F40\" \u002F>\n    \u003Cdiv class=\"absolute bottom-16 left-1\u002F3 h-20 w-52 rounded-xl border border-default bg-default\u002F70 shadow-sm\" \u002F>\n\n    \u003Cdiv class=\"absolute bottom-24 left-12 flex items-center gap-2 text-[11px] font-medium text-muted\">\n      \u003CUIcon\n        name=\"i-lucide-layers\"\n        class=\"size-3.5\"\n      \u002F>\n      Frame 01\n    \u003C\u002Fdiv>\n\n    \u003CMVectorEditorToolbar\n      v-model:active-tool=\"active\"\n      :tools=\"tools\"\n      :shortcuts-enabled=\"false\"\n      floating\n      orientation=\"vertical\"\n      aria-label=\"Canvas tools\"\n    >\n      \u003Ctemplate #properties>\n        \u003Cdiv class=\"w-52 space-y-2\">\n          \u003Cdiv class=\"flex items-center justify-between\">\n            \u003Cspan class=\"text-xs font-medium text-highlighted\">Selection\u003C\u002Fspan>\n            \u003Cspan class=\"text-[10px] tracking-wide text-dimmed uppercase\">Frame\u003C\u002Fspan>\n          \u003C\u002Fdiv>\n          \u003Cdiv class=\"grid grid-cols-2 gap-1.5 text-[11px]\">\n            \u003Cdiv\n              v-for=\"field in fields\"\n              :key=\"field.label\"\n              class=\"flex items-center justify-between rounded-md bg-muted px-2 py-1\"\n            >\n              \u003Cspan class=\"text-muted\">{{ field.label }}\u003C\u002Fspan>\n              \u003Cspan class=\"font-medium text-highlighted\">{{ field.value }}\u003C\u002Fspan>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n      \u003C\u002Ftemplate>\n    \u003C\u002FMVectorEditorToolbar>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue'\n\nconst active = ref('select')\n\nconst fields = [\n  { label: 'X', value: '120' },\n  { label: 'Y', value: '80' },\n  { label: 'W', value: '240' },\n  { label: 'H', value: '160' },\n]\n\nconst tools = [\n  {\n    id: 'select',\n    label: 'Select',\n    icon: 'i-lucide-mouse-pointer',\n  },\n  {\n    id: 'shape',\n    label: 'Shape',\n    icon: 'i-lucide-square',\n    items: [\n      { id: 'rectangle', label: 'Rectangle', icon: 'i-lucide-square' },\n      { id: 'ellipse', label: 'Ellipse', icon: 'i-lucide-circle' },\n      { id: 'polygon', label: 'Polygon', icon: 'i-lucide-triangle' },\n    ],\n  },\n  {\n    id: 'pen',\n    label: 'Pen',\n    icon: 'i-lucide-pencil',\n    items: [\n      { id: 'pen', label: 'Pen', icon: 'i-lucide-pen-tool' },\n      { id: 'brush', label: 'Brush', icon: 'i-lucide-paintbrush' },\n      { id: 'eraser', label: 'Eraser', icon: 'i-lucide-eraser' },\n    ],\n  },\n  {\n    id: 'text',\n    label: 'Text',\n    icon: 'i-lucide-type',\n  },\n  {\n    id: 'hand',\n    label: 'Hand',\n    icon: 'i-lucide-hand',\n  },\n]\n\u003C\u002Fscript>\n",[1379,2714,2715,2723,2729,2743,2748,2767,2771,2790,2809,2828,2832,2851,2857,2870,2884,2889,2894,2902,2906,2912,2931,2945,2962,2967,2981,2994,2998,3011,3030,3050,3079,3107,3116,3135,3141,3155,3169,3183,3188,3217,3245,3254,3262,3271,3279,3288,3296,3304,3308,3328,3353,3357,3381,3385,3396,3428,3457,3487,3516,3520,3524,3534,3538,3552,3566,3580,3584,3588,3602,3616,3630,3638,3679,3720,3761,3768,3773,3778,3793,3808,3823,3832,3873,3914,3955,3962,3967,3972,3987,4002,4017,4022,4027,4042,4057,4072,4077,4082],{"__ignoreMap":1443},[1453,2716,2717,2719,2721],{"class":1455,"line":1456},[1453,2718,1460],{"class":1459},[1453,2720,1441],{"class":1463},[1453,2722,1466],{"class":1459},[1453,2724,2725,2727],{"class":1455,"line":1469},[1453,2726,1472],{"class":1459},[1453,2728,1555],{"class":1463},[1453,2730,2731,2734,2736,2738,2741],{"class":1455,"line":1495},[1453,2732,2733],{"class":1477},"    class",[1453,2735,1481],{"class":1459},[1453,2737,1484],{"class":1459},[1453,2739,2740],{"class":1487},"relative h-[460px] w-full overflow-hidden rounded-2xl border border-default bg-elevated\u002F30",[1453,2742,1519],{"class":1459},[1453,2744,2745],{"class":1455,"line":1504},[1453,2746,2747],{"class":1459},"  >\n",[1453,2749,2750,2752,2754,2756,2758,2760,2763,2765],{"class":1455,"line":1522},[1453,2751,1498],{"class":1459},[1453,2753,1431],{"class":1463},[1453,2755,1478],{"class":1477},[1453,2757,1481],{"class":1459},[1453,2759,1484],{"class":1459},[1453,2761,2762],{"class":1487},"absolute inset-0 opacity-70 [background-image:radial-gradient(circle,rgba(127,127,127,0.25)_1px,transparent_1px)] [background-size:20px_20px]",[1453,2764,1484],{"class":1459},[1453,2766,1598],{"class":1459},[1453,2768,2769],{"class":1455,"line":1537},[1453,2770,1547],{"emptyLinePlaceholder":1546},[1453,2772,2773,2775,2777,2779,2781,2783,2786,2788],{"class":1455,"line":1543},[1453,2774,1498],{"class":1459},[1453,2776,1431],{"class":1463},[1453,2778,1478],{"class":1477},[1453,2780,1481],{"class":1459},[1453,2782,1484],{"class":1459},[1453,2784,2785],{"class":1487},"absolute top-24 left-8 h-28 w-40 rounded-2xl border border-primary\u002F30 bg-primary\u002F10",[1453,2787,1484],{"class":1459},[1453,2789,1598],{"class":1459},[1453,2791,2792,2794,2796,2798,2800,2802,2805,2807],{"class":1455,"line":1550},[1453,2793,1498],{"class":1459},[1453,2795,1431],{"class":1463},[1453,2797,1478],{"class":1477},[1453,2799,1481],{"class":1459},[1453,2801,1484],{"class":1459},[1453,2803,2804],{"class":1487},"absolute top-36 right-10 size-24 rounded-full border-2 border-dashed border-primary\u002F40",[1453,2806,1484],{"class":1459},[1453,2808,1598],{"class":1459},[1453,2810,2811,2813,2815,2817,2819,2821,2824,2826],{"class":1455,"line":1558},[1453,2812,1498],{"class":1459},[1453,2814,1431],{"class":1463},[1453,2816,1478],{"class":1477},[1453,2818,1481],{"class":1459},[1453,2820,1484],{"class":1459},[1453,2822,2823],{"class":1487},"absolute bottom-16 left-1\u002F3 h-20 w-52 rounded-xl border border-default bg-default\u002F70 shadow-sm",[1453,2825,1484],{"class":1459},[1453,2827,1598],{"class":1459},[1453,2829,2830],{"class":1455,"line":1573},[1453,2831,1547],{"emptyLinePlaceholder":1546},[1453,2833,2834,2836,2838,2840,2842,2844,2847,2849],{"class":1455,"line":1579},[1453,2835,1498],{"class":1459},[1453,2837,1431],{"class":1463},[1453,2839,1478],{"class":1477},[1453,2841,1481],{"class":1459},[1453,2843,1484],{"class":1459},[1453,2845,2846],{"class":1487},"absolute bottom-24 left-12 flex items-center gap-2 text-[11px] font-medium text-muted",[1453,2848,1484],{"class":1459},[1453,2850,1466],{"class":1459},[1453,2852,2853,2855],{"class":1455,"line":1601},[1453,2854,1582],{"class":1459},[1453,2856,1627],{"class":1463},[1453,2858,2859,2862,2864,2866,2868],{"class":1455,"line":1621},[1453,2860,2861],{"class":1477},"        name",[1453,2863,1481],{"class":1459},[1453,2865,1484],{"class":1459},[1453,2867,150],{"class":1487},[1453,2869,1519],{"class":1459},[1453,2871,2872,2875,2877,2879,2882],{"class":1455,"line":1630},[1453,2873,2874],{"class":1477},"        class",[1453,2876,1481],{"class":1459},[1453,2878,1484],{"class":1459},[1453,2880,2881],{"class":1487},"size-3.5",[1453,2883,1519],{"class":1459},[1453,2885,2886],{"class":1455,"line":1645},[1453,2887,2888],{"class":1459},"      \u002F>\n",[1453,2890,2891],{"class":1455,"line":1660},[1453,2892,2893],{"class":1516},"      Frame 01\n",[1453,2895,2896,2898,2900],{"class":1455,"line":1666},[1453,2897,1710],{"class":1459},[1453,2899,1431],{"class":1463},[1453,2901,1466],{"class":1459},[1453,2903,2904],{"class":1455,"line":1697},[1453,2905,1547],{"emptyLinePlaceholder":1546},[1453,2907,2908,2910],{"class":1455,"line":1707},[1453,2909,1498],{"class":1459},[1453,2911,1501],{"class":1463},[1453,2913,2914,2917,2919,2922,2924,2926,2929],{"class":1455,"line":1717},[1453,2915,2916],{"class":1477},"      v-model",[1453,2918,1792],{"class":1459},[1453,2920,2921],{"class":1477},"active-tool",[1453,2923,1481],{"class":1459},[1453,2925,1484],{"class":1459},[1453,2927,2928],{"class":1516},"active",[1453,2930,1519],{"class":1459},[1453,2932,2933,2935,2937,2939,2941,2943],{"class":1455,"line":1727},[1453,2934,1507],{"class":1459},[1453,2936,1400],{"class":1477},[1453,2938,1481],{"class":1459},[1453,2940,1484],{"class":1459},[1453,2942,1400],{"class":1516},[1453,2944,1519],{"class":1459},[1453,2946,2947,2949,2952,2954,2956,2960],{"class":1455,"line":1736},[1453,2948,1507],{"class":1459},[1453,2950,2951],{"class":1477},"shortcuts-enabled",[1453,2953,1481],{"class":1459},[1453,2955,1484],{"class":1459},[1453,2957,2959],{"class":2958},"sfNiH","false",[1453,2961,1519],{"class":1459},[1453,2963,2964],{"class":1455,"line":1741},[1453,2965,2966],{"class":1477},"      floating\n",[1453,2968,2969,2972,2974,2976,2979],{"class":1455,"line":1766},[1453,2970,2971],{"class":1477},"      orientation",[1453,2973,1481],{"class":1459},[1453,2975,1484],{"class":1459},[1453,2977,2978],{"class":1487},"vertical",[1453,2980,1519],{"class":1459},[1453,2982,2983,2985,2987,2989,2992],{"class":1455,"line":1780},[1453,2984,1525],{"class":1477},[1453,2986,1481],{"class":1459},[1453,2988,1484],{"class":1459},[1453,2990,2991],{"class":1487},"Canvas tools",[1453,2993,1519],{"class":1459},[1453,2995,2996],{"class":1455,"line":1786},[1453,2997,1576],{"class":1459},[1453,2999,3000,3002,3004,3007,3009],{"class":1455,"line":1806},[1453,3001,1582],{"class":1459},[1453,3003,1441],{"class":1463},[1453,3005,3006],{"class":1459}," #",[1453,3008,2694],{"class":1477},[1453,3010,1466],{"class":1459},[1453,3012,3013,3015,3017,3019,3021,3023,3026,3028],{"class":1455,"line":1823},[1453,3014,1624],{"class":1459},[1453,3016,1431],{"class":1463},[1453,3018,1478],{"class":1477},[1453,3020,1481],{"class":1459},[1453,3022,1484],{"class":1459},[1453,3024,3025],{"class":1487},"w-52 space-y-2",[1453,3027,1484],{"class":1459},[1453,3029,1466],{"class":1459},[1453,3031,3032,3035,3037,3039,3041,3043,3046,3048],{"class":1455,"line":1840},[1453,3033,3034],{"class":1459},"          \u003C",[1453,3036,1431],{"class":1463},[1453,3038,1478],{"class":1477},[1453,3040,1481],{"class":1459},[1453,3042,1484],{"class":1459},[1453,3044,3045],{"class":1487},"flex items-center justify-between",[1453,3047,1484],{"class":1459},[1453,3049,1466],{"class":1459},[1453,3051,3052,3055,3057,3059,3061,3063,3066,3068,3070,3073,3075,3077],{"class":1455,"line":1857},[1453,3053,3054],{"class":1459},"            \u003C",[1453,3056,1453],{"class":1463},[1453,3058,1478],{"class":1477},[1453,3060,1481],{"class":1459},[1453,3062,1484],{"class":1459},[1453,3064,3065],{"class":1487},"text-xs font-medium text-highlighted",[1453,3067,1484],{"class":1459},[1453,3069,1684],{"class":1459},[1453,3071,3072],{"class":1516},"Selection",[1453,3074,1690],{"class":1459},[1453,3076,1453],{"class":1463},[1453,3078,1466],{"class":1459},[1453,3080,3081,3083,3085,3087,3089,3091,3094,3096,3098,3101,3103,3105],{"class":1455,"line":1863},[1453,3082,3054],{"class":1459},[1453,3084,1453],{"class":1463},[1453,3086,1478],{"class":1477},[1453,3088,1481],{"class":1459},[1453,3090,1484],{"class":1459},[1453,3092,3093],{"class":1487},"text-[10px] tracking-wide text-dimmed uppercase",[1453,3095,1484],{"class":1459},[1453,3097,1684],{"class":1459},[1453,3099,3100],{"class":1516},"Frame",[1453,3102,1690],{"class":1459},[1453,3104,1453],{"class":1463},[1453,3106,1466],{"class":1459},[1453,3108,3109,3112,3114],{"class":1455,"line":1868},[1453,3110,3111],{"class":1459},"          \u003C\u002F",[1453,3113,1431],{"class":1463},[1453,3115,1466],{"class":1459},[1453,3117,3118,3120,3122,3124,3126,3128,3131,3133],{"class":1455,"line":1884},[1453,3119,3034],{"class":1459},[1453,3121,1431],{"class":1463},[1453,3123,1478],{"class":1477},[1453,3125,1481],{"class":1459},[1453,3127,1484],{"class":1459},[1453,3129,3130],{"class":1487},"grid grid-cols-2 gap-1.5 text-[11px]",[1453,3132,1484],{"class":1459},[1453,3134,1466],{"class":1459},[1453,3136,3137,3139],{"class":1455,"line":1900},[1453,3138,3054],{"class":1459},[1453,3140,1555],{"class":1463},[1453,3142,3143,3146,3148,3150,3153],{"class":1455,"line":1916},[1453,3144,3145],{"class":1477},"              v-for",[1453,3147,1481],{"class":1459},[1453,3149,1484],{"class":1459},[1453,3151,3152],{"class":1487},"field in fields",[1453,3154,1519],{"class":1459},[1453,3156,3157,3160,3162,3164,3167],{"class":1455,"line":1926},[1453,3158,3159],{"class":1477},"              :key",[1453,3161,1481],{"class":1459},[1453,3163,1484],{"class":1459},[1453,3165,3166],{"class":1487},"field.label",[1453,3168,1519],{"class":1459},[1453,3170,3171,3174,3176,3178,3181],{"class":1455,"line":1989},[1453,3172,3173],{"class":1477},"              class",[1453,3175,1481],{"class":1459},[1453,3177,1484],{"class":1459},[1453,3179,3180],{"class":1487},"flex items-center justify-between rounded-md bg-muted px-2 py-1",[1453,3182,1519],{"class":1459},[1453,3184,3185],{"class":1455,"line":2046},[1453,3186,3187],{"class":1459},"            >\n",[1453,3189,3190,3193,3195,3197,3199,3201,3204,3206,3208,3211,3213,3215],{"class":1455,"line":2103},[1453,3191,3192],{"class":1459},"              \u003C",[1453,3194,1453],{"class":1463},[1453,3196,1478],{"class":1477},[1453,3198,1481],{"class":1459},[1453,3200,1484],{"class":1459},[1453,3202,3203],{"class":1487},"text-muted",[1453,3205,1484],{"class":1459},[1453,3207,1684],{"class":1459},[1453,3209,3210],{"class":1516},"{{ field.label }}",[1453,3212,1690],{"class":1459},[1453,3214,1453],{"class":1463},[1453,3216,1466],{"class":1459},[1453,3218,3219,3221,3223,3225,3227,3229,3232,3234,3236,3239,3241,3243],{"class":1455,"line":2159},[1453,3220,3192],{"class":1459},[1453,3222,1453],{"class":1463},[1453,3224,1478],{"class":1477},[1453,3226,1481],{"class":1459},[1453,3228,1484],{"class":1459},[1453,3230,3231],{"class":1487},"font-medium text-highlighted",[1453,3233,1484],{"class":1459},[1453,3235,1684],{"class":1459},[1453,3237,3238],{"class":1516},"{{ field.value }}",[1453,3240,1690],{"class":1459},[1453,3242,1453],{"class":1463},[1453,3244,1466],{"class":1459},[1453,3246,3247,3250,3252],{"class":1455,"line":2167},[1453,3248,3249],{"class":1459},"            \u003C\u002F",[1453,3251,1431],{"class":1463},[1453,3253,1466],{"class":1459},[1453,3255,3256,3258,3260],{"class":1455,"line":2172},[1453,3257,3111],{"class":1459},[1453,3259,1431],{"class":1463},[1453,3261,1466],{"class":1459},[1453,3263,3264,3267,3269],{"class":1455,"line":2177},[1453,3265,3266],{"class":1459},"        \u003C\u002F",[1453,3268,1431],{"class":1463},[1453,3270,1466],{"class":1459},[1453,3272,3273,3275,3277],{"class":1455,"line":2193},[1453,3274,1700],{"class":1459},[1453,3276,1441],{"class":1463},[1453,3278,1466],{"class":1459},[1453,3280,3281,3283,3286],{"class":1455,"line":2209},[1453,3282,1710],{"class":1459},[1453,3284,3285],{"class":1463},"MVectorEditorToolbar",[1453,3287,1466],{"class":1459},[1453,3289,3290,3292,3294],{"class":1455,"line":2225},[1453,3291,1720],{"class":1459},[1453,3293,1431],{"class":1463},[1453,3295,1466],{"class":1459},[1453,3297,3298,3300,3302],{"class":1455,"line":2234},[1453,3299,1690],{"class":1459},[1453,3301,1441],{"class":1463},[1453,3303,1466],{"class":1459},[1453,3305,3306],{"class":1455,"line":2288},[1453,3307,1547],{"emptyLinePlaceholder":1546},[1453,3309,3310,3312,3314,3316,3318,3320,3322,3324,3326],{"class":1455,"line":2345},[1453,3311,1460],{"class":1459},[1453,3313,1746],{"class":1463},[1453,3315,1749],{"class":1477},[1453,3317,1752],{"class":1477},[1453,3319,1481],{"class":1459},[1453,3321,1484],{"class":1459},[1453,3323,1759],{"class":1487},[1453,3325,1484],{"class":1459},[1453,3327,1466],{"class":1459},[1453,3329,3330,3334,3337,3340,3343,3346,3348,3350],{"class":1455,"line":2402},[1453,3331,3333],{"class":3332},"s7zQu","import",[1453,3335,3336],{"class":1459}," {",[1453,3338,3339],{"class":1516}," ref",[1453,3341,3342],{"class":1459}," }",[1453,3344,3345],{"class":3332}," from",[1453,3347,1795],{"class":1459},[1453,3349,1449],{"class":1487},[1453,3351,3352],{"class":1459},"'\n",[1453,3354,3355],{"class":1455,"line":2409},[1453,3356,1547],{"emptyLinePlaceholder":1546},[1453,3358,3359,3361,3364,3366,3369,3372,3374,3376,3378],{"class":1455,"line":2414},[1453,3360,1769],{"class":1477},[1453,3362,3363],{"class":1516}," active ",[1453,3365,1481],{"class":1459},[1453,3367,3339],{"class":3368},"s2Zo4",[1453,3370,3371],{"class":1516},"(",[1453,3373,1801],{"class":1459},[1453,3375,1798],{"class":1487},[1453,3377,1801],{"class":1459},[1453,3379,3380],{"class":1516},")\n",[1453,3382,3383],{"class":1455,"line":2419},[1453,3384,1547],{"emptyLinePlaceholder":1546},[1453,3386,3387,3389,3392,3394],{"class":1455,"line":2435},[1453,3388,1769],{"class":1477},[1453,3390,3391],{"class":1516}," fields ",[1453,3393,1481],{"class":1459},[1453,3395,1777],{"class":1516},[1453,3397,3398,3401,3403,3405,3407,3410,3412,3414,3417,3419,3421,3424,3426],{"class":1455,"line":2451},[1453,3399,3400],{"class":1459},"  {",[1453,3402,1947],{"class":1463},[1453,3404,1792],{"class":1459},[1453,3406,1795],{"class":1459},[1453,3408,3409],{"class":1487},"X",[1453,3411,1801],{"class":1459},[1453,3413,1944],{"class":1459},[1453,3415,3416],{"class":1463}," value",[1453,3418,1792],{"class":1459},[1453,3420,1795],{"class":1459},[1453,3422,3423],{"class":1487},"120",[1453,3425,1801],{"class":1459},[1453,3427,1986],{"class":1459},[1453,3429,3430,3432,3434,3436,3438,3440,3442,3444,3446,3448,3450,3453,3455],{"class":1455,"line":2466},[1453,3431,3400],{"class":1459},[1453,3433,1947],{"class":1463},[1453,3435,1792],{"class":1459},[1453,3437,1795],{"class":1459},[1453,3439,2096],{"class":1487},[1453,3441,1801],{"class":1459},[1453,3443,1944],{"class":1459},[1453,3445,3416],{"class":1463},[1453,3447,1792],{"class":1459},[1453,3449,1795],{"class":1459},[1453,3451,3452],{"class":1487},"80",[1453,3454,1801],{"class":1459},[1453,3456,1986],{"class":1459},[1453,3458,3459,3461,3463,3465,3467,3470,3472,3474,3476,3478,3480,3483,3485],{"class":1455,"line":2482},[1453,3460,3400],{"class":1459},[1453,3462,1947],{"class":1463},[1453,3464,1792],{"class":1459},[1453,3466,1795],{"class":1459},[1453,3468,3469],{"class":1487},"W",[1453,3471,1801],{"class":1459},[1453,3473,1944],{"class":1459},[1453,3475,3416],{"class":1463},[1453,3477,1792],{"class":1459},[1453,3479,1795],{"class":1459},[1453,3481,3482],{"class":1487},"240",[1453,3484,1801],{"class":1459},[1453,3486,1986],{"class":1459},[1453,3488,3489,3491,3493,3495,3497,3499,3501,3503,3505,3507,3509,3512,3514],{"class":1455,"line":2487},[1453,3490,3400],{"class":1459},[1453,3492,1947],{"class":1463},[1453,3494,1792],{"class":1459},[1453,3496,1795],{"class":1459},[1453,3498,2548],{"class":1487},[1453,3500,1801],{"class":1459},[1453,3502,1944],{"class":1459},[1453,3504,3416],{"class":1463},[1453,3506,1792],{"class":1459},[1453,3508,1795],{"class":1459},[1453,3510,3511],{"class":1487},"160",[1453,3513,1801],{"class":1459},[1453,3515,1986],{"class":1459},[1453,3517,3518],{"class":1455,"line":2492},[1453,3519,2637],{"class":1516},[1453,3521,3522],{"class":1455,"line":2508},[1453,3523,1547],{"emptyLinePlaceholder":1546},[1453,3525,3526,3528,3530,3532],{"class":1455,"line":2524},[1453,3527,1769],{"class":1477},[1453,3529,1772],{"class":1516},[1453,3531,1481],{"class":1459},[1453,3533,1777],{"class":1516},[1453,3535,3536],{"class":1455,"line":2539},[1453,3537,1783],{"class":1459},[1453,3539,3540,3542,3544,3546,3548,3550],{"class":1455,"line":2555},[1453,3541,1789],{"class":1463},[1453,3543,1792],{"class":1459},[1453,3545,1795],{"class":1459},[1453,3547,1798],{"class":1487},[1453,3549,1801],{"class":1459},[1453,3551,1382],{"class":1459},[1453,3553,3554,3556,3558,3560,3562,3564],{"class":1455,"line":2560},[1453,3555,1809],{"class":1463},[1453,3557,1792],{"class":1459},[1453,3559,1795],{"class":1459},[1453,3561,1816],{"class":1487},[1453,3563,1801],{"class":1459},[1453,3565,1382],{"class":1459},[1453,3567,3568,3570,3572,3574,3576,3578],{"class":1455,"line":2565},[1453,3569,1826],{"class":1463},[1453,3571,1792],{"class":1459},[1453,3573,1795],{"class":1459},[1453,3575,1833],{"class":1487},[1453,3577,1801],{"class":1459},[1453,3579,1382],{"class":1459},[1453,3581,3582],{"class":1455,"line":2581},[1453,3583,1860],{"class":1459},[1453,3585,3586],{"class":1455,"line":2597},[1453,3587,1783],{"class":1459},[1453,3589,3590,3592,3594,3596,3598,3600],{"class":1455,"line":2613},[1453,3591,1789],{"class":1463},[1453,3593,1792],{"class":1459},[1453,3595,1795],{"class":1459},[1453,3597,1877],{"class":1487},[1453,3599,1801],{"class":1459},[1453,3601,1382],{"class":1459},[1453,3603,3604,3606,3608,3610,3612,3614],{"class":1455,"line":2629},[1453,3605,1809],{"class":1463},[1453,3607,1792],{"class":1459},[1453,3609,1795],{"class":1459},[1453,3611,1893],{"class":1487},[1453,3613,1801],{"class":1459},[1453,3615,1382],{"class":1459},[1453,3617,3618,3620,3622,3624,3626,3628],{"class":1455,"line":2634},[1453,3619,1826],{"class":1463},[1453,3621,1792],{"class":1459},[1453,3623,1795],{"class":1459},[1453,3625,1909],{"class":1487},[1453,3627,1801],{"class":1459},[1453,3629,1382],{"class":1459},[1453,3631,3632,3634,3636],{"class":1455,"line":2640},[1453,3633,1919],{"class":1463},[1453,3635,1792],{"class":1459},[1453,3637,1777],{"class":1516},[1453,3639,3641,3643,3645,3647,3649,3651,3653,3655,3657,3659,3661,3663,3665,3667,3669,3671,3673,3675,3677],{"class":1455,"line":3640},72,[1453,3642,1929],{"class":1459},[1453,3644,1932],{"class":1463},[1453,3646,1792],{"class":1459},[1453,3648,1795],{"class":1459},[1453,3650,1939],{"class":1487},[1453,3652,1801],{"class":1459},[1453,3654,1944],{"class":1459},[1453,3656,1947],{"class":1463},[1453,3658,1792],{"class":1459},[1453,3660,1795],{"class":1459},[1453,3662,1954],{"class":1487},[1453,3664,1801],{"class":1459},[1453,3666,1944],{"class":1459},[1453,3668,1961],{"class":1463},[1453,3670,1792],{"class":1459},[1453,3672,1795],{"class":1459},[1453,3674,1909],{"class":1487},[1453,3676,1801],{"class":1459},[1453,3678,1986],{"class":1459},[1453,3680,3682,3684,3686,3688,3690,3692,3694,3696,3698,3700,3702,3704,3706,3708,3710,3712,3714,3716,3718],{"class":1455,"line":3681},73,[1453,3683,1929],{"class":1459},[1453,3685,1932],{"class":1463},[1453,3687,1792],{"class":1459},[1453,3689,1795],{"class":1459},[1453,3691,2000],{"class":1487},[1453,3693,1801],{"class":1459},[1453,3695,1944],{"class":1459},[1453,3697,1947],{"class":1463},[1453,3699,1792],{"class":1459},[1453,3701,1795],{"class":1459},[1453,3703,2013],{"class":1487},[1453,3705,1801],{"class":1459},[1453,3707,1944],{"class":1459},[1453,3709,1961],{"class":1463},[1453,3711,1792],{"class":1459},[1453,3713,1795],{"class":1459},[1453,3715,2026],{"class":1487},[1453,3717,1801],{"class":1459},[1453,3719,1986],{"class":1459},[1453,3721,3723,3725,3727,3729,3731,3733,3735,3737,3739,3741,3743,3745,3747,3749,3751,3753,3755,3757,3759],{"class":1455,"line":3722},74,[1453,3724,1929],{"class":1459},[1453,3726,1932],{"class":1463},[1453,3728,1792],{"class":1459},[1453,3730,1795],{"class":1459},[1453,3732,2057],{"class":1487},[1453,3734,1801],{"class":1459},[1453,3736,1944],{"class":1459},[1453,3738,1947],{"class":1463},[1453,3740,1792],{"class":1459},[1453,3742,1795],{"class":1459},[1453,3744,2070],{"class":1487},[1453,3746,1801],{"class":1459},[1453,3748,1944],{"class":1459},[1453,3750,1961],{"class":1463},[1453,3752,1792],{"class":1459},[1453,3754,1795],{"class":1459},[1453,3756,2083],{"class":1487},[1453,3758,1801],{"class":1459},[1453,3760,1986],{"class":1459},[1453,3762,3764,3766],{"class":1455,"line":3763},75,[1453,3765,2162],{"class":1516},[1453,3767,1382],{"class":1459},[1453,3769,3771],{"class":1455,"line":3770},76,[1453,3772,1860],{"class":1459},[1453,3774,3776],{"class":1455,"line":3775},77,[1453,3777,1783],{"class":1459},[1453,3779,3781,3783,3785,3787,3789,3791],{"class":1455,"line":3780},78,[1453,3782,1789],{"class":1463},[1453,3784,1792],{"class":1459},[1453,3786,1795],{"class":1459},[1453,3788,2186],{"class":1487},[1453,3790,1801],{"class":1459},[1453,3792,1382],{"class":1459},[1453,3794,3796,3798,3800,3802,3804,3806],{"class":1455,"line":3795},79,[1453,3797,1809],{"class":1463},[1453,3799,1792],{"class":1459},[1453,3801,1795],{"class":1459},[1453,3803,2202],{"class":1487},[1453,3805,1801],{"class":1459},[1453,3807,1382],{"class":1459},[1453,3809,3811,3813,3815,3817,3819,3821],{"class":1455,"line":3810},80,[1453,3812,1826],{"class":1463},[1453,3814,1792],{"class":1459},[1453,3816,1795],{"class":1459},[1453,3818,2218],{"class":1487},[1453,3820,1801],{"class":1459},[1453,3822,1382],{"class":1459},[1453,3824,3826,3828,3830],{"class":1455,"line":3825},81,[1453,3827,1919],{"class":1463},[1453,3829,1792],{"class":1459},[1453,3831,1777],{"class":1516},[1453,3833,3835,3837,3839,3841,3843,3845,3847,3849,3851,3853,3855,3857,3859,3861,3863,3865,3867,3869,3871],{"class":1455,"line":3834},82,[1453,3836,1929],{"class":1459},[1453,3838,1932],{"class":1463},[1453,3840,1792],{"class":1459},[1453,3842,1795],{"class":1459},[1453,3844,2186],{"class":1487},[1453,3846,1801],{"class":1459},[1453,3848,1944],{"class":1459},[1453,3850,1947],{"class":1463},[1453,3852,1792],{"class":1459},[1453,3854,1795],{"class":1459},[1453,3856,2202],{"class":1487},[1453,3858,1801],{"class":1459},[1453,3860,1944],{"class":1459},[1453,3862,1961],{"class":1463},[1453,3864,1792],{"class":1459},[1453,3866,1795],{"class":1459},[1453,3868,1640],{"class":1487},[1453,3870,1801],{"class":1459},[1453,3872,1986],{"class":1459},[1453,3874,3876,3878,3880,3882,3884,3886,3888,3890,3892,3894,3896,3898,3900,3902,3904,3906,3908,3910,3912],{"class":1455,"line":3875},83,[1453,3877,1929],{"class":1459},[1453,3879,1932],{"class":1463},[1453,3881,1792],{"class":1459},[1453,3883,1795],{"class":1459},[1453,3885,2299],{"class":1487},[1453,3887,1801],{"class":1459},[1453,3889,1944],{"class":1459},[1453,3891,1947],{"class":1463},[1453,3893,1792],{"class":1459},[1453,3895,1795],{"class":1459},[1453,3897,2312],{"class":1487},[1453,3899,1801],{"class":1459},[1453,3901,1944],{"class":1459},[1453,3903,1961],{"class":1463},[1453,3905,1792],{"class":1459},[1453,3907,1795],{"class":1459},[1453,3909,2325],{"class":1487},[1453,3911,1801],{"class":1459},[1453,3913,1986],{"class":1459},[1453,3915,3917,3919,3921,3923,3925,3927,3929,3931,3933,3935,3937,3939,3941,3943,3945,3947,3949,3951,3953],{"class":1455,"line":3916},84,[1453,3918,1929],{"class":1459},[1453,3920,1932],{"class":1463},[1453,3922,1792],{"class":1459},[1453,3924,1795],{"class":1459},[1453,3926,2356],{"class":1487},[1453,3928,1801],{"class":1459},[1453,3930,1944],{"class":1459},[1453,3932,1947],{"class":1463},[1453,3934,1792],{"class":1459},[1453,3936,1795],{"class":1459},[1453,3938,2369],{"class":1487},[1453,3940,1801],{"class":1459},[1453,3942,1944],{"class":1459},[1453,3944,1961],{"class":1463},[1453,3946,1792],{"class":1459},[1453,3948,1795],{"class":1459},[1453,3950,2382],{"class":1487},[1453,3952,1801],{"class":1459},[1453,3954,1986],{"class":1459},[1453,3956,3958,3960],{"class":1455,"line":3957},85,[1453,3959,2162],{"class":1516},[1453,3961,1382],{"class":1459},[1453,3963,3965],{"class":1455,"line":3964},86,[1453,3966,1860],{"class":1459},[1453,3968,3970],{"class":1455,"line":3969},87,[1453,3971,1783],{"class":1459},[1453,3973,3975,3977,3979,3981,3983,3985],{"class":1455,"line":3974},88,[1453,3976,1789],{"class":1463},[1453,3978,1792],{"class":1459},[1453,3980,1795],{"class":1459},[1453,3982,2428],{"class":1487},[1453,3984,1801],{"class":1459},[1453,3986,1382],{"class":1459},[1453,3988,3990,3992,3994,3996,3998,4000],{"class":1455,"line":3989},89,[1453,3991,1809],{"class":1463},[1453,3993,1792],{"class":1459},[1453,3995,1795],{"class":1459},[1453,3997,2444],{"class":1487},[1453,3999,1801],{"class":1459},[1453,4001,1382],{"class":1459},[1453,4003,4005,4007,4009,4011,4013,4015],{"class":1455,"line":4004},90,[1453,4006,1826],{"class":1463},[1453,4008,1792],{"class":1459},[1453,4010,1795],{"class":1459},[1453,4012,916],{"class":1487},[1453,4014,1801],{"class":1459},[1453,4016,1382],{"class":1459},[1453,4018,4020],{"class":1455,"line":4019},91,[1453,4021,1860],{"class":1459},[1453,4023,4025],{"class":1455,"line":4024},92,[1453,4026,1783],{"class":1459},[1453,4028,4030,4032,4034,4036,4038,4040],{"class":1455,"line":4029},93,[1453,4031,1789],{"class":1463},[1453,4033,1792],{"class":1459},[1453,4035,1795],{"class":1459},[1453,4037,2501],{"class":1487},[1453,4039,1801],{"class":1459},[1453,4041,1382],{"class":1459},[1453,4043,4045,4047,4049,4051,4053,4055],{"class":1455,"line":4044},94,[1453,4046,1809],{"class":1463},[1453,4048,1792],{"class":1459},[1453,4050,1795],{"class":1459},[1453,4052,2517],{"class":1487},[1453,4054,1801],{"class":1459},[1453,4056,1382],{"class":1459},[1453,4058,4060,4062,4064,4066,4068,4070],{"class":1455,"line":4059},95,[1453,4061,1826],{"class":1463},[1453,4063,1792],{"class":1459},[1453,4065,1795],{"class":1459},[1453,4067,604],{"class":1487},[1453,4069,1801],{"class":1459},[1453,4071,1382],{"class":1459},[1453,4073,4075],{"class":1455,"line":4074},96,[1453,4076,1860],{"class":1459},[1453,4078,4080],{"class":1455,"line":4079},97,[1453,4081,2637],{"class":1516},[1453,4083,4085,4087,4089],{"class":1455,"line":4084},98,[1453,4086,1690],{"class":1459},[1453,4088,1746],{"class":1463},[1453,4090,1466],{"class":1459},[1372,4092,4093,4094,4097],{},"The floating example uses ",[1379,4095,4096],{},"v-model:active-tool",", disables global shortcuts and\nplaces a properties panel below the rail. The panel is rendered only when the\nslot is present, so an inline toolbar without it stays a single row.",[1392,4099,4101],{"id":4100},"props","Props",[4103,4104,4105,4130,4134,4144,4150,4154,4158,4163],"component-props",{},[4106,4107,4110,4111,4113,4114,1386,4116,4118,4119,4121,4122,4124,4125,4127,4128,1390],"component-prop",{"name":1400,"type":4108,":required":4109},"VectorTool[]","true","Tools in display order. Each entry needs ",[1379,4112,1408],{},", ",[1379,4115,1412],{},[1379,4117,1416],{},"; add ",[1379,4120,1420],{},"\nfor variants and ",[1379,4123,1424],{}," for a single-key binding. ",[1379,4126,1416],{}," is a UIcon name,\nsuch as ",[1379,4129,1909],{},[4106,4131,4133],{"name":2665,"type":4132},"string","Controlled active tool or variant id. Leave undefined to let the toolbar own\nthe selection.",[4106,4135,4137,4138,4140,4141,4143],{"name":1404,"type":4132,"default":4136},"first tool","Tool selected when ",[1379,4139,2665],{}," is not bound. Ignored once ",[1379,4142,2665],{}," is\nprovided.",[4106,4145,4149],{"name":4146,"type":4147,"default":4148},"orientation","'horizontal' | 'vertical'","'horizontal'","Toolbar axis. Flyouts open below a horizontal bar and to the right of a\nvertical one.",[4106,4151,4153],{"name":2690,"type":4152,"default":2959},"boolean","Positions the toolbar near the top of the nearest positioned ancestor and\nmakes it draggable within that box.",[4106,4155,4157],{"name":4156,"type":4152,"default":4109},"shortcutsEnabled","Enables single-key shortcuts on the document. Shortcuts are ignored while an\ninput, textarea, select or editable element has focus, and when a modifier\nkey is held.",[4106,4159,4162],{"name":4160,"type":4132,"default":4161},"ariaLabel","'Vector editor tools'","Accessible name for the toolbar.",[4106,4164,4166],{"name":4165,"type":4132},"class","Extra classes for the outer wrapper. In floating mode the wrapper is the drag\nboundary, so give the positioned parent enough room for the panel to move.",[1392,4168,4170],{"id":4169},"events","Events",[4103,4172,4173,4180],{},[4106,4174,4176,4177,4179],{"name":2675,"type":4175},"(toolId: string) => void","Fired when a tool or variant is selected. Bind it with\n",[1379,4178,4096],{}," to control the selection.",[4106,4181,4182,4183,4185],{"name":2679,"type":4175},"Fired with the same id as ",[1379,4184,2675],{},", for callers that prefer a\nsingle change handler over a model binding.",[1392,4187,4189],{"id":4188},"slots","Slots",[4103,4191,4192],{},[4106,4193,4195,4196,4198],{"name":2694,"type":4194},"slot","Contextual controls for the active tool, rendered in a panel below the\ntoolbar. The slot receives no props; read the selected id from your own\n",[1379,4197,2665],{}," binding.",[1392,4200,4202],{"id":4201},"accessibility","Accessibility",[4204,4205,4206,4222,4245,4267,4285,4288],"ul",{},[4207,4208,4209,4210,4213,4214,4217,4218,4221],"li",{},"The panel is a ",[1379,4211,4212],{},"role=\"toolbar\""," with ",[1379,4215,4216],{},"aria-orientation"," and a configurable\nname. Every tool is a button with ",[1379,4219,4220],{},"aria-pressed",", so the active mode is\nexposed without relying on colour.",[4207,4223,4224,4225,4228,4229,4232,4233,4236,4237,4240,4241,4244],{},"Tools that own variants expose ",[1379,4226,4227],{},"aria-expanded"," and\n",[1379,4230,4231],{},"aria-haspopup=\"menu\"",", plus ",[1379,4234,4235],{},"aria-controls"," while their flyout is open. The\nflyout is a labelled menu of ",[1379,4238,4239],{},"menuitemradio"," options, and the selected item\ncarries ",[1379,4242,4243],{},"aria-checked"," plus a check icon.",[4207,4246,4247,4248,4251,4252,1386,4255,4258,4259,4262,4263,4266],{},"The toolbar uses roving ",[1379,4249,4250],{},"tabindex",": one tool is in the page tab order and the\narrow keys move focus within the bar. ",[1379,4253,4254],{},"Home",[1379,4256,4257],{},"End"," jump to the first and\nlast tool. The open key is ",[1379,4260,4261],{},"ArrowDown"," on a horizontal bar and ",[1379,4264,4265],{},"ArrowRight","\non a vertical one.",[4207,4268,4269,4270,1386,4273,4275,4276,4278,4279,4281,4282,4284],{},"Inside a flyout, ",[1379,4271,4272],{},"ArrowUp",[1379,4274,4261],{}," cycle the variants, ",[1379,4277,1381],{}," or\n",[1379,4280,1385],{}," chooses one, and ",[1379,4283,1389],{}," closes the flyout and returns focus to the\ntool. Opening a flyout moves focus to its first variant.",[4207,4286,4287],{},"Long press is a pointer shortcut, never the only way in. The corner button and\nkeyboard both open the same flyout.",[4207,4289,4290,4291,4293,4294,4113,4297,4300,4301,4304],{},"Single-key shortcuts are global only while ",[1379,4292,4156],{}," is true; they\ndo not fire in editable fields and are ignored with ",[1379,4295,4296],{},"Ctrl",[1379,4298,4299],{},"Meta"," or ",[1379,4302,4303],{},"Alt","\nheld, so they cannot hijack browser or operating-system commands.",[1392,4306,4308],{"id":4307},"performance","Performance",[4204,4310,4311,4314,4317,4328,4331],{},[4207,4312,4313],{},"The active pill is one shared-layout element. Switching tools animates its\nposition instead of mounting a new indicator per button.",[4207,4315,4316],{},"Flyouts and the properties panel use CSS enter and leave transitions. No\nper-item animation work runs while they are closed, and no flyout is mounted\nuntil it is opened.",[4207,4318,4319,4320,4323,4324,4327],{},"Reduced motion swaps the layout spring for ",[1379,4321,4322],{},"SPRING_REDUCED"," and removes the\nflyout transitions through a ",[1379,4325,4326],{},"prefers-reduced-motion"," media query.",[4207,4329,4330],{},"A document pointer listener exists only while a flyout is open. The shortcut\nlistener returns immediately when shortcuts are disabled or the event comes\nfrom an editable target.",[4207,4332,4333],{},"Dragging is enabled only in floating mode. The inline toolbar has no drag\nlisteners, observers or scroll handlers.",[4335,4336,4337],"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 .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 .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}",{"title":1443,"searchDepth":1469,"depth":1469,"links":4339},[4340,4341,4342,4343,4344,4345,4346],{"id":1394,"depth":1469,"text":16},{"id":2658,"depth":1469,"text":2659},{"id":4100,"depth":1469,"text":4101},{"id":4169,"depth":1469,"text":4170},{"id":4188,"depth":1469,"text":4189},{"id":4201,"depth":1469,"text":4202},{"id":4307,"depth":1469,"text":4308},"A drawing-tool toolbar with variants behind each tool, a travelling active pill, keyboard shortcuts and a draggable floating mode.","md",null,{},{"title":761,"description":4347},"tRqBuSB_GSdncgXUlMk_nAy42a5X4zeuagelvhbjRC8",[4354,4356],{"title":757,"path":758,"stem":759,"description":4355,"children":-1},"An avatar button that opens an account menu for editing a profile and reviewing orders.",{"title":765,"path":766,"stem":767,"description":4357,"children":-1},"A modal that mounts a native video element, plays it when it opens and pauses it when it closes.",1792945085842]