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