[{"data":1,"prerenderedAt":4316},["ShallowReactive",2],{"navigation_docs":3,"-components-interactive-pixel-brush-canvas":1366,"-components-interactive-pixel-brush-canvas-surround":4311},[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":737,"body":1368,"description":4305,"extension":4306,"links":4307,"meta":4308,"navigation":1497,"path":738,"seo":4309,"stem":739,"__hash__":4310},"docs\u002F3.components\u002Finteractive\u002Fpixel-brush-canvas.md",{"type":1369,"value":1370,"toc":4297},"minimark",[1371,1384,1387,1391,1398,3009,3024,3028,3049,3062,3344,4111,4115,4163,4167,4189,4193,4266,4270,4293],[1372,1373,1374,1375,1379,1380,1383],"p",{},"A small drawing surface made of square cells. The artwork lives in a single\n",[1376,1377,1378],"code",{},"Uint8Array"," of palette indices, and every stroke writes into that buffer before\nrepainting only the cells it touched, so a drag costs one small ",[1376,1381,1382],{},"drawRegion","\ncall per cell rather than a full canvas repaint.",[1372,1385,1386],{},"Five tools cover the usual pixel-editor moves: pencil, eraser, flood fill, and\nline and rectangle outlines that preview from the cell where the drag started.\nThe built-in palette below the canvas can be hidden when the drawing is meant to\nbe read-only chrome in a larger editor.",[1388,1389,16],"h2",{"id":1390},"usage",[1372,1392,1393,1394,1397],{},"Pass nothing for a 16x16 grid at 20px cells, with the colour and brush palettes\nshown. ",[1376,1395,1396],{},"initial"," seeds the buffer with artwork, as rows of palette indices;\nnegative values mean empty.",[1399,1400,1402,1412],"code-preview",{"label":1401},"Preview",[1403,1404,1407,1408],"div",{"className":1405},[1406],"w-full","  ",[1409,1410],"component-example",{"name":1411},"pixel-brush-canvas-basic",[1413,1414,1416],"template",{"v-slot:code":1415},"",[1417,1418,1422],"pre",{"className":1419,"code":1420,"language":1421,"meta":1415,"style":1415},"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-4 px-6 py-10\">\n    \u003CMPixelBrushCanvas :initial=\"heart\" \u002F>\n\n    \u003Cp class=\"max-w-sm text-center text-xs text-muted\">\n      Pick a colour, then drag on the canvas. Arrow keys move the cursor and\n      Space paints.\n    \u003C\u002Fp>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nconst heart = [\n  [-1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1],\n  [-1, -1, 1, 1, 1, -1, -1, -1, -1, -1, -1, 1, 1, 1, -1, -1],\n  [-1, 1, 1, 1, 1, 1, -1, -1, -1, -1, 1, 1, 1, 1, 1, -1],\n  [1, 1, 1, 1, 1, 1, 1, -1, -1, 1, 1, 1, 1, 1, 1, 1],\n  [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1],\n  [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1],\n  [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1],\n  [-1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, -1],\n  [-1, -1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, -1, -1],\n  [-1, -1, -1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, -1, -1, -1],\n  [-1, -1, -1, -1, 1, 1, 1, 1, 1, 1, 1, 1, -1, -1, -1, -1],\n  [-1, -1, -1, -1, -1, 1, 1, 1, 1, 1, 1, -1, -1, -1, -1, -1],\n  [-1, -1, -1, -1, -1, -1, 1, 1, 1, 1, -1, -1, -1, -1, -1, -1],\n  [-1, -1, -1, -1, -1, -1, -1, 1, 1, -1, -1, -1, -1, -1, -1, -1],\n  [-1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1],\n  [-1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1],\n]\n\u003C\u002Fscript>\n","vue",[1376,1423,1424,1439,1465,1492,1499,1519,1525,1531,1541,1551,1561,1566,1591,1605,1716,1808,1891,1966,2037,2108,2179,2254,2333,2416,2503,2594,2689,2788,2891,2994,3000],{"__ignoreMap":1415},[1425,1426,1429,1433,1436],"span",{"class":1427,"line":1428},"line",1,[1425,1430,1432],{"class":1431},"sMK4o","\u003C",[1425,1434,1413],{"class":1435},"swJcz",[1425,1437,1438],{"class":1431},">\n",[1425,1440,1442,1445,1447,1451,1454,1457,1461,1463],{"class":1427,"line":1441},2,[1425,1443,1444],{"class":1431},"  \u003C",[1425,1446,1403],{"class":1435},[1425,1448,1450],{"class":1449},"spNyl"," class",[1425,1452,1453],{"class":1431},"=",[1425,1455,1456],{"class":1431},"\"",[1425,1458,1460],{"class":1459},"sfazB","flex w-full flex-col items-center gap-4 px-6 py-10",[1425,1462,1456],{"class":1431},[1425,1464,1438],{"class":1431},[1425,1466,1468,1471,1474,1477,1479,1481,1483,1487,1489],{"class":1427,"line":1467},3,[1425,1469,1470],{"class":1431},"    \u003C",[1425,1472,1473],{"class":1435},"MPixelBrushCanvas",[1425,1475,1476],{"class":1431}," :",[1425,1478,1396],{"class":1449},[1425,1480,1453],{"class":1431},[1425,1482,1456],{"class":1431},[1425,1484,1486],{"class":1485},"sTEyZ","heart",[1425,1488,1456],{"class":1431},[1425,1490,1491],{"class":1431}," \u002F>\n",[1425,1493,1495],{"class":1427,"line":1494},4,[1425,1496,1498],{"emptyLinePlaceholder":1497},true,"\n",[1425,1500,1502,1504,1506,1508,1510,1512,1515,1517],{"class":1427,"line":1501},5,[1425,1503,1470],{"class":1431},[1425,1505,1372],{"class":1435},[1425,1507,1450],{"class":1449},[1425,1509,1453],{"class":1431},[1425,1511,1456],{"class":1431},[1425,1513,1514],{"class":1459},"max-w-sm text-center text-xs text-muted",[1425,1516,1456],{"class":1431},[1425,1518,1438],{"class":1431},[1425,1520,1522],{"class":1427,"line":1521},6,[1425,1523,1524],{"class":1485},"      Pick a colour, then drag on the canvas. Arrow keys move the cursor and\n",[1425,1526,1528],{"class":1427,"line":1527},7,[1425,1529,1530],{"class":1485},"      Space paints.\n",[1425,1532,1534,1537,1539],{"class":1427,"line":1533},8,[1425,1535,1536],{"class":1431},"    \u003C\u002F",[1425,1538,1372],{"class":1435},[1425,1540,1438],{"class":1431},[1425,1542,1544,1547,1549],{"class":1427,"line":1543},9,[1425,1545,1546],{"class":1431},"  \u003C\u002F",[1425,1548,1403],{"class":1435},[1425,1550,1438],{"class":1431},[1425,1552,1554,1557,1559],{"class":1427,"line":1553},10,[1425,1555,1556],{"class":1431},"\u003C\u002F",[1425,1558,1413],{"class":1435},[1425,1560,1438],{"class":1431},[1425,1562,1564],{"class":1427,"line":1563},11,[1425,1565,1498],{"emptyLinePlaceholder":1497},[1425,1567,1569,1571,1574,1577,1580,1582,1584,1587,1589],{"class":1427,"line":1568},12,[1425,1570,1432],{"class":1431},[1425,1572,1573],{"class":1435},"script",[1425,1575,1576],{"class":1449}," setup",[1425,1578,1579],{"class":1449}," lang",[1425,1581,1453],{"class":1431},[1425,1583,1456],{"class":1431},[1425,1585,1586],{"class":1459},"ts",[1425,1588,1456],{"class":1431},[1425,1590,1438],{"class":1431},[1425,1592,1594,1597,1600,1602],{"class":1427,"line":1593},13,[1425,1595,1596],{"class":1449},"const",[1425,1598,1599],{"class":1485}," heart ",[1425,1601,1453],{"class":1431},[1425,1603,1604],{"class":1485}," [\n",[1425,1606,1608,1611,1614,1618,1621,1624,1626,1628,1630,1632,1634,1636,1638,1640,1642,1644,1646,1648,1650,1652,1654,1656,1658,1660,1662,1664,1666,1668,1670,1672,1674,1676,1678,1680,1682,1684,1686,1688,1690,1692,1694,1696,1698,1700,1702,1704,1706,1708,1710,1713],{"class":1427,"line":1607},14,[1425,1609,1610],{"class":1485},"  [",[1425,1612,1613],{"class":1431},"-",[1425,1615,1617],{"class":1616},"sbssI","1",[1425,1619,1620],{"class":1431},",",[1425,1622,1623],{"class":1431}," -",[1425,1625,1617],{"class":1616},[1425,1627,1620],{"class":1431},[1425,1629,1623],{"class":1431},[1425,1631,1617],{"class":1616},[1425,1633,1620],{"class":1431},[1425,1635,1623],{"class":1431},[1425,1637,1617],{"class":1616},[1425,1639,1620],{"class":1431},[1425,1641,1623],{"class":1431},[1425,1643,1617],{"class":1616},[1425,1645,1620],{"class":1431},[1425,1647,1623],{"class":1431},[1425,1649,1617],{"class":1616},[1425,1651,1620],{"class":1431},[1425,1653,1623],{"class":1431},[1425,1655,1617],{"class":1616},[1425,1657,1620],{"class":1431},[1425,1659,1623],{"class":1431},[1425,1661,1617],{"class":1616},[1425,1663,1620],{"class":1431},[1425,1665,1623],{"class":1431},[1425,1667,1617],{"class":1616},[1425,1669,1620],{"class":1431},[1425,1671,1623],{"class":1431},[1425,1673,1617],{"class":1616},[1425,1675,1620],{"class":1431},[1425,1677,1623],{"class":1431},[1425,1679,1617],{"class":1616},[1425,1681,1620],{"class":1431},[1425,1683,1623],{"class":1431},[1425,1685,1617],{"class":1616},[1425,1687,1620],{"class":1431},[1425,1689,1623],{"class":1431},[1425,1691,1617],{"class":1616},[1425,1693,1620],{"class":1431},[1425,1695,1623],{"class":1431},[1425,1697,1617],{"class":1616},[1425,1699,1620],{"class":1431},[1425,1701,1623],{"class":1431},[1425,1703,1617],{"class":1616},[1425,1705,1620],{"class":1431},[1425,1707,1623],{"class":1431},[1425,1709,1617],{"class":1616},[1425,1711,1712],{"class":1485},"]",[1425,1714,1715],{"class":1431},",\n",[1425,1717,1719,1721,1723,1725,1727,1729,1731,1733,1736,1738,1740,1742,1744,1746,1748,1750,1752,1754,1756,1758,1760,1762,1764,1766,1768,1770,1772,1774,1776,1778,1780,1782,1784,1786,1788,1790,1792,1794,1796,1798,1800,1802,1804,1806],{"class":1427,"line":1718},15,[1425,1720,1610],{"class":1485},[1425,1722,1613],{"class":1431},[1425,1724,1617],{"class":1616},[1425,1726,1620],{"class":1431},[1425,1728,1623],{"class":1431},[1425,1730,1617],{"class":1616},[1425,1732,1620],{"class":1431},[1425,1734,1735],{"class":1616}," 1",[1425,1737,1620],{"class":1431},[1425,1739,1735],{"class":1616},[1425,1741,1620],{"class":1431},[1425,1743,1735],{"class":1616},[1425,1745,1620],{"class":1431},[1425,1747,1623],{"class":1431},[1425,1749,1617],{"class":1616},[1425,1751,1620],{"class":1431},[1425,1753,1623],{"class":1431},[1425,1755,1617],{"class":1616},[1425,1757,1620],{"class":1431},[1425,1759,1623],{"class":1431},[1425,1761,1617],{"class":1616},[1425,1763,1620],{"class":1431},[1425,1765,1623],{"class":1431},[1425,1767,1617],{"class":1616},[1425,1769,1620],{"class":1431},[1425,1771,1623],{"class":1431},[1425,1773,1617],{"class":1616},[1425,1775,1620],{"class":1431},[1425,1777,1623],{"class":1431},[1425,1779,1617],{"class":1616},[1425,1781,1620],{"class":1431},[1425,1783,1735],{"class":1616},[1425,1785,1620],{"class":1431},[1425,1787,1735],{"class":1616},[1425,1789,1620],{"class":1431},[1425,1791,1735],{"class":1616},[1425,1793,1620],{"class":1431},[1425,1795,1623],{"class":1431},[1425,1797,1617],{"class":1616},[1425,1799,1620],{"class":1431},[1425,1801,1623],{"class":1431},[1425,1803,1617],{"class":1616},[1425,1805,1712],{"class":1485},[1425,1807,1715],{"class":1431},[1425,1809,1811,1813,1815,1817,1819,1821,1823,1825,1827,1829,1831,1833,1835,1837,1839,1841,1843,1845,1847,1849,1851,1853,1855,1857,1859,1861,1863,1865,1867,1869,1871,1873,1875,1877,1879,1881,1883,1885,1887,1889],{"class":1427,"line":1810},16,[1425,1812,1610],{"class":1485},[1425,1814,1613],{"class":1431},[1425,1816,1617],{"class":1616},[1425,1818,1620],{"class":1431},[1425,1820,1735],{"class":1616},[1425,1822,1620],{"class":1431},[1425,1824,1735],{"class":1616},[1425,1826,1620],{"class":1431},[1425,1828,1735],{"class":1616},[1425,1830,1620],{"class":1431},[1425,1832,1735],{"class":1616},[1425,1834,1620],{"class":1431},[1425,1836,1735],{"class":1616},[1425,1838,1620],{"class":1431},[1425,1840,1623],{"class":1431},[1425,1842,1617],{"class":1616},[1425,1844,1620],{"class":1431},[1425,1846,1623],{"class":1431},[1425,1848,1617],{"class":1616},[1425,1850,1620],{"class":1431},[1425,1852,1623],{"class":1431},[1425,1854,1617],{"class":1616},[1425,1856,1620],{"class":1431},[1425,1858,1623],{"class":1431},[1425,1860,1617],{"class":1616},[1425,1862,1620],{"class":1431},[1425,1864,1735],{"class":1616},[1425,1866,1620],{"class":1431},[1425,1868,1735],{"class":1616},[1425,1870,1620],{"class":1431},[1425,1872,1735],{"class":1616},[1425,1874,1620],{"class":1431},[1425,1876,1735],{"class":1616},[1425,1878,1620],{"class":1431},[1425,1880,1735],{"class":1616},[1425,1882,1620],{"class":1431},[1425,1884,1623],{"class":1431},[1425,1886,1617],{"class":1616},[1425,1888,1712],{"class":1485},[1425,1890,1715],{"class":1431},[1425,1892,1894,1896,1898,1900,1902,1904,1906,1908,1910,1912,1914,1916,1918,1920,1922,1924,1926,1928,1930,1932,1934,1936,1938,1940,1942,1944,1946,1948,1950,1952,1954,1956,1958,1960,1962,1964],{"class":1427,"line":1893},17,[1425,1895,1610],{"class":1485},[1425,1897,1617],{"class":1616},[1425,1899,1620],{"class":1431},[1425,1901,1735],{"class":1616},[1425,1903,1620],{"class":1431},[1425,1905,1735],{"class":1616},[1425,1907,1620],{"class":1431},[1425,1909,1735],{"class":1616},[1425,1911,1620],{"class":1431},[1425,1913,1735],{"class":1616},[1425,1915,1620],{"class":1431},[1425,1917,1735],{"class":1616},[1425,1919,1620],{"class":1431},[1425,1921,1735],{"class":1616},[1425,1923,1620],{"class":1431},[1425,1925,1623],{"class":1431},[1425,1927,1617],{"class":1616},[1425,1929,1620],{"class":1431},[1425,1931,1623],{"class":1431},[1425,1933,1617],{"class":1616},[1425,1935,1620],{"class":1431},[1425,1937,1735],{"class":1616},[1425,1939,1620],{"class":1431},[1425,1941,1735],{"class":1616},[1425,1943,1620],{"class":1431},[1425,1945,1735],{"class":1616},[1425,1947,1620],{"class":1431},[1425,1949,1735],{"class":1616},[1425,1951,1620],{"class":1431},[1425,1953,1735],{"class":1616},[1425,1955,1620],{"class":1431},[1425,1957,1735],{"class":1616},[1425,1959,1620],{"class":1431},[1425,1961,1735],{"class":1616},[1425,1963,1712],{"class":1485},[1425,1965,1715],{"class":1431},[1425,1967,1969,1971,1973,1975,1977,1979,1981,1983,1985,1987,1989,1991,1993,1995,1997,1999,2001,2003,2005,2007,2009,2011,2013,2015,2017,2019,2021,2023,2025,2027,2029,2031,2033,2035],{"class":1427,"line":1968},18,[1425,1970,1610],{"class":1485},[1425,1972,1617],{"class":1616},[1425,1974,1620],{"class":1431},[1425,1976,1735],{"class":1616},[1425,1978,1620],{"class":1431},[1425,1980,1735],{"class":1616},[1425,1982,1620],{"class":1431},[1425,1984,1735],{"class":1616},[1425,1986,1620],{"class":1431},[1425,1988,1735],{"class":1616},[1425,1990,1620],{"class":1431},[1425,1992,1735],{"class":1616},[1425,1994,1620],{"class":1431},[1425,1996,1735],{"class":1616},[1425,1998,1620],{"class":1431},[1425,2000,1735],{"class":1616},[1425,2002,1620],{"class":1431},[1425,2004,1735],{"class":1616},[1425,2006,1620],{"class":1431},[1425,2008,1735],{"class":1616},[1425,2010,1620],{"class":1431},[1425,2012,1735],{"class":1616},[1425,2014,1620],{"class":1431},[1425,2016,1735],{"class":1616},[1425,2018,1620],{"class":1431},[1425,2020,1735],{"class":1616},[1425,2022,1620],{"class":1431},[1425,2024,1735],{"class":1616},[1425,2026,1620],{"class":1431},[1425,2028,1735],{"class":1616},[1425,2030,1620],{"class":1431},[1425,2032,1735],{"class":1616},[1425,2034,1712],{"class":1485},[1425,2036,1715],{"class":1431},[1425,2038,2040,2042,2044,2046,2048,2050,2052,2054,2056,2058,2060,2062,2064,2066,2068,2070,2072,2074,2076,2078,2080,2082,2084,2086,2088,2090,2092,2094,2096,2098,2100,2102,2104,2106],{"class":1427,"line":2039},19,[1425,2041,1610],{"class":1485},[1425,2043,1617],{"class":1616},[1425,2045,1620],{"class":1431},[1425,2047,1735],{"class":1616},[1425,2049,1620],{"class":1431},[1425,2051,1735],{"class":1616},[1425,2053,1620],{"class":1431},[1425,2055,1735],{"class":1616},[1425,2057,1620],{"class":1431},[1425,2059,1735],{"class":1616},[1425,2061,1620],{"class":1431},[1425,2063,1735],{"class":1616},[1425,2065,1620],{"class":1431},[1425,2067,1735],{"class":1616},[1425,2069,1620],{"class":1431},[1425,2071,1735],{"class":1616},[1425,2073,1620],{"class":1431},[1425,2075,1735],{"class":1616},[1425,2077,1620],{"class":1431},[1425,2079,1735],{"class":1616},[1425,2081,1620],{"class":1431},[1425,2083,1735],{"class":1616},[1425,2085,1620],{"class":1431},[1425,2087,1735],{"class":1616},[1425,2089,1620],{"class":1431},[1425,2091,1735],{"class":1616},[1425,2093,1620],{"class":1431},[1425,2095,1735],{"class":1616},[1425,2097,1620],{"class":1431},[1425,2099,1735],{"class":1616},[1425,2101,1620],{"class":1431},[1425,2103,1735],{"class":1616},[1425,2105,1712],{"class":1485},[1425,2107,1715],{"class":1431},[1425,2109,2111,2113,2115,2117,2119,2121,2123,2125,2127,2129,2131,2133,2135,2137,2139,2141,2143,2145,2147,2149,2151,2153,2155,2157,2159,2161,2163,2165,2167,2169,2171,2173,2175,2177],{"class":1427,"line":2110},20,[1425,2112,1610],{"class":1485},[1425,2114,1617],{"class":1616},[1425,2116,1620],{"class":1431},[1425,2118,1735],{"class":1616},[1425,2120,1620],{"class":1431},[1425,2122,1735],{"class":1616},[1425,2124,1620],{"class":1431},[1425,2126,1735],{"class":1616},[1425,2128,1620],{"class":1431},[1425,2130,1735],{"class":1616},[1425,2132,1620],{"class":1431},[1425,2134,1735],{"class":1616},[1425,2136,1620],{"class":1431},[1425,2138,1735],{"class":1616},[1425,2140,1620],{"class":1431},[1425,2142,1735],{"class":1616},[1425,2144,1620],{"class":1431},[1425,2146,1735],{"class":1616},[1425,2148,1620],{"class":1431},[1425,2150,1735],{"class":1616},[1425,2152,1620],{"class":1431},[1425,2154,1735],{"class":1616},[1425,2156,1620],{"class":1431},[1425,2158,1735],{"class":1616},[1425,2160,1620],{"class":1431},[1425,2162,1735],{"class":1616},[1425,2164,1620],{"class":1431},[1425,2166,1735],{"class":1616},[1425,2168,1620],{"class":1431},[1425,2170,1735],{"class":1616},[1425,2172,1620],{"class":1431},[1425,2174,1735],{"class":1616},[1425,2176,1712],{"class":1485},[1425,2178,1715],{"class":1431},[1425,2180,2182,2184,2186,2188,2190,2192,2194,2196,2198,2200,2202,2204,2206,2208,2210,2212,2214,2216,2218,2220,2222,2224,2226,2228,2230,2232,2234,2236,2238,2240,2242,2244,2246,2248,2250,2252],{"class":1427,"line":2181},21,[1425,2183,1610],{"class":1485},[1425,2185,1613],{"class":1431},[1425,2187,1617],{"class":1616},[1425,2189,1620],{"class":1431},[1425,2191,1735],{"class":1616},[1425,2193,1620],{"class":1431},[1425,2195,1735],{"class":1616},[1425,2197,1620],{"class":1431},[1425,2199,1735],{"class":1616},[1425,2201,1620],{"class":1431},[1425,2203,1735],{"class":1616},[1425,2205,1620],{"class":1431},[1425,2207,1735],{"class":1616},[1425,2209,1620],{"class":1431},[1425,2211,1735],{"class":1616},[1425,2213,1620],{"class":1431},[1425,2215,1735],{"class":1616},[1425,2217,1620],{"class":1431},[1425,2219,1735],{"class":1616},[1425,2221,1620],{"class":1431},[1425,2223,1735],{"class":1616},[1425,2225,1620],{"class":1431},[1425,2227,1735],{"class":1616},[1425,2229,1620],{"class":1431},[1425,2231,1735],{"class":1616},[1425,2233,1620],{"class":1431},[1425,2235,1735],{"class":1616},[1425,2237,1620],{"class":1431},[1425,2239,1735],{"class":1616},[1425,2241,1620],{"class":1431},[1425,2243,1735],{"class":1616},[1425,2245,1620],{"class":1431},[1425,2247,1623],{"class":1431},[1425,2249,1617],{"class":1616},[1425,2251,1712],{"class":1485},[1425,2253,1715],{"class":1431},[1425,2255,2257,2259,2261,2263,2265,2267,2269,2271,2273,2275,2277,2279,2281,2283,2285,2287,2289,2291,2293,2295,2297,2299,2301,2303,2305,2307,2309,2311,2313,2315,2317,2319,2321,2323,2325,2327,2329,2331],{"class":1427,"line":2256},22,[1425,2258,1610],{"class":1485},[1425,2260,1613],{"class":1431},[1425,2262,1617],{"class":1616},[1425,2264,1620],{"class":1431},[1425,2266,1623],{"class":1431},[1425,2268,1617],{"class":1616},[1425,2270,1620],{"class":1431},[1425,2272,1735],{"class":1616},[1425,2274,1620],{"class":1431},[1425,2276,1735],{"class":1616},[1425,2278,1620],{"class":1431},[1425,2280,1735],{"class":1616},[1425,2282,1620],{"class":1431},[1425,2284,1735],{"class":1616},[1425,2286,1620],{"class":1431},[1425,2288,1735],{"class":1616},[1425,2290,1620],{"class":1431},[1425,2292,1735],{"class":1616},[1425,2294,1620],{"class":1431},[1425,2296,1735],{"class":1616},[1425,2298,1620],{"class":1431},[1425,2300,1735],{"class":1616},[1425,2302,1620],{"class":1431},[1425,2304,1735],{"class":1616},[1425,2306,1620],{"class":1431},[1425,2308,1735],{"class":1616},[1425,2310,1620],{"class":1431},[1425,2312,1735],{"class":1616},[1425,2314,1620],{"class":1431},[1425,2316,1735],{"class":1616},[1425,2318,1620],{"class":1431},[1425,2320,1623],{"class":1431},[1425,2322,1617],{"class":1616},[1425,2324,1620],{"class":1431},[1425,2326,1623],{"class":1431},[1425,2328,1617],{"class":1616},[1425,2330,1712],{"class":1485},[1425,2332,1715],{"class":1431},[1425,2334,2336,2338,2340,2342,2344,2346,2348,2350,2352,2354,2356,2358,2360,2362,2364,2366,2368,2370,2372,2374,2376,2378,2380,2382,2384,2386,2388,2390,2392,2394,2396,2398,2400,2402,2404,2406,2408,2410,2412,2414],{"class":1427,"line":2335},23,[1425,2337,1610],{"class":1485},[1425,2339,1613],{"class":1431},[1425,2341,1617],{"class":1616},[1425,2343,1620],{"class":1431},[1425,2345,1623],{"class":1431},[1425,2347,1617],{"class":1616},[1425,2349,1620],{"class":1431},[1425,2351,1623],{"class":1431},[1425,2353,1617],{"class":1616},[1425,2355,1620],{"class":1431},[1425,2357,1735],{"class":1616},[1425,2359,1620],{"class":1431},[1425,2361,1735],{"class":1616},[1425,2363,1620],{"class":1431},[1425,2365,1735],{"class":1616},[1425,2367,1620],{"class":1431},[1425,2369,1735],{"class":1616},[1425,2371,1620],{"class":1431},[1425,2373,1735],{"class":1616},[1425,2375,1620],{"class":1431},[1425,2377,1735],{"class":1616},[1425,2379,1620],{"class":1431},[1425,2381,1735],{"class":1616},[1425,2383,1620],{"class":1431},[1425,2385,1735],{"class":1616},[1425,2387,1620],{"class":1431},[1425,2389,1735],{"class":1616},[1425,2391,1620],{"class":1431},[1425,2393,1735],{"class":1616},[1425,2395,1620],{"class":1431},[1425,2397,1623],{"class":1431},[1425,2399,1617],{"class":1616},[1425,2401,1620],{"class":1431},[1425,2403,1623],{"class":1431},[1425,2405,1617],{"class":1616},[1425,2407,1620],{"class":1431},[1425,2409,1623],{"class":1431},[1425,2411,1617],{"class":1616},[1425,2413,1712],{"class":1485},[1425,2415,1715],{"class":1431},[1425,2417,2419,2421,2423,2425,2427,2429,2431,2433,2435,2437,2439,2441,2443,2445,2447,2449,2451,2453,2455,2457,2459,2461,2463,2465,2467,2469,2471,2473,2475,2477,2479,2481,2483,2485,2487,2489,2491,2493,2495,2497,2499,2501],{"class":1427,"line":2418},24,[1425,2420,1610],{"class":1485},[1425,2422,1613],{"class":1431},[1425,2424,1617],{"class":1616},[1425,2426,1620],{"class":1431},[1425,2428,1623],{"class":1431},[1425,2430,1617],{"class":1616},[1425,2432,1620],{"class":1431},[1425,2434,1623],{"class":1431},[1425,2436,1617],{"class":1616},[1425,2438,1620],{"class":1431},[1425,2440,1623],{"class":1431},[1425,2442,1617],{"class":1616},[1425,2444,1620],{"class":1431},[1425,2446,1735],{"class":1616},[1425,2448,1620],{"class":1431},[1425,2450,1735],{"class":1616},[1425,2452,1620],{"class":1431},[1425,2454,1735],{"class":1616},[1425,2456,1620],{"class":1431},[1425,2458,1735],{"class":1616},[1425,2460,1620],{"class":1431},[1425,2462,1735],{"class":1616},[1425,2464,1620],{"class":1431},[1425,2466,1735],{"class":1616},[1425,2468,1620],{"class":1431},[1425,2470,1735],{"class":1616},[1425,2472,1620],{"class":1431},[1425,2474,1735],{"class":1616},[1425,2476,1620],{"class":1431},[1425,2478,1623],{"class":1431},[1425,2480,1617],{"class":1616},[1425,2482,1620],{"class":1431},[1425,2484,1623],{"class":1431},[1425,2486,1617],{"class":1616},[1425,2488,1620],{"class":1431},[1425,2490,1623],{"class":1431},[1425,2492,1617],{"class":1616},[1425,2494,1620],{"class":1431},[1425,2496,1623],{"class":1431},[1425,2498,1617],{"class":1616},[1425,2500,1712],{"class":1485},[1425,2502,1715],{"class":1431},[1425,2504,2506,2508,2510,2512,2514,2516,2518,2520,2522,2524,2526,2528,2530,2532,2534,2536,2538,2540,2542,2544,2546,2548,2550,2552,2554,2556,2558,2560,2562,2564,2566,2568,2570,2572,2574,2576,2578,2580,2582,2584,2586,2588,2590,2592],{"class":1427,"line":2505},25,[1425,2507,1610],{"class":1485},[1425,2509,1613],{"class":1431},[1425,2511,1617],{"class":1616},[1425,2513,1620],{"class":1431},[1425,2515,1623],{"class":1431},[1425,2517,1617],{"class":1616},[1425,2519,1620],{"class":1431},[1425,2521,1623],{"class":1431},[1425,2523,1617],{"class":1616},[1425,2525,1620],{"class":1431},[1425,2527,1623],{"class":1431},[1425,2529,1617],{"class":1616},[1425,2531,1620],{"class":1431},[1425,2533,1623],{"class":1431},[1425,2535,1617],{"class":1616},[1425,2537,1620],{"class":1431},[1425,2539,1735],{"class":1616},[1425,2541,1620],{"class":1431},[1425,2543,1735],{"class":1616},[1425,2545,1620],{"class":1431},[1425,2547,1735],{"class":1616},[1425,2549,1620],{"class":1431},[1425,2551,1735],{"class":1616},[1425,2553,1620],{"class":1431},[1425,2555,1735],{"class":1616},[1425,2557,1620],{"class":1431},[1425,2559,1735],{"class":1616},[1425,2561,1620],{"class":1431},[1425,2563,1623],{"class":1431},[1425,2565,1617],{"class":1616},[1425,2567,1620],{"class":1431},[1425,2569,1623],{"class":1431},[1425,2571,1617],{"class":1616},[1425,2573,1620],{"class":1431},[1425,2575,1623],{"class":1431},[1425,2577,1617],{"class":1616},[1425,2579,1620],{"class":1431},[1425,2581,1623],{"class":1431},[1425,2583,1617],{"class":1616},[1425,2585,1620],{"class":1431},[1425,2587,1623],{"class":1431},[1425,2589,1617],{"class":1616},[1425,2591,1712],{"class":1485},[1425,2593,1715],{"class":1431},[1425,2595,2597,2599,2601,2603,2605,2607,2609,2611,2613,2615,2617,2619,2621,2623,2625,2627,2629,2631,2633,2635,2637,2639,2641,2643,2645,2647,2649,2651,2653,2655,2657,2659,2661,2663,2665,2667,2669,2671,2673,2675,2677,2679,2681,2683,2685,2687],{"class":1427,"line":2596},26,[1425,2598,1610],{"class":1485},[1425,2600,1613],{"class":1431},[1425,2602,1617],{"class":1616},[1425,2604,1620],{"class":1431},[1425,2606,1623],{"class":1431},[1425,2608,1617],{"class":1616},[1425,2610,1620],{"class":1431},[1425,2612,1623],{"class":1431},[1425,2614,1617],{"class":1616},[1425,2616,1620],{"class":1431},[1425,2618,1623],{"class":1431},[1425,2620,1617],{"class":1616},[1425,2622,1620],{"class":1431},[1425,2624,1623],{"class":1431},[1425,2626,1617],{"class":1616},[1425,2628,1620],{"class":1431},[1425,2630,1623],{"class":1431},[1425,2632,1617],{"class":1616},[1425,2634,1620],{"class":1431},[1425,2636,1735],{"class":1616},[1425,2638,1620],{"class":1431},[1425,2640,1735],{"class":1616},[1425,2642,1620],{"class":1431},[1425,2644,1735],{"class":1616},[1425,2646,1620],{"class":1431},[1425,2648,1735],{"class":1616},[1425,2650,1620],{"class":1431},[1425,2652,1623],{"class":1431},[1425,2654,1617],{"class":1616},[1425,2656,1620],{"class":1431},[1425,2658,1623],{"class":1431},[1425,2660,1617],{"class":1616},[1425,2662,1620],{"class":1431},[1425,2664,1623],{"class":1431},[1425,2666,1617],{"class":1616},[1425,2668,1620],{"class":1431},[1425,2670,1623],{"class":1431},[1425,2672,1617],{"class":1616},[1425,2674,1620],{"class":1431},[1425,2676,1623],{"class":1431},[1425,2678,1617],{"class":1616},[1425,2680,1620],{"class":1431},[1425,2682,1623],{"class":1431},[1425,2684,1617],{"class":1616},[1425,2686,1712],{"class":1485},[1425,2688,1715],{"class":1431},[1425,2690,2692,2694,2696,2698,2700,2702,2704,2706,2708,2710,2712,2714,2716,2718,2720,2722,2724,2726,2728,2730,2732,2734,2736,2738,2740,2742,2744,2746,2748,2750,2752,2754,2756,2758,2760,2762,2764,2766,2768,2770,2772,2774,2776,2778,2780,2782,2784,2786],{"class":1427,"line":2691},27,[1425,2693,1610],{"class":1485},[1425,2695,1613],{"class":1431},[1425,2697,1617],{"class":1616},[1425,2699,1620],{"class":1431},[1425,2701,1623],{"class":1431},[1425,2703,1617],{"class":1616},[1425,2705,1620],{"class":1431},[1425,2707,1623],{"class":1431},[1425,2709,1617],{"class":1616},[1425,2711,1620],{"class":1431},[1425,2713,1623],{"class":1431},[1425,2715,1617],{"class":1616},[1425,2717,1620],{"class":1431},[1425,2719,1623],{"class":1431},[1425,2721,1617],{"class":1616},[1425,2723,1620],{"class":1431},[1425,2725,1623],{"class":1431},[1425,2727,1617],{"class":1616},[1425,2729,1620],{"class":1431},[1425,2731,1623],{"class":1431},[1425,2733,1617],{"class":1616},[1425,2735,1620],{"class":1431},[1425,2737,1735],{"class":1616},[1425,2739,1620],{"class":1431},[1425,2741,1735],{"class":1616},[1425,2743,1620],{"class":1431},[1425,2745,1623],{"class":1431},[1425,2747,1617],{"class":1616},[1425,2749,1620],{"class":1431},[1425,2751,1623],{"class":1431},[1425,2753,1617],{"class":1616},[1425,2755,1620],{"class":1431},[1425,2757,1623],{"class":1431},[1425,2759,1617],{"class":1616},[1425,2761,1620],{"class":1431},[1425,2763,1623],{"class":1431},[1425,2765,1617],{"class":1616},[1425,2767,1620],{"class":1431},[1425,2769,1623],{"class":1431},[1425,2771,1617],{"class":1616},[1425,2773,1620],{"class":1431},[1425,2775,1623],{"class":1431},[1425,2777,1617],{"class":1616},[1425,2779,1620],{"class":1431},[1425,2781,1623],{"class":1431},[1425,2783,1617],{"class":1616},[1425,2785,1712],{"class":1485},[1425,2787,1715],{"class":1431},[1425,2789,2791,2793,2795,2797,2799,2801,2803,2805,2807,2809,2811,2813,2815,2817,2819,2821,2823,2825,2827,2829,2831,2833,2835,2837,2839,2841,2843,2845,2847,2849,2851,2853,2855,2857,2859,2861,2863,2865,2867,2869,2871,2873,2875,2877,2879,2881,2883,2885,2887,2889],{"class":1427,"line":2790},28,[1425,2792,1610],{"class":1485},[1425,2794,1613],{"class":1431},[1425,2796,1617],{"class":1616},[1425,2798,1620],{"class":1431},[1425,2800,1623],{"class":1431},[1425,2802,1617],{"class":1616},[1425,2804,1620],{"class":1431},[1425,2806,1623],{"class":1431},[1425,2808,1617],{"class":1616},[1425,2810,1620],{"class":1431},[1425,2812,1623],{"class":1431},[1425,2814,1617],{"class":1616},[1425,2816,1620],{"class":1431},[1425,2818,1623],{"class":1431},[1425,2820,1617],{"class":1616},[1425,2822,1620],{"class":1431},[1425,2824,1623],{"class":1431},[1425,2826,1617],{"class":1616},[1425,2828,1620],{"class":1431},[1425,2830,1623],{"class":1431},[1425,2832,1617],{"class":1616},[1425,2834,1620],{"class":1431},[1425,2836,1623],{"class":1431},[1425,2838,1617],{"class":1616},[1425,2840,1620],{"class":1431},[1425,2842,1623],{"class":1431},[1425,2844,1617],{"class":1616},[1425,2846,1620],{"class":1431},[1425,2848,1623],{"class":1431},[1425,2850,1617],{"class":1616},[1425,2852,1620],{"class":1431},[1425,2854,1623],{"class":1431},[1425,2856,1617],{"class":1616},[1425,2858,1620],{"class":1431},[1425,2860,1623],{"class":1431},[1425,2862,1617],{"class":1616},[1425,2864,1620],{"class":1431},[1425,2866,1623],{"class":1431},[1425,2868,1617],{"class":1616},[1425,2870,1620],{"class":1431},[1425,2872,1623],{"class":1431},[1425,2874,1617],{"class":1616},[1425,2876,1620],{"class":1431},[1425,2878,1623],{"class":1431},[1425,2880,1617],{"class":1616},[1425,2882,1620],{"class":1431},[1425,2884,1623],{"class":1431},[1425,2886,1617],{"class":1616},[1425,2888,1712],{"class":1485},[1425,2890,1715],{"class":1431},[1425,2892,2894,2896,2898,2900,2902,2904,2906,2908,2910,2912,2914,2916,2918,2920,2922,2924,2926,2928,2930,2932,2934,2936,2938,2940,2942,2944,2946,2948,2950,2952,2954,2956,2958,2960,2962,2964,2966,2968,2970,2972,2974,2976,2978,2980,2982,2984,2986,2988,2990,2992],{"class":1427,"line":2893},29,[1425,2895,1610],{"class":1485},[1425,2897,1613],{"class":1431},[1425,2899,1617],{"class":1616},[1425,2901,1620],{"class":1431},[1425,2903,1623],{"class":1431},[1425,2905,1617],{"class":1616},[1425,2907,1620],{"class":1431},[1425,2909,1623],{"class":1431},[1425,2911,1617],{"class":1616},[1425,2913,1620],{"class":1431},[1425,2915,1623],{"class":1431},[1425,2917,1617],{"class":1616},[1425,2919,1620],{"class":1431},[1425,2921,1623],{"class":1431},[1425,2923,1617],{"class":1616},[1425,2925,1620],{"class":1431},[1425,2927,1623],{"class":1431},[1425,2929,1617],{"class":1616},[1425,2931,1620],{"class":1431},[1425,2933,1623],{"class":1431},[1425,2935,1617],{"class":1616},[1425,2937,1620],{"class":1431},[1425,2939,1623],{"class":1431},[1425,2941,1617],{"class":1616},[1425,2943,1620],{"class":1431},[1425,2945,1623],{"class":1431},[1425,2947,1617],{"class":1616},[1425,2949,1620],{"class":1431},[1425,2951,1623],{"class":1431},[1425,2953,1617],{"class":1616},[1425,2955,1620],{"class":1431},[1425,2957,1623],{"class":1431},[1425,2959,1617],{"class":1616},[1425,2961,1620],{"class":1431},[1425,2963,1623],{"class":1431},[1425,2965,1617],{"class":1616},[1425,2967,1620],{"class":1431},[1425,2969,1623],{"class":1431},[1425,2971,1617],{"class":1616},[1425,2973,1620],{"class":1431},[1425,2975,1623],{"class":1431},[1425,2977,1617],{"class":1616},[1425,2979,1620],{"class":1431},[1425,2981,1623],{"class":1431},[1425,2983,1617],{"class":1616},[1425,2985,1620],{"class":1431},[1425,2987,1623],{"class":1431},[1425,2989,1617],{"class":1616},[1425,2991,1712],{"class":1485},[1425,2993,1715],{"class":1431},[1425,2995,2997],{"class":1427,"line":2996},30,[1425,2998,2999],{"class":1485},"]\n",[1425,3001,3003,3005,3007],{"class":1427,"line":3002},31,[1425,3004,1556],{"class":1431},[1425,3006,1573],{"class":1435},[1425,3008,1438],{"class":1431},[1372,3010,3011,3012,3015,3016,3019,3020,3023],{},"The grid size is counted in cells, not CSS pixels: ",[1376,3013,3014],{},"width"," and ",[1376,3017,3018],{},"height"," describe\nthe artwork, and ",[1376,3021,3022],{},"pixelSize"," decides how large each cell is drawn.",[1388,3025,3027],{"id":3026},"customize","Customize",[1372,3029,3030,3033,3034,3037,3038,3041,3042,3045,3046,3048],{},[1376,3031,3032],{},"palette"," accepts any CSS colour string, including theme tokens such as\n",[1376,3035,3036],{},"var(--ui-primary)",", which are resolved against the live element before the\nfirst paint. ",[1376,3039,3040],{},"grid"," draws a hairline between cells, ",[1376,3043,3044],{},"showTools"," hides the\npalette and tool picker, and ",[1376,3047,3022],{}," scales the whole surface.",[1372,3050,3051,3015,3054,3057,3058,3061],{},[1376,3052,3053],{},"brush",[1376,3055,3056],{},"color"," can be left uncontrolled or bound with ",[1376,3059,3060],{},"v-model",". The\ncomponent also exposes a handle for the surrounding editor:",[1417,3063,3065],{"className":1419,"code":3064,"language":1421,"meta":1415,"style":1415},"\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue'\n\ninterface PixelBrushHandle {\n  clear: () => void\n  getPixels: () => Uint8Array\n  toDataURL: () => string\n  undo: () => void\n}\n\nconst canvas = ref\u003CPixelBrushHandle | null>(null)\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CMPixelBrushCanvas ref=\"canvas\" :width=\"32\" :height=\"32\" \u002F>\n  \u003CUButton @click=\"canvas?.undo()\">Undo\u003C\u002FUButton>\n\u003C\u002Ftemplate>\n",[1376,3066,3067,3087,3113,3117,3129,3146,3160,3174,3187,3192,3196,3231,3239,3243,3251,3295,3336],{"__ignoreMap":1415},[1425,3068,3069,3071,3073,3075,3077,3079,3081,3083,3085],{"class":1427,"line":1428},[1425,3070,1432],{"class":1431},[1425,3072,1573],{"class":1435},[1425,3074,1576],{"class":1449},[1425,3076,1579],{"class":1449},[1425,3078,1453],{"class":1431},[1425,3080,1456],{"class":1431},[1425,3082,1586],{"class":1459},[1425,3084,1456],{"class":1431},[1425,3086,1438],{"class":1431},[1425,3088,3089,3093,3096,3099,3102,3105,3108,3110],{"class":1427,"line":1441},[1425,3090,3092],{"class":3091},"s7zQu","import",[1425,3094,3095],{"class":1431}," {",[1425,3097,3098],{"class":1485}," ref",[1425,3100,3101],{"class":1431}," }",[1425,3103,3104],{"class":3091}," from",[1425,3106,3107],{"class":1431}," '",[1425,3109,1421],{"class":1459},[1425,3111,3112],{"class":1431},"'\n",[1425,3114,3115],{"class":1427,"line":1467},[1425,3116,1498],{"emptyLinePlaceholder":1497},[1425,3118,3119,3122,3126],{"class":1427,"line":1494},[1425,3120,3121],{"class":1449},"interface",[1425,3123,3125],{"class":3124},"sBMFI"," PixelBrushHandle",[1425,3127,3128],{"class":1431}," {\n",[1425,3130,3131,3134,3137,3140,3143],{"class":1427,"line":1501},[1425,3132,3133],{"class":1435},"  clear",[1425,3135,3136],{"class":1431},":",[1425,3138,3139],{"class":1431}," ()",[1425,3141,3142],{"class":1449}," =>",[1425,3144,3145],{"class":3124}," void\n",[1425,3147,3148,3151,3153,3155,3157],{"class":1427,"line":1521},[1425,3149,3150],{"class":1435},"  getPixels",[1425,3152,3136],{"class":1431},[1425,3154,3139],{"class":1431},[1425,3156,3142],{"class":1449},[1425,3158,3159],{"class":3124}," Uint8Array\n",[1425,3161,3162,3165,3167,3169,3171],{"class":1427,"line":1527},[1425,3163,3164],{"class":1435},"  toDataURL",[1425,3166,3136],{"class":1431},[1425,3168,3139],{"class":1431},[1425,3170,3142],{"class":1449},[1425,3172,3173],{"class":3124}," string\n",[1425,3175,3176,3179,3181,3183,3185],{"class":1427,"line":1533},[1425,3177,3178],{"class":1435},"  undo",[1425,3180,3136],{"class":1431},[1425,3182,3139],{"class":1431},[1425,3184,3142],{"class":1449},[1425,3186,3145],{"class":3124},[1425,3188,3189],{"class":1427,"line":1543},[1425,3190,3191],{"class":1431},"}\n",[1425,3193,3194],{"class":1427,"line":1553},[1425,3195,1498],{"emptyLinePlaceholder":1497},[1425,3197,3198,3200,3203,3205,3208,3210,3213,3216,3219,3222,3225,3228],{"class":1427,"line":1563},[1425,3199,1596],{"class":1449},[1425,3201,3202],{"class":1485}," canvas ",[1425,3204,1453],{"class":1431},[1425,3206,3098],{"class":3207},"s2Zo4",[1425,3209,1432],{"class":1431},[1425,3211,3212],{"class":3124},"PixelBrushHandle",[1425,3214,3215],{"class":1431}," |",[1425,3217,3218],{"class":3124}," null",[1425,3220,3221],{"class":1431},">",[1425,3223,3224],{"class":1485},"(",[1425,3226,3227],{"class":1431},"null",[1425,3229,3230],{"class":1485},")\n",[1425,3232,3233,3235,3237],{"class":1427,"line":1568},[1425,3234,1556],{"class":1431},[1425,3236,1573],{"class":1435},[1425,3238,1438],{"class":1431},[1425,3240,3241],{"class":1427,"line":1593},[1425,3242,1498],{"emptyLinePlaceholder":1497},[1425,3244,3245,3247,3249],{"class":1427,"line":1607},[1425,3246,1432],{"class":1431},[1425,3248,1413],{"class":1435},[1425,3250,1438],{"class":1431},[1425,3252,3253,3255,3257,3259,3261,3263,3266,3268,3270,3272,3274,3276,3279,3281,3283,3285,3287,3289,3291,3293],{"class":1427,"line":1718},[1425,3254,1444],{"class":1431},[1425,3256,1473],{"class":1435},[1425,3258,3098],{"class":1449},[1425,3260,1453],{"class":1431},[1425,3262,1456],{"class":1431},[1425,3264,3265],{"class":1459},"canvas",[1425,3267,1456],{"class":1431},[1425,3269,1476],{"class":1431},[1425,3271,3014],{"class":1449},[1425,3273,1453],{"class":1431},[1425,3275,1456],{"class":1431},[1425,3277,3278],{"class":1616},"32",[1425,3280,1456],{"class":1431},[1425,3282,1476],{"class":1431},[1425,3284,3018],{"class":1449},[1425,3286,1453],{"class":1431},[1425,3288,1456],{"class":1431},[1425,3290,3278],{"class":1616},[1425,3292,1456],{"class":1431},[1425,3294,1491],{"class":1431},[1425,3296,3297,3299,3302,3305,3308,3310,3312,3314,3317,3320,3323,3325,3327,3330,3332,3334],{"class":1427,"line":1810},[1425,3298,1444],{"class":1431},[1425,3300,3301],{"class":1435},"UButton",[1425,3303,3304],{"class":1431}," @",[1425,3306,3307],{"class":1449},"click",[1425,3309,1453],{"class":1431},[1425,3311,1456],{"class":1431},[1425,3313,3265],{"class":1485},[1425,3315,3316],{"class":1431},"?.",[1425,3318,3319],{"class":3207},"undo",[1425,3321,3322],{"class":1431},"()",[1425,3324,1456],{"class":1431},[1425,3326,3221],{"class":1431},[1425,3328,3329],{"class":1485},"Undo",[1425,3331,1556],{"class":1431},[1425,3333,3301],{"class":1435},[1425,3335,1438],{"class":1431},[1425,3337,3338,3340,3342],{"class":1427,"line":1893},[1425,3339,1556],{"class":1431},[1425,3341,1413],{"class":1435},[1425,3343,1438],{"class":1431},[1399,3345,3346,3352],{"label":1401},[1403,3347,1407,3349],{"className":3348},[1406],[1409,3350],{"name":3351},"pixel-brush-canvas-custom",[1413,3353,3354],{"v-slot:code":1415},[1417,3355,3357],{"className":1419,"code":3356,"language":1421,"meta":1415,"style":1415},"\u003Ctemplate>\n  \u003Cdiv class=\"flex w-full flex-col items-center gap-5 px-6 py-10\">\n    \u003CMPixelBrushCanvas\n      ref=\"canvas\"\n      v-model:brush=\"brush\"\n      v-model:color=\"color\"\n      :grid=\"true\"\n      :height=\"18\"\n      :palette=\"palette\"\n      :pixel-size=\"14\"\n      :width=\"24\"\n    \u002F>\n\n    \u003Cdiv class=\"flex flex-wrap items-center justify-center gap-3\">\n      \u003Cspan class=\"rounded-full bg-elevated px-3 py-1 text-xs text-muted\">\n        {{ brush }} · colour {{ color + 1 }}\n      \u003C\u002Fspan>\n      \u003CUButton\n        label=\"Undo\"\n        icon=\"i-lucide-undo-2\"\n        color=\"neutral\"\n        variant=\"outline\"\n        size=\"sm\"\n        @click=\"canvas?.undo()\"\n      \u002F>\n      \u003CUButton\n        label=\"Clear\"\n        icon=\"i-lucide-trash-2\"\n        color=\"neutral\"\n        variant=\"outline\"\n        size=\"sm\"\n        @click=\"canvas?.clear()\"\n      \u002F>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue'\n\ninterface PixelBrushHandle {\n  clear: () => void\n  undo: () => void\n}\n\nconst canvas = ref\u003CPixelBrushHandle | null>(null)\nconst brush = ref\u003C'pencil' | 'eraser' | 'fill' | 'line' | 'rect'>('pencil')\nconst color = ref(0)\nconst palette = [\n  'var(--ui-primary)',\n  'var(--ui-error)',\n  'var(--ui-warning)',\n  'var(--ui-success)',\n  'var(--ui-info)',\n  '#111827',\n]\n\u003C\u002Fscript>\n",[1376,3358,3359,3367,3386,3393,3407,3424,3440,3457,3472,3486,3502,3517,3522,3526,3545,3565,3570,3579,3586,3599,3613,3627,3641,3655,3676,3681,3687,3700,3713,3725,3737,3749,3771,3776,3785,3794,3803,3808,3829,3848,3853,3862,3875,3888,3893,3898,3925,3994,4013,4025,4037,4049,4061,4073,4085,4097,4102],{"__ignoreMap":1415},[1425,3360,3361,3363,3365],{"class":1427,"line":1428},[1425,3362,1432],{"class":1431},[1425,3364,1413],{"class":1435},[1425,3366,1438],{"class":1431},[1425,3368,3369,3371,3373,3375,3377,3379,3382,3384],{"class":1427,"line":1441},[1425,3370,1444],{"class":1431},[1425,3372,1403],{"class":1435},[1425,3374,1450],{"class":1449},[1425,3376,1453],{"class":1431},[1425,3378,1456],{"class":1431},[1425,3380,3381],{"class":1459},"flex w-full flex-col items-center gap-5 px-6 py-10",[1425,3383,1456],{"class":1431},[1425,3385,1438],{"class":1431},[1425,3387,3388,3390],{"class":1427,"line":1467},[1425,3389,1470],{"class":1431},[1425,3391,3392],{"class":1435},"MPixelBrushCanvas\n",[1425,3394,3395,3398,3400,3402,3404],{"class":1427,"line":1494},[1425,3396,3397],{"class":1449},"      ref",[1425,3399,1453],{"class":1431},[1425,3401,1456],{"class":1431},[1425,3403,3265],{"class":1459},[1425,3405,3406],{"class":1431},"\"\n",[1425,3408,3409,3412,3414,3416,3418,3420,3422],{"class":1427,"line":1501},[1425,3410,3411],{"class":1449},"      v-model",[1425,3413,3136],{"class":1431},[1425,3415,3053],{"class":1449},[1425,3417,1453],{"class":1431},[1425,3419,1456],{"class":1431},[1425,3421,3053],{"class":1485},[1425,3423,3406],{"class":1431},[1425,3425,3426,3428,3430,3432,3434,3436,3438],{"class":1427,"line":1521},[1425,3427,3411],{"class":1449},[1425,3429,3136],{"class":1431},[1425,3431,3056],{"class":1449},[1425,3433,1453],{"class":1431},[1425,3435,1456],{"class":1431},[1425,3437,3056],{"class":1485},[1425,3439,3406],{"class":1431},[1425,3441,3442,3445,3447,3449,3451,3455],{"class":1427,"line":1527},[1425,3443,3444],{"class":1431},"      :",[1425,3446,3040],{"class":1449},[1425,3448,1453],{"class":1431},[1425,3450,1456],{"class":1431},[1425,3452,3454],{"class":3453},"sfNiH","true",[1425,3456,3406],{"class":1431},[1425,3458,3459,3461,3463,3465,3467,3470],{"class":1427,"line":1533},[1425,3460,3444],{"class":1431},[1425,3462,3018],{"class":1449},[1425,3464,1453],{"class":1431},[1425,3466,1456],{"class":1431},[1425,3468,3469],{"class":1616},"18",[1425,3471,3406],{"class":1431},[1425,3473,3474,3476,3478,3480,3482,3484],{"class":1427,"line":1543},[1425,3475,3444],{"class":1431},[1425,3477,3032],{"class":1449},[1425,3479,1453],{"class":1431},[1425,3481,1456],{"class":1431},[1425,3483,3032],{"class":1485},[1425,3485,3406],{"class":1431},[1425,3487,3488,3490,3493,3495,3497,3500],{"class":1427,"line":1553},[1425,3489,3444],{"class":1431},[1425,3491,3492],{"class":1449},"pixel-size",[1425,3494,1453],{"class":1431},[1425,3496,1456],{"class":1431},[1425,3498,3499],{"class":1616},"14",[1425,3501,3406],{"class":1431},[1425,3503,3504,3506,3508,3510,3512,3515],{"class":1427,"line":1563},[1425,3505,3444],{"class":1431},[1425,3507,3014],{"class":1449},[1425,3509,1453],{"class":1431},[1425,3511,1456],{"class":1431},[1425,3513,3514],{"class":1616},"24",[1425,3516,3406],{"class":1431},[1425,3518,3519],{"class":1427,"line":1568},[1425,3520,3521],{"class":1431},"    \u002F>\n",[1425,3523,3524],{"class":1427,"line":1593},[1425,3525,1498],{"emptyLinePlaceholder":1497},[1425,3527,3528,3530,3532,3534,3536,3538,3541,3543],{"class":1427,"line":1607},[1425,3529,1470],{"class":1431},[1425,3531,1403],{"class":1435},[1425,3533,1450],{"class":1449},[1425,3535,1453],{"class":1431},[1425,3537,1456],{"class":1431},[1425,3539,3540],{"class":1459},"flex flex-wrap items-center justify-center gap-3",[1425,3542,1456],{"class":1431},[1425,3544,1438],{"class":1431},[1425,3546,3547,3550,3552,3554,3556,3558,3561,3563],{"class":1427,"line":1718},[1425,3548,3549],{"class":1431},"      \u003C",[1425,3551,1425],{"class":1435},[1425,3553,1450],{"class":1449},[1425,3555,1453],{"class":1431},[1425,3557,1456],{"class":1431},[1425,3559,3560],{"class":1459},"rounded-full bg-elevated px-3 py-1 text-xs text-muted",[1425,3562,1456],{"class":1431},[1425,3564,1438],{"class":1431},[1425,3566,3567],{"class":1427,"line":1810},[1425,3568,3569],{"class":1485},"        {{ brush }} · colour {{ color + 1 }}\n",[1425,3571,3572,3575,3577],{"class":1427,"line":1893},[1425,3573,3574],{"class":1431},"      \u003C\u002F",[1425,3576,1425],{"class":1435},[1425,3578,1438],{"class":1431},[1425,3580,3581,3583],{"class":1427,"line":1968},[1425,3582,3549],{"class":1431},[1425,3584,3585],{"class":1435},"UButton\n",[1425,3587,3588,3591,3593,3595,3597],{"class":1427,"line":2039},[1425,3589,3590],{"class":1449},"        label",[1425,3592,1453],{"class":1431},[1425,3594,1456],{"class":1431},[1425,3596,3329],{"class":1459},[1425,3598,3406],{"class":1431},[1425,3600,3601,3604,3606,3608,3611],{"class":1427,"line":2110},[1425,3602,3603],{"class":1449},"        icon",[1425,3605,1453],{"class":1431},[1425,3607,1456],{"class":1431},[1425,3609,3610],{"class":1459},"i-lucide-undo-2",[1425,3612,3406],{"class":1431},[1425,3614,3615,3618,3620,3622,3625],{"class":1427,"line":2181},[1425,3616,3617],{"class":1449},"        color",[1425,3619,1453],{"class":1431},[1425,3621,1456],{"class":1431},[1425,3623,3624],{"class":1459},"neutral",[1425,3626,3406],{"class":1431},[1425,3628,3629,3632,3634,3636,3639],{"class":1427,"line":2256},[1425,3630,3631],{"class":1449},"        variant",[1425,3633,1453],{"class":1431},[1425,3635,1456],{"class":1431},[1425,3637,3638],{"class":1459},"outline",[1425,3640,3406],{"class":1431},[1425,3642,3643,3646,3648,3650,3653],{"class":1427,"line":2335},[1425,3644,3645],{"class":1449},"        size",[1425,3647,1453],{"class":1431},[1425,3649,1456],{"class":1431},[1425,3651,3652],{"class":1459},"sm",[1425,3654,3406],{"class":1431},[1425,3656,3657,3660,3662,3664,3666,3668,3670,3672,3674],{"class":1427,"line":2418},[1425,3658,3659],{"class":1431},"        @",[1425,3661,3307],{"class":1449},[1425,3663,1453],{"class":1431},[1425,3665,1456],{"class":1431},[1425,3667,3265],{"class":1485},[1425,3669,3316],{"class":1431},[1425,3671,3319],{"class":3207},[1425,3673,3322],{"class":1431},[1425,3675,3406],{"class":1431},[1425,3677,3678],{"class":1427,"line":2505},[1425,3679,3680],{"class":1431},"      \u002F>\n",[1425,3682,3683,3685],{"class":1427,"line":2596},[1425,3684,3549],{"class":1431},[1425,3686,3585],{"class":1435},[1425,3688,3689,3691,3693,3695,3698],{"class":1427,"line":2691},[1425,3690,3590],{"class":1449},[1425,3692,1453],{"class":1431},[1425,3694,1456],{"class":1431},[1425,3696,3697],{"class":1459},"Clear",[1425,3699,3406],{"class":1431},[1425,3701,3702,3704,3706,3708,3711],{"class":1427,"line":2790},[1425,3703,3603],{"class":1449},[1425,3705,1453],{"class":1431},[1425,3707,1456],{"class":1431},[1425,3709,3710],{"class":1459},"i-lucide-trash-2",[1425,3712,3406],{"class":1431},[1425,3714,3715,3717,3719,3721,3723],{"class":1427,"line":2893},[1425,3716,3617],{"class":1449},[1425,3718,1453],{"class":1431},[1425,3720,1456],{"class":1431},[1425,3722,3624],{"class":1459},[1425,3724,3406],{"class":1431},[1425,3726,3727,3729,3731,3733,3735],{"class":1427,"line":2996},[1425,3728,3631],{"class":1449},[1425,3730,1453],{"class":1431},[1425,3732,1456],{"class":1431},[1425,3734,3638],{"class":1459},[1425,3736,3406],{"class":1431},[1425,3738,3739,3741,3743,3745,3747],{"class":1427,"line":3002},[1425,3740,3645],{"class":1449},[1425,3742,1453],{"class":1431},[1425,3744,1456],{"class":1431},[1425,3746,3652],{"class":1459},[1425,3748,3406],{"class":1431},[1425,3750,3752,3754,3756,3758,3760,3762,3764,3767,3769],{"class":1427,"line":3751},32,[1425,3753,3659],{"class":1431},[1425,3755,3307],{"class":1449},[1425,3757,1453],{"class":1431},[1425,3759,1456],{"class":1431},[1425,3761,3265],{"class":1485},[1425,3763,3316],{"class":1431},[1425,3765,3766],{"class":3207},"clear",[1425,3768,3322],{"class":1431},[1425,3770,3406],{"class":1431},[1425,3772,3774],{"class":1427,"line":3773},33,[1425,3775,3680],{"class":1431},[1425,3777,3779,3781,3783],{"class":1427,"line":3778},34,[1425,3780,1536],{"class":1431},[1425,3782,1403],{"class":1435},[1425,3784,1438],{"class":1431},[1425,3786,3788,3790,3792],{"class":1427,"line":3787},35,[1425,3789,1546],{"class":1431},[1425,3791,1403],{"class":1435},[1425,3793,1438],{"class":1431},[1425,3795,3797,3799,3801],{"class":1427,"line":3796},36,[1425,3798,1556],{"class":1431},[1425,3800,1413],{"class":1435},[1425,3802,1438],{"class":1431},[1425,3804,3806],{"class":1427,"line":3805},37,[1425,3807,1498],{"emptyLinePlaceholder":1497},[1425,3809,3811,3813,3815,3817,3819,3821,3823,3825,3827],{"class":1427,"line":3810},38,[1425,3812,1432],{"class":1431},[1425,3814,1573],{"class":1435},[1425,3816,1576],{"class":1449},[1425,3818,1579],{"class":1449},[1425,3820,1453],{"class":1431},[1425,3822,1456],{"class":1431},[1425,3824,1586],{"class":1459},[1425,3826,1456],{"class":1431},[1425,3828,1438],{"class":1431},[1425,3830,3832,3834,3836,3838,3840,3842,3844,3846],{"class":1427,"line":3831},39,[1425,3833,3092],{"class":3091},[1425,3835,3095],{"class":1431},[1425,3837,3098],{"class":1485},[1425,3839,3101],{"class":1431},[1425,3841,3104],{"class":3091},[1425,3843,3107],{"class":1431},[1425,3845,1421],{"class":1459},[1425,3847,3112],{"class":1431},[1425,3849,3851],{"class":1427,"line":3850},40,[1425,3852,1498],{"emptyLinePlaceholder":1497},[1425,3854,3856,3858,3860],{"class":1427,"line":3855},41,[1425,3857,3121],{"class":1449},[1425,3859,3125],{"class":3124},[1425,3861,3128],{"class":1431},[1425,3863,3865,3867,3869,3871,3873],{"class":1427,"line":3864},42,[1425,3866,3133],{"class":1435},[1425,3868,3136],{"class":1431},[1425,3870,3139],{"class":1431},[1425,3872,3142],{"class":1449},[1425,3874,3145],{"class":3124},[1425,3876,3878,3880,3882,3884,3886],{"class":1427,"line":3877},43,[1425,3879,3178],{"class":1435},[1425,3881,3136],{"class":1431},[1425,3883,3139],{"class":1431},[1425,3885,3142],{"class":1449},[1425,3887,3145],{"class":3124},[1425,3889,3891],{"class":1427,"line":3890},44,[1425,3892,3191],{"class":1431},[1425,3894,3896],{"class":1427,"line":3895},45,[1425,3897,1498],{"emptyLinePlaceholder":1497},[1425,3899,3901,3903,3905,3907,3909,3911,3913,3915,3917,3919,3921,3923],{"class":1427,"line":3900},46,[1425,3902,1596],{"class":1449},[1425,3904,3202],{"class":1485},[1425,3906,1453],{"class":1431},[1425,3908,3098],{"class":3207},[1425,3910,1432],{"class":1431},[1425,3912,3212],{"class":3124},[1425,3914,3215],{"class":1431},[1425,3916,3218],{"class":3124},[1425,3918,3221],{"class":1431},[1425,3920,3224],{"class":1485},[1425,3922,3227],{"class":1431},[1425,3924,3230],{"class":1485},[1425,3926,3928,3930,3933,3935,3937,3939,3942,3945,3947,3949,3951,3954,3956,3958,3960,3963,3965,3967,3969,3971,3973,3975,3977,3980,3982,3984,3986,3988,3990,3992],{"class":1427,"line":3927},47,[1425,3929,1596],{"class":1449},[1425,3931,3932],{"class":1485}," brush ",[1425,3934,1453],{"class":1431},[1425,3936,3098],{"class":3207},[1425,3938,1432],{"class":1431},[1425,3940,3941],{"class":1431},"'",[1425,3943,3944],{"class":1459},"pencil",[1425,3946,3941],{"class":1431},[1425,3948,3215],{"class":1431},[1425,3950,3107],{"class":1431},[1425,3952,3953],{"class":1459},"eraser",[1425,3955,3941],{"class":1431},[1425,3957,3215],{"class":1431},[1425,3959,3107],{"class":1431},[1425,3961,3962],{"class":1459},"fill",[1425,3964,3941],{"class":1431},[1425,3966,3215],{"class":1431},[1425,3968,3107],{"class":1431},[1425,3970,1427],{"class":1459},[1425,3972,3941],{"class":1431},[1425,3974,3215],{"class":1431},[1425,3976,3107],{"class":1431},[1425,3978,3979],{"class":1459},"rect",[1425,3981,3941],{"class":1431},[1425,3983,3221],{"class":1431},[1425,3985,3224],{"class":1485},[1425,3987,3941],{"class":1431},[1425,3989,3944],{"class":1459},[1425,3991,3941],{"class":1431},[1425,3993,3230],{"class":1485},[1425,3995,3997,3999,4002,4004,4006,4008,4011],{"class":1427,"line":3996},48,[1425,3998,1596],{"class":1449},[1425,4000,4001],{"class":1485}," color ",[1425,4003,1453],{"class":1431},[1425,4005,3098],{"class":3207},[1425,4007,3224],{"class":1485},[1425,4009,4010],{"class":1616},"0",[1425,4012,3230],{"class":1485},[1425,4014,4016,4018,4021,4023],{"class":1427,"line":4015},49,[1425,4017,1596],{"class":1449},[1425,4019,4020],{"class":1485}," palette ",[1425,4022,1453],{"class":1431},[1425,4024,1604],{"class":1485},[1425,4026,4028,4031,4033,4035],{"class":1427,"line":4027},50,[1425,4029,4030],{"class":1431},"  '",[1425,4032,3036],{"class":1459},[1425,4034,3941],{"class":1431},[1425,4036,1715],{"class":1431},[1425,4038,4040,4042,4045,4047],{"class":1427,"line":4039},51,[1425,4041,4030],{"class":1431},[1425,4043,4044],{"class":1459},"var(--ui-error)",[1425,4046,3941],{"class":1431},[1425,4048,1715],{"class":1431},[1425,4050,4052,4054,4057,4059],{"class":1427,"line":4051},52,[1425,4053,4030],{"class":1431},[1425,4055,4056],{"class":1459},"var(--ui-warning)",[1425,4058,3941],{"class":1431},[1425,4060,1715],{"class":1431},[1425,4062,4064,4066,4069,4071],{"class":1427,"line":4063},53,[1425,4065,4030],{"class":1431},[1425,4067,4068],{"class":1459},"var(--ui-success)",[1425,4070,3941],{"class":1431},[1425,4072,1715],{"class":1431},[1425,4074,4076,4078,4081,4083],{"class":1427,"line":4075},54,[1425,4077,4030],{"class":1431},[1425,4079,4080],{"class":1459},"var(--ui-info)",[1425,4082,3941],{"class":1431},[1425,4084,1715],{"class":1431},[1425,4086,4088,4090,4093,4095],{"class":1427,"line":4087},55,[1425,4089,4030],{"class":1431},[1425,4091,4092],{"class":1459},"#111827",[1425,4094,3941],{"class":1431},[1425,4096,1715],{"class":1431},[1425,4098,4100],{"class":1427,"line":4099},56,[1425,4101,2999],{"class":1485},[1425,4103,4105,4107,4109],{"class":1427,"line":4104},57,[1425,4106,1556],{"class":1431},[1425,4108,1573],{"class":1435},[1425,4110,1438],{"class":1431},[1388,4112,4114],{"id":4113},"props","Props",[4116,4117,4118,4124,4127,4131,4136,4140,4146,4151,4155,4158],"component-props",{},[4119,4120,4123],"component-prop",{"name":3014,"type":4121,"default":4122},"number","16","Width of the art grid, in pixel cells.",[4119,4125,4126],{"name":3018,"type":4121,"default":4122},"Height of the art grid, in pixel cells.",[4119,4128,4130],{"name":3022,"type":4121,"default":4129},"20","Size of a single cell, in CSS pixels.",[4119,4132,4135],{"name":3032,"type":4133,"default":4134},"string[]","nine-colour default","Available paint colours, as any CSS colour string.",[4119,4137,4139],{"name":3053,"type":4138},"'pencil' | 'eraser' | 'fill' | 'line' | 'rect'","Active tool. Uncontrolled when omitted.",[4119,4141,4142,4143,4145],{"name":3056,"type":4121},"Index into ",[1376,4144,3032],{}," for the active paint colour. Uncontrolled when omitted.",[4119,4147,4150],{"name":3040,"type":4148,"default":4149},"boolean","false","Draw a hairline between pixel cells.",[4119,4152,4154],{"name":1396,"type":4153},"number[][]","Initial artwork as rows of palette indices. Negative values mean empty.",[4119,4156,4157],{"name":3044,"type":4148,"default":3454},"Render the colour and brush palettes below the canvas.",[4119,4159,4162],{"name":4160,"type":4161},"class","string","Extra classes for the root wrapper.",[1388,4164,4166],{"id":4165},"events","Events",[4116,4168,4169,4174,4182],{},[4119,4170,4173],{"name":4171,"type":4172},"change","(pixels: Uint8Array) => void","Fires with a copy of the pixel buffer after every committed mutation.",[4119,4175,4178,4179,4181],{"name":4176,"type":4177},"update:brush","(brush: PixelBrushCanvasBrush) => void","Fires when a tool is chosen, whether or not ",[1376,4180,3053],{}," is bound.",[4119,4183,4186,4187,4181],{"name":4184,"type":4185},"update:color","(color: number) => void","Fires when a swatch is chosen, whether or not ",[1376,4188,3056],{},[1388,4190,4192],{"id":4191},"accessibility","Accessibility",[4194,4195,4196,4204,4239,4245,4252,4259],"ul",{},[4197,4198,4199,4200,4203],"li",{},"The drawing area is a focusable ",[1376,4201,4202],{},"role=\"application\""," labelled \"Pixel art\ndrawing canvas\", because no semantic element models two-dimensional arrow-key\nnavigation.",[4197,4205,4206,4210,4211,4214,4215,4218,4219,4222,4223,4226,4227,4230,4231,4234,4235,4238],{},[4207,4208,4209],"kbd",{},"Arrow"," keys move a visible cursor cell, ",[4207,4212,4213],{},"Space"," paints at\nit, and ",[4207,4216,4217],{},"Ctrl"," or ",[4207,4220,4221],{},"Cmd"," + ",[4207,4224,4225],{},"Z"," undoes. The single\nkey shortcuts are ",[4207,4228,4229],{},"B"," for pencil, ",[4207,4232,4233],{},"E"," for eraser and\n",[4207,4236,4237],{},"G"," for fill.",[4197,4240,4241,4242,4244],{},"For the line and rectangle tools, the first ",[4207,4243,4213],{}," sets an anchor and\nthe second commits the shape, so the whole tool works without a pointer.",[4197,4246,4247,4248,4251],{},"A visually hidden ",[1376,4249,4250],{},"aria-live=\"polite\""," region announces the column, row and\ncolour of the focused cell, and the anchor and commit steps.",[4197,4253,4254,4255,4258],{},"Swatches and tools are real buttons with ",[1376,4256,4257],{},"aria-pressed",", so the active choice\nis exposed to assistive technology and not only by the ring or chip.",[4197,4260,4261,4262,4265],{},"The canvas has a visible focus ring. Under ",[1376,4263,4264],{},"prefers-reduced-motion: reduce","\nthe swatch ring and tool chip appear without their scale animation; drawing\nitself never animates.",[1388,4267,4269],{"id":4268},"performance","Performance",[4194,4271,4272,4278,4281,4284,4287,4290],{},[4197,4273,4274,4275,4277],{},"Cells are written in place in a ",[1376,4276,1378],{},"; a stroke repaints only the\nbounding box it changed, so dragging across a corner does not redraw the grid.",[4197,4279,4280],{},"The component keeps no per-cell reactive state, so painting never triggers a\nVue render. The only reactive updates are the cursor cell and the live-region\ntext.",[4197,4282,4283],{},"Flood fill is iterative and stack-based, so a full-canvas fill cannot overflow\nthe call stack. Line and rectangle cells come from bounded Bresenham and\noutline loops.",[4197,4285,4286],{},"The undo stack stores at most 50 buffer snapshots. A snapshot is pushed when a\nmutation is about to happen and popped again if nothing actually changed.",[4197,4288,4289],{},"The canvas backing store is capped at 2x device pixel ratio and only resized\nwhen the grid or cell size changes, not on every stroke.",[4197,4291,4292],{},"Pointer capture keeps a drag alive when the pointer leaves the canvas, and no\nanimation frame or timer runs while the canvas is idle.",[4294,4295,4296],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":1415,"searchDepth":1441,"depth":1441,"links":4298},[4299,4300,4301,4302,4303,4304],{"id":1390,"depth":1441,"text":16},{"id":3026,"depth":1441,"text":3027},{"id":4113,"depth":1441,"text":4114},{"id":4165,"depth":1441,"text":4166},{"id":4191,"depth":1441,"text":4192},{"id":4268,"depth":1441,"text":4269},"A pixel-art canvas with pencil, eraser, fill, line and rectangle tools, a keyboard cursor and an undo stack.","md",null,{},{"title":737,"description":4305},"8hEfToUb7MAPwiapUW8BfWoJpqdc3aURQb3DzFZ6_XM",[4312,4314],{"title":733,"path":734,"stem":735,"description":4313,"children":-1},"A pinnable list where pinned items animate to the top and keyboard shortcuts let you move focus and pin\u002Funpin.",{"title":741,"path":742,"stem":743,"description":4315,"children":-1},"A destructive action behind a handle that has to be dragged the length of the track.",1792945087469]