[{"data":1,"prerenderedAt":2811},["ShallowReactive",2],{"navigation_docs":3,"-components-forms-animated-stepper":1514,"-components-forms-animated-stepper-surround":2806},[4,28,35,1298,1321,1328,1483,1507],{"title":5,"path":6,"stem":7,"children":8,"icon":27},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,11,15,19,23],{"title":10,"path":6,"stem":7},"Introduction",{"title":12,"path":13,"stem":14},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation",{"title":16,"path":17,"stem":18},"Usage","\u002Fgetting-started\u002Fusage","1.getting-started\u002F3.usage",{"title":20,"path":21,"stem":22},"Theming","\u002Fgetting-started\u002Ftheming","1.getting-started\u002F4.theming",{"title":24,"path":25,"stem":26},"AI Agents","\u002Fgetting-started\u002Fai-agents","1.getting-started\u002F5.ai-agents","i-lucide-rocket",{"title":29,"path":30,"stem":31,"children":32,"icon":34},"Core Concepts","\u002Fcore-concepts","2.core-concepts\u002Findex",[33],{"title":29,"path":30,"stem":31},"i-lucide-lightbulb",{"title":36,"icon":37,"path":38,"stem":39,"children":40},"Components","i-lucide-component","\u002Fcomponents","3.components",[41,43,62,152,254,312,434,452,466,600,690,876,906,936,970,1004,1042,1268],{"title":36,"path":38,"stem":42},"3.components\u002Findex",{"title":44,"icon":45,"path":46,"stem":47,"children":48,"page":61},"3D","i-lucide-box","\u002Fcomponents\u002F3d","3.components\u002F3d",[49,53,57],{"title":50,"path":51,"stem":52},"3D Card","\u002Fcomponents\u002F3d\u002F3d-card","3.components\u002F3d\u002F3d-card",{"title":54,"path":55,"stem":56},"Book","\u002Fcomponents\u002F3d\u002Fbook","3.components\u002F3d\u002Fbook",{"title":58,"path":59,"stem":60},"Globe","\u002Fcomponents\u002F3d\u002Fglobe","3.components\u002F3d\u002Fglobe",false,{"title":63,"icon":64,"path":65,"stem":66,"children":67,"page":61},"AI","i-lucide-sparkles","\u002Fcomponents\u002Fai","3.components\u002Fai",[68,72,76,80,84,88,92,96,100,104,108,112,116,120,124,128,132,136,140,144,148],{"title":69,"path":70,"stem":71},"Agent Avatar","\u002Fcomponents\u002Fai\u002Fagent-avatar","3.components\u002Fai\u002Fagent-avatar",{"title":73,"path":74,"stem":75},"AI Approval","\u002Fcomponents\u002Fai\u002Fai-approval","3.components\u002Fai\u002Fai-approval",{"title":77,"path":78,"stem":79},"AI Artifact","\u002Fcomponents\u002Fai\u002Fai-artifact","3.components\u002Fai\u002Fai-artifact",{"title":81,"path":82,"stem":83},"AI Branch","\u002Fcomponents\u002Fai\u002Fai-branch","3.components\u002Fai\u002Fai-branch",{"title":85,"path":86,"stem":87},"AI Citation","\u002Fcomponents\u002Fai\u002Fai-citation","3.components\u002Fai\u002Fai-citation",{"title":89,"path":90,"stem":91},"AI Context Meter","\u002Fcomponents\u002Fai\u002Fai-context-meter","3.components\u002Fai\u002Fai-context-meter",{"title":93,"path":94,"stem":95},"AI Conversation","\u002Fcomponents\u002Fai\u002Fai-conversation","3.components\u002Fai\u002Fai-conversation",{"title":97,"path":98,"stem":99},"AI Diff","\u002Fcomponents\u002Fai\u002Fai-diff","3.components\u002Fai\u002Fai-diff",{"title":101,"path":102,"stem":103},"AI Message","\u002Fcomponents\u002Fai\u002Fai-message","3.components\u002Fai\u002Fai-message",{"title":105,"path":106,"stem":107},"AI Messages","\u002Fcomponents\u002Fai\u002Fai-messages","3.components\u002Fai\u002Fai-messages",{"title":109,"path":110,"stem":111},"AI Orb","\u002Fcomponents\u002Fai\u002Fai-orb","3.components\u002Fai\u002Fai-orb",{"title":113,"path":114,"stem":115},"AI Orb Face","\u002Fcomponents\u002Fai\u002Fai-orb-face","3.components\u002Fai\u002Fai-orb-face",{"title":117,"path":118,"stem":119},"AI Orb Face Mouth","\u002Fcomponents\u002Fai\u002Fai-orb-face-mouth","3.components\u002Fai\u002Fai-orb-face-mouth",{"title":121,"path":122,"stem":123},"AI Prompt Input","\u002Fcomponents\u002Fai\u002Fai-prompt-input","3.components\u002Fai\u002Fai-prompt-input",{"title":125,"path":126,"stem":127},"AI Reasoning","\u002Fcomponents\u002Fai\u002Fai-reasoning","3.components\u002Fai\u002Fai-reasoning",{"title":129,"path":130,"stem":131},"AI Response","\u002Fcomponents\u002Fai\u002Fai-response","3.components\u002Fai\u002Fai-response",{"title":133,"path":134,"stem":135},"AI Sources","\u002Fcomponents\u002Fai\u002Fai-sources","3.components\u002Fai\u002Fai-sources",{"title":137,"path":138,"stem":139},"AI Suggestions","\u002Fcomponents\u002Fai\u002Fai-suggestions","3.components\u002Fai\u002Fai-suggestions",{"title":141,"path":142,"stem":143},"AI Task List","\u002Fcomponents\u002Fai\u002Fai-task-list","3.components\u002Fai\u002Fai-task-list",{"title":145,"path":146,"stem":147},"AI Tool Call","\u002Fcomponents\u002Fai\u002Fai-tool-call","3.components\u002Fai\u002Fai-tool-call",{"title":149,"path":150,"stem":151},"Image Generation Panel","\u002Fcomponents\u002Fai\u002Fimage-generation-panel","3.components\u002Fai\u002Fimage-generation-panel",{"title":153,"icon":154,"path":155,"stem":156,"children":157,"page":61},"Backgrounds","i-lucide-layers","\u002Fcomponents\u002Fbackgrounds","3.components\u002Fbackgrounds",[158,162,166,170,174,178,182,186,190,194,198,202,206,210,214,218,222,226,230,234,238,242,246,250],{"title":159,"path":160,"stem":161},"Animated Background","\u002Fcomponents\u002Fbackgrounds\u002Fanimated-background","3.components\u002Fbackgrounds\u002Fanimated-background",{"title":163,"path":164,"stem":165},"Animated Grid Pattern","\u002Fcomponents\u002Fbackgrounds\u002Fanimated-grid-pattern","3.components\u002Fbackgrounds\u002Fanimated-grid-pattern",{"title":167,"path":168,"stem":169},"Animated Spotlight","\u002Fcomponents\u002Fbackgrounds\u002Fanimated-spotlight","3.components\u002Fbackgrounds\u002Fanimated-spotlight",{"title":171,"path":172,"stem":173},"Aurora Background","\u002Fcomponents\u002Fbackgrounds\u002Faurora-background","3.components\u002Fbackgrounds\u002Faurora-background",{"title":175,"path":176,"stem":177},"Aurora Curtain","\u002Fcomponents\u002Fbackgrounds\u002Faurora-curtain","3.components\u002Fbackgrounds\u002Faurora-curtain",{"title":179,"path":180,"stem":181},"Background Beams","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-beams","3.components\u002Fbackgrounds\u002Fbackground-beams",{"title":183,"path":184,"stem":185},"Background Gradient Animation","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-gradient-animation","3.components\u002Fbackgrounds\u002Fbackground-gradient-animation",{"title":187,"path":188,"stem":189},"Background Lines","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-lines","3.components\u002Fbackgrounds\u002Fbackground-lines",{"title":191,"path":192,"stem":193},"Background Ripple Effect","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-ripple-effect","3.components\u002Fbackgrounds\u002Fbackground-ripple-effect",{"title":195,"path":196,"stem":197},"Boxes Core","\u002Fcomponents\u002Fbackgrounds\u002Fboxes-core","3.components\u002Fbackgrounds\u002Fboxes-core",{"title":199,"path":200,"stem":201},"Directional Light","\u002Fcomponents\u002Fbackgrounds\u002Fdirectional-light","3.components\u002Fbackgrounds\u002Fdirectional-light",{"title":203,"path":204,"stem":205},"Dotted Glow Background","\u002Fcomponents\u002Fbackgrounds\u002Fdotted-glow-background","3.components\u002Fbackgrounds\u002Fdotted-glow-background",{"title":207,"path":208,"stem":209},"Flickering Grid","\u002Fcomponents\u002Fbackgrounds\u002Fflickering-grid","3.components\u002Fbackgrounds\u002Fflickering-grid",{"title":211,"path":212,"stem":213},"Interactive Grid Pattern","\u002Fcomponents\u002Fbackgrounds\u002Finteractive-grid-pattern","3.components\u002Fbackgrounds\u002Finteractive-grid-pattern",{"title":215,"path":216,"stem":217},"Lamp Container","\u002Fcomponents\u002Fbackgrounds\u002Flamp-container","3.components\u002Fbackgrounds\u002Flamp-container",{"title":219,"path":220,"stem":221},"Light Rays","\u002Fcomponents\u002Fbackgrounds\u002Flight-rays","3.components\u002Fbackgrounds\u002Flight-rays",{"title":223,"path":224,"stem":225},"Meteors","\u002Fcomponents\u002Fbackgrounds\u002Fmeteors","3.components\u002Fbackgrounds\u002Fmeteors",{"title":227,"path":228,"stem":229},"Particles","\u002Fcomponents\u002Fbackgrounds\u002Fparticles","3.components\u002Fbackgrounds\u002Fparticles",{"title":231,"path":232,"stem":233},"Retro Grid","\u002Fcomponents\u002Fbackgrounds\u002Fretro-grid","3.components\u002Fbackgrounds\u002Fretro-grid",{"title":235,"path":236,"stem":237},"Shooting Stars","\u002Fcomponents\u002Fbackgrounds\u002Fshooting-stars","3.components\u002Fbackgrounds\u002Fshooting-stars",{"title":239,"path":240,"stem":241},"Stars Background","\u002Fcomponents\u002Fbackgrounds\u002Fstars-background","3.components\u002Fbackgrounds\u002Fstars-background",{"title":243,"path":244,"stem":245},"Striped Pattern","\u002Fcomponents\u002Fbackgrounds\u002Fstriped-pattern","3.components\u002Fbackgrounds\u002Fstriped-pattern",{"title":247,"path":248,"stem":249},"Vortex","\u002Fcomponents\u002Fbackgrounds\u002Fvortex","3.components\u002Fbackgrounds\u002Fvortex",{"title":251,"path":252,"stem":253},"Warp Background","\u002Fcomponents\u002Fbackgrounds\u002Fwarp-background","3.components\u002Fbackgrounds\u002Fwarp-background",{"title":255,"icon":256,"path":257,"stem":258,"children":259,"page":61},"Buttons","i-lucide-mouse-pointer-click","\u002Fcomponents\u002Fbuttons","3.components\u002Fbuttons",[260,264,268,272,276,280,284,288,292,296,300,304,308],{"title":261,"path":262,"stem":263},"Button Copy","\u002Fcomponents\u002Fbuttons\u002Fbutton-copy","3.components\u002Fbuttons\u002Fbutton-copy",{"title":265,"path":266,"stem":267},"Clip Corners Button","\u002Fcomponents\u002Fbuttons\u002Fclip-corners-button","3.components\u002Fbuttons\u002Fclip-corners-button",{"title":269,"path":270,"stem":271},"Dot Morph Button","\u002Fcomponents\u002Fbuttons\u002Fdot-morph-button","3.components\u002Fbuttons\u002Fdot-morph-button",{"title":273,"path":274,"stem":275},"Interactive Hover Button","\u002Fcomponents\u002Fbuttons\u002Finteractive-hover-button","3.components\u002Fbuttons\u002Finteractive-hover-button",{"title":277,"path":278,"stem":279},"Magnetic Button","\u002Fcomponents\u002Fbuttons\u002Fmagnetic-button","3.components\u002Fbuttons\u002Fmagnetic-button",{"title":281,"path":282,"stem":283},"Music Toggle","\u002Fcomponents\u002Fbuttons\u002Fmusic-toggle","3.components\u002Fbuttons\u002Fmusic-toggle",{"title":285,"path":286,"stem":287},"Pulsating Button","\u002Fcomponents\u002Fbuttons\u002Fpulsating-button","3.components\u002Fbuttons\u002Fpulsating-button",{"title":289,"path":290,"stem":291},"Rainbow Button","\u002Fcomponents\u002Fbuttons\u002Frainbow-button","3.components\u002Fbuttons\u002Frainbow-button",{"title":293,"path":294,"stem":295},"Ripple Button","\u002Fcomponents\u002Fbuttons\u002Fripple-button","3.components\u002Fbuttons\u002Fripple-button",{"title":297,"path":298,"stem":299},"Shimmer Button","\u002Fcomponents\u002Fbuttons\u002Fshimmer-button","3.components\u002Fbuttons\u002Fshimmer-button",{"title":301,"path":302,"stem":303},"Shiny Button","\u002Fcomponents\u002Fbuttons\u002Fshiny-button","3.components\u002Fbuttons\u002Fshiny-button",{"title":305,"path":306,"stem":307},"Smooth Button","\u002Fcomponents\u002Fbuttons\u002Fsmooth-button","3.components\u002Fbuttons\u002Fsmooth-button",{"title":309,"path":310,"stem":311},"Theme Toggle","\u002Fcomponents\u002Fbuttons\u002Ftheme-toggle","3.components\u002Fbuttons\u002Ftheme-toggle",{"title":313,"icon":314,"path":315,"stem":316,"children":317,"page":61},"Cards","i-lucide-layout-panel-top","\u002Fcomponents\u002Fcards","3.components\u002Fcards",[318,322,326,330,334,338,342,346,350,354,358,362,366,370,374,378,382,386,390,394,398,402,406,410,414,418,422,426,430],{"title":319,"path":320,"stem":321},"App Download Stack","\u002Fcomponents\u002Fcards\u002Fapp-download-stack","3.components\u002Fcards\u002Fapp-download-stack",{"title":323,"path":324,"stem":325},"Apple Invites","\u002Fcomponents\u002Fcards\u002Fapple-invites","3.components\u002Fcards\u002Fapple-invites",{"title":327,"path":328,"stem":329},"Bento Grid","\u002Fcomponents\u002Fcards\u002Fbento-grid","3.components\u002Fcards\u002Fbento-grid",{"title":331,"path":332,"stem":333},"Stacked Cards","\u002Fcomponents\u002Fcards\u002Fcard-stack","3.components\u002Fcards\u002Fcard-stack",{"title":335,"path":336,"stem":337},"Card Swipe Deck","\u002Fcomponents\u002Fcards\u002Fcard-swipe-deck","3.components\u002Fcards\u002Fcard-swipe-deck",{"title":339,"path":340,"stem":341},"Draggable Card","\u002Fcomponents\u002Fcards\u002Fdraggable-card","3.components\u002Fcards\u002Fdraggable-card",{"title":343,"path":344,"stem":345},"Evervault Card","\u002Fcomponents\u002Fcards\u002Fever-vault-card","3.components\u002Fcards\u002Fever-vault-card",{"title":347,"path":348,"stem":349},"Expandable Cards","\u002Fcomponents\u002Fcards\u002Fexpandable-cards","3.components\u002Fcards\u002Fexpandable-cards",{"title":351,"path":352,"stem":353},"Figma Comment","\u002Fcomponents\u002Fcards\u002Ffigma-comment","3.components\u002Fcards\u002Ffigma-comment",{"title":355,"path":356,"stem":357},"Focus Cards","\u002Fcomponents\u002Fcards\u002Ffocus-cards","3.components\u002Fcards\u002Ffocus-cards",{"title":359,"path":360,"stem":361},"Glare Card","\u002Fcomponents\u002Fcards\u002Fglare-card","3.components\u002Fcards\u002Fglare-card",{"title":363,"path":364,"stem":365},"Glass Card","\u002Fcomponents\u002Fcards\u002Fglass-card","3.components\u002Fcards\u002Fglass-card",{"title":367,"path":368,"stem":369},"Glass Panel","\u002Fcomponents\u002Fcards\u002Fglass-panel","3.components\u002Fcards\u002Fglass-panel",{"title":371,"path":372,"stem":373},"Glow Hover Cards","\u002Fcomponents\u002Fcards\u002Fglow-hover-cards","3.components\u002Fcards\u002Fglow-hover-cards",{"title":375,"path":376,"stem":377},"Glowing Stars Card","\u002Fcomponents\u002Fcards\u002Fglowing-stars-card","3.components\u002Fcards\u002Fglowing-stars-card",{"title":379,"path":380,"stem":381},"Mac Terminal","\u002Fcomponents\u002Fcards\u002Fmac-terminal","3.components\u002Fcards\u002Fmac-terminal",{"title":383,"path":384,"stem":385},"Magic Card","\u002Fcomponents\u002Fcards\u002Fmagic-card","3.components\u002Fcards\u002Fmagic-card",{"title":387,"path":388,"stem":389},"Mail Card","\u002Fcomponents\u002Fcards\u002Fmail-card","3.components\u002Fcards\u002Fmail-card",{"title":391,"path":392,"stem":393},"Photo Stack","\u002Fcomponents\u002Fcards\u002Fphoto-stack","3.components\u002Fcards\u002Fphoto-stack",{"title":395,"path":396,"stem":397},"Price Flow","\u002Fcomponents\u002Fcards\u002Fprice-flow","3.components\u002Fcards\u002Fprice-flow",{"title":399,"path":400,"stem":401},"Product Card","\u002Fcomponents\u002Fcards\u002Fproduct-card","3.components\u002Fcards\u002Fproduct-card",{"title":403,"path":404,"stem":405},"Scrollable Card Stack","\u002Fcomponents\u002Fcards\u002Fscrollable-card-stack","3.components\u002Fcards\u002Fscrollable-card-stack",{"title":407,"path":408,"stem":409},"Shine Border","\u002Fcomponents\u002Fcards\u002Fshine-border","3.components\u002Fcards\u002Fshine-border",{"title":411,"path":412,"stem":413},"Social Hover Card","\u002Fcomponents\u002Fcards\u002Fsocial-hover-card","3.components\u002Fcards\u002Fsocial-hover-card",{"title":415,"path":416,"stem":417},"Switchboard Card","\u002Fcomponents\u002Fcards\u002Fswitchboard-card","3.components\u002Fcards\u002Fswitchboard-card",{"title":419,"path":420,"stem":421},"Tilt Card","\u002Fcomponents\u002Fcards\u002Ftilt-card","3.components\u002Fcards\u002Ftilt-card",{"title":423,"path":424,"stem":425},"Tweet Card","\u002Fcomponents\u002Fcards\u002Ftweet-card","3.components\u002Fcards\u002Ftweet-card",{"title":427,"path":428,"stem":429},"Wallet Card","\u002Fcomponents\u002Fcards\u002Fwallet-card","3.components\u002Fcards\u002Fwallet-card",{"title":431,"path":432,"stem":433},"Wobble Card","\u002Fcomponents\u002Fcards\u002Fwobble-card","3.components\u002Fcards\u002Fwobble-card",{"title":435,"icon":436,"path":437,"stem":438,"children":439,"page":61},"Carousels","i-lucide-gallery-horizontal-end","\u002Fcomponents\u002Fcarousels","3.components\u002Fcarousels",[440,444,448],{"title":441,"path":442,"stem":443},"Carousel","\u002Fcomponents\u002Fcarousels\u002Fcarousel","3.components\u002Fcarousels\u002Fcarousel",{"title":445,"path":446,"stem":447},"Coverflow Carousel","\u002Fcomponents\u002Fcarousels\u002Fcoverflow-carousel","3.components\u002Fcarousels\u002Fcoverflow-carousel",{"title":449,"path":450,"stem":451},"Reviews Carousel","\u002Fcomponents\u002Fcarousels\u002Freviews-carousel","3.components\u002Fcarousels\u002Freviews-carousel",{"title":453,"icon":454,"path":455,"stem":456,"children":457,"page":61},"Directional","i-lucide-move-3d","\u002Fcomponents\u002Fdirectional","3.components\u002Fdirectional",[458,462],{"title":459,"path":460,"stem":461},"Direction Aware Hover","\u002Fcomponents\u002Fdirectional\u002Fdirection-aware-hover","3.components\u002Fdirectional\u002Fdirection-aware-hover",{"title":463,"path":464,"stem":465},"Direction Aware Hover New","\u002Fcomponents\u002Fdirectional\u002Fdirection-aware-hover-new","3.components\u002Fdirectional\u002Fdirection-aware-hover-new",{"title":467,"icon":468,"path":469,"stem":470,"children":471,"page":61},"Visual Effects","i-lucide-wand-sparkles","\u002Fcomponents\u002Feffects","3.components\u002Feffects",[472,476,480,484,488,492,496,500,504,508,512,516,520,524,528,532,536,540,544,548,552,556,560,564,568,572,576,580,584,588,592,596],{"title":473,"path":474,"stem":475},"Animated Beam","\u002Fcomponents\u002Feffects\u002Fanimated-beam","3.components\u002Feffects\u002Fanimated-beam",{"title":477,"path":478,"stem":479},"Arcade Pixel","\u002Fcomponents\u002Feffects\u002Farcade-pixel","3.components\u002Feffects\u002Farcade-pixel",{"title":481,"path":482,"stem":483},"ASCII Render","\u002Fcomponents\u002Feffects\u002Fascii-render","3.components\u002Feffects\u002Fascii-render",{"title":485,"path":486,"stem":487},"Border Beam","\u002Fcomponents\u002Feffects\u002Fborder-beam","3.components\u002Feffects\u002Fborder-beam",{"title":489,"path":490,"stem":491},"Border Trail","\u002Fcomponents\u002Feffects\u002Fborder-trail","3.components\u002Feffects\u002Fborder-trail",{"title":493,"path":494,"stem":495},"Confetti","\u002Fcomponents\u002Feffects\u002Fconfetti","3.components\u002Feffects\u002Fconfetti",{"title":497,"path":498,"stem":499},"Dither Chart","\u002Fcomponents\u002Feffects\u002Fdither-chart","3.components\u002Feffects\u002Fdither-chart",{"title":501,"path":502,"stem":503},"Dither Image","\u002Fcomponents\u002Feffects\u002Fdither-image","3.components\u002Feffects\u002Fdither-image",{"title":505,"path":506,"stem":507},"Div Grid","\u002Fcomponents\u002Feffects\u002Fdiv-grid","3.components\u002Feffects\u002Fdiv-grid",{"title":509,"path":510,"stem":511},"Drawing Cursor","\u002Fcomponents\u002Feffects\u002Fdrawing-cursor","3.components\u002Feffects\u002Fdrawing-cursor",{"title":513,"path":514,"stem":515},"Emboss Surface","\u002Fcomponents\u002Feffects\u002Femboss-surface","3.components\u002Feffects\u002Femboss-surface",{"title":517,"path":518,"stem":519},"Brightness slider","\u002Fcomponents\u002Feffects\u002Fexposure-slider","3.components\u002Feffects\u002Fexposure-slider",{"title":521,"path":522,"stem":523},"Flowing Stroke","\u002Fcomponents\u002Feffects\u002Fflowing-stroke","3.components\u002Feffects\u002Fflowing-stroke",{"title":525,"path":526,"stem":527},"Glow Effect","\u002Fcomponents\u002Feffects\u002Fglow-effect","3.components\u002Feffects\u002Fglow-effect",{"title":529,"path":530,"stem":531},"Glowing Effect","\u002Fcomponents\u002Feffects\u002Fglowing-effect","3.components\u002Feffects\u002Fglowing-effect",{"title":533,"path":534,"stem":535},"Gooey Filter","\u002Fcomponents\u002Feffects\u002Fgooey-filter","3.components\u002Feffects\u002Fgooey-filter",{"title":537,"path":538,"stem":539},"Gravity Stars","\u002Fcomponents\u002Feffects\u002Fgravity-stars","3.components\u002Feffects\u002Fgravity-stars",{"title":541,"path":542,"stem":543},"Iridescent foil","\u002Fcomponents\u002Feffects\u002Fholographic-foil","3.components\u002Feffects\u002Fholographic-foil",{"title":545,"path":546,"stem":547},"Icon Cloud","\u002Fcomponents\u002Feffects\u002Ficon-cloud","3.components\u002Feffects\u002Ficon-cloud",{"title":549,"path":550,"stem":551},"Liquid Metal","\u002Fcomponents\u002Feffects\u002Fliquid-metal","3.components\u002Feffects\u002Fliquid-metal",{"title":553,"path":554,"stem":555},"Mask Container","\u002Fcomponents\u002Feffects\u002Fmask-container","3.components\u002Feffects\u002Fmask-container",{"title":557,"path":558,"stem":559},"Orbiting Circles","\u002Fcomponents\u002Feffects\u002Forbiting-circles","3.components\u002Feffects\u002Forbiting-circles",{"title":561,"path":562,"stem":563},"Depth layers","\u002Fcomponents\u002Feffects\u002Fparallax-layers","3.components\u002Feffects\u002Fparallax-layers",{"title":565,"path":566,"stem":567},"Pixel Flow Field","\u002Fcomponents\u002Feffects\u002Fpixel-flow-field","3.components\u002Feffects\u002Fpixel-flow-field",{"title":569,"path":570,"stem":571},"Pixelated Canvas","\u002Fcomponents\u002Feffects\u002Fpixelated-canvas","3.components\u002Feffects\u002Fpixelated-canvas",{"title":573,"path":574,"stem":575},"Progressive Blur","\u002Fcomponents\u002Feffects\u002Fprogressive-blur","3.components\u002Feffects\u002Fprogressive-blur",{"title":577,"path":578,"stem":579},"Siri Orb","\u002Fcomponents\u002Feffects\u002Fsiri-orb","3.components\u002Feffects\u002Fsiri-orb",{"title":581,"path":582,"stem":583},"Spotlight","\u002Fcomponents\u002Feffects\u002Fspotlight","3.components\u002Feffects\u002Fspotlight",{"title":585,"path":586,"stem":587},"Squircle","\u002Fcomponents\u002Feffects\u002Fsquircle","3.components\u002Feffects\u002Fsquircle",{"title":589,"path":590,"stem":591},"SVG Clip Mask","\u002Fcomponents\u002Feffects\u002Fsvg-clip-mask","3.components\u002Feffects\u002Fsvg-clip-mask",{"title":593,"path":594,"stem":595},"Tracing Beam","\u002Fcomponents\u002Feffects\u002Ftracing-beam","3.components\u002Feffects\u002Ftracing-beam",{"title":597,"path":598,"stem":599},"Video Ambient","\u002Fcomponents\u002Feffects\u002Fvideo-ambient","3.components\u002Feffects\u002Fvideo-ambient",{"title":601,"icon":602,"path":603,"stem":604,"children":605,"page":61},"Forms","i-lucide-text-cursor-input","\u002Fcomponents\u002Fforms","3.components\u002Fforms",[606,610,614,618,622,626,630,634,638,642,646,650,654,658,662,666,670,674,678,682,686],{"title":607,"path":608,"stem":609},"Animated File Upload","\u002Fcomponents\u002Fforms\u002Fanimated-file-upload","3.components\u002Fforms\u002Fanimated-file-upload",{"title":611,"path":612,"stem":613},"Animated Input","\u002Fcomponents\u002Fforms\u002Fanimated-input","3.components\u002Fforms\u002Fanimated-input",{"title":615,"path":616,"stem":617},"Animated Number Input","\u002Fcomponents\u002Fforms\u002Fanimated-number-input","3.components\u002Fforms\u002Fanimated-number-input",{"title":619,"path":620,"stem":621},"Animated OTP Input","\u002Fcomponents\u002Fforms\u002Fanimated-otp-input","3.components\u002Fforms\u002Fanimated-otp-input",{"title":623,"path":624,"stem":625},"Animated Progress Bar","\u002Fcomponents\u002Fforms\u002Fanimated-progress-bar","3.components\u002Fforms\u002Fanimated-progress-bar",{"title":627,"path":628,"stem":629},"Animated Stepper","\u002Fcomponents\u002Fforms\u002Fanimated-stepper","3.components\u002Fforms\u002Fanimated-stepper",{"title":631,"path":632,"stem":633},"Animated Tags","\u002Fcomponents\u002Fforms\u002Fanimated-tags","3.components\u002Fforms\u002Fanimated-tags",{"title":635,"path":636,"stem":637},"Animated Toggle","\u002Fcomponents\u002Fforms\u002Fanimated-toggle","3.components\u002Fforms\u002Fanimated-toggle",{"title":639,"path":640,"stem":641},"Auth Form","\u002Fcomponents\u002Fforms\u002Fauth-form","3.components\u002Fforms\u002Fauth-form",{"title":643,"path":644,"stem":645},"Checkbox","\u002Fcomponents\u002Fforms\u002Fcheckbox","3.components\u002Fforms\u002Fcheckbox",{"title":647,"path":648,"stem":649},"Country Picker","\u002Fcomponents\u002Fforms\u002Fcountry-picker","3.components\u002Fforms\u002Fcountry-picker",{"title":651,"path":652,"stem":653},"Digit Roll","\u002Fcomponents\u002Fforms\u002Fdigit-roll","3.components\u002Fforms\u002Fdigit-roll",{"title":655,"path":656,"stem":657},"Duration Picker","\u002Fcomponents\u002Fforms\u002Fduration-picker","3.components\u002Fforms\u002Fduration-picker",{"title":659,"path":660,"stem":661},"Favicon Search","\u002Fcomponents\u002Fforms\u002Ffavicon-search","3.components\u002Fforms\u002Ffavicon-search",{"title":663,"path":664,"stem":665},"Float Input","\u002Fcomponents\u002Fforms\u002Ffloat-input","3.components\u002Fforms\u002Ffloat-input",{"title":667,"path":668,"stem":669},"Form","\u002Fcomponents\u002Fforms\u002Fform","3.components\u002Fforms\u002Fform",{"title":671,"path":672,"stem":673},"Morph Toggle","\u002Fcomponents\u002Fforms\u002Fmorph-toggle","3.components\u002Fforms\u002Fmorph-toggle",{"title":675,"path":676,"stem":677},"Radio Group","\u002Fcomponents\u002Fforms\u002Fradio-group","3.components\u002Fforms\u002Fradio-group",{"title":679,"path":680,"stem":681},"Scrubber","\u002Fcomponents\u002Fforms\u002Fscrubber","3.components\u002Fforms\u002Fscrubber",{"title":683,"path":684,"stem":685},"Social Selector","\u002Fcomponents\u002Fforms\u002Fsocial-selector","3.components\u002Fforms\u002Fsocial-selector",{"title":687,"path":688,"stem":689},"Swap Panel","\u002Fcomponents\u002Fforms\u002Fswap-panel","3.components\u002Fforms\u002Fswap-panel",{"title":691,"icon":692,"path":693,"stem":694,"children":695,"page":61},"Interactive","i-lucide-hand","\u002Fcomponents\u002Finteractive","3.components\u002Finteractive",[696,700,704,708,712,716,720,724,728,732,736,740,744,748,752,756,760,764,768,772,776,780,784,788,792,796,800,804,808,812,816,820,824,828,832,836,840,844,848,852,856,860,864,868,872],{"title":697,"path":698,"stem":699},"Accordion","\u002Fcomponents\u002Finteractive\u002Faccordion","3.components\u002Finteractive\u002Faccordion",{"title":701,"path":702,"stem":703},"Motion dialog","\u002Fcomponents\u002Finteractive\u002Fanimated-dialog","3.components\u002Finteractive\u002Fanimated-dialog",{"title":705,"path":706,"stem":707},"Animated Tooltip","\u002Fcomponents\u002Finteractive\u002Fanimated-tooltip","3.components\u002Finteractive\u002Fanimated-tooltip",{"title":709,"path":710,"stem":711},"Basic Dropdown","\u002Fcomponents\u002Finteractive\u002Fbasic-dropdown","3.components\u002Finteractive\u002Fbasic-dropdown",{"title":713,"path":714,"stem":715},"Basic Toast","\u002Fcomponents\u002Finteractive\u002Fbasic-toast","3.components\u002Finteractive\u002Fbasic-toast",{"title":717,"path":718,"stem":719},"Code Block","\u002Fcomponents\u002Finteractive\u002Fcode-block","3.components\u002Finteractive\u002Fcode-block",{"title":721,"path":722,"stem":723},"Code Comparison","\u002Fcomponents\u002Finteractive\u002Fcode-comparison","3.components\u002Finteractive\u002Fcode-comparison",{"title":725,"path":726,"stem":727},"Contribution Graph","\u002Fcomponents\u002Finteractive\u002Fcontribution-graph","3.components\u002Finteractive\u002Fcontribution-graph",{"title":729,"path":730,"stem":731},"Cool Mode","\u002Fcomponents\u002Finteractive\u002Fcool-mode","3.components\u002Finteractive\u002Fcool-mode",{"title":733,"path":734,"stem":735},"Count Badge","\u002Fcomponents\u002Finteractive\u002Fcount-badge","3.components\u002Finteractive\u002Fcount-badge",{"title":737,"path":738,"stem":739},"Dock","\u002Fcomponents\u002Finteractive\u002Fdock","3.components\u002Finteractive\u002Fdock",{"title":741,"path":742,"stem":743},"Drag and Drop","\u002Fcomponents\u002Finteractive\u002Fdrag-and-drop","3.components\u002Finteractive\u002Fdrag-and-drop",{"title":745,"path":746,"stem":747},"Drawer","\u002Fcomponents\u002Finteractive\u002Fdrawer","3.components\u002Finteractive\u002Fdrawer",{"title":749,"path":750,"stem":751},"Dynamic Group","\u002Fcomponents\u002Finteractive\u002Fdynamic-group","3.components\u002Finteractive\u002Fdynamic-group",{"title":753,"path":754,"stem":755},"Dynamic Island","\u002Fcomponents\u002Finteractive\u002Fdynamic-island","3.components\u002Finteractive\u002Fdynamic-island",{"title":757,"path":758,"stem":759},"Emoji Reaction","\u002Fcomponents\u002Finteractive\u002Femoji-reaction","3.components\u002Finteractive\u002Femoji-reaction",{"title":761,"path":762,"stem":763},"Fluid Hover Highlight","\u002Fcomponents\u002Finteractive\u002Ffluid-hover-highlight","3.components\u002Finteractive\u002Ffluid-hover-highlight",{"title":765,"path":766,"stem":767},"Folder Reveal","\u002Fcomponents\u002Finteractive\u002Ffolder-reveal","3.components\u002Finteractive\u002Ffolder-reveal",{"title":769,"path":770,"stem":771},"GitHub Stars Animation","\u002Fcomponents\u002Finteractive\u002Fgithub-stars-animation","3.components\u002Finteractive\u002Fgithub-stars-animation",{"title":773,"path":774,"stem":775},"Hover Expand","\u002Fcomponents\u002Finteractive\u002Fhover-expand","3.components\u002Finteractive\u002Fhover-expand",{"title":777,"path":778,"stem":779},"Hover Image List","\u002Fcomponents\u002Finteractive\u002Fhover-image-list","3.components\u002Finteractive\u002Fhover-image-list",{"title":781,"path":782,"stem":783},"Image compare","\u002Fcomponents\u002Finteractive\u002Fimage-comparison","3.components\u002Finteractive\u002Fimage-comparison",{"title":785,"path":786,"stem":787},"Image Metadata Preview","\u002Fcomponents\u002Finteractive\u002Fimage-metadata-preview","3.components\u002Finteractive\u002Fimage-metadata-preview",{"title":789,"path":790,"stem":791},"Inline Testimonials","\u002Fcomponents\u002Finteractive\u002Finline-testimonials","3.components\u002Finteractive\u002Finline-testimonials",{"title":793,"path":794,"stem":795},"Interactive Image Selector","\u002Fcomponents\u002Finteractive\u002Finteractive-image-selector","3.components\u002Finteractive\u002Finteractive-image-selector",{"title":797,"path":798,"stem":799},"Job Listing","\u002Fcomponents\u002Finteractive\u002Fjob-listing","3.components\u002Finteractive\u002Fjob-listing",{"title":801,"path":802,"stem":803},"Lens","\u002Fcomponents\u002Finteractive\u002Flens","3.components\u002Finteractive\u002Flens",{"title":805,"path":806,"stem":807},"Morph Icon","\u002Fcomponents\u002Finteractive\u002Fmorph-icon","3.components\u002Finteractive\u002Fmorph-icon",{"title":809,"path":810,"stem":811},"Morph Surface","\u002Fcomponents\u002Finteractive\u002Fmorph-surface","3.components\u002Finteractive\u002Fmorph-surface",{"title":813,"path":814,"stem":815},"Shape-shift dialog","\u002Fcomponents\u002Finteractive\u002Fmorphing-dialog","3.components\u002Finteractive\u002Fmorphing-dialog",{"title":817,"path":818,"stem":819},"Shape-shift popover","\u002Fcomponents\u002Finteractive\u002Fmorphing-popover","3.components\u002Finteractive\u002Fmorphing-popover",{"title":821,"path":822,"stem":823},"Notification Badge","\u002Fcomponents\u002Finteractive\u002Fnotification-badge","3.components\u002Finteractive\u002Fnotification-badge",{"title":825,"path":826,"stem":827},"Orbital Image Wheel","\u002Fcomponents\u002Finteractive\u002Forbital-image-wheel","3.components\u002Finteractive\u002Forbital-image-wheel",{"title":829,"path":830,"stem":831},"Phototab","\u002Fcomponents\u002Finteractive\u002Fphototab","3.components\u002Finteractive\u002Fphototab",{"title":833,"path":834,"stem":835},"Pinned List","\u002Fcomponents\u002Finteractive\u002Fpinned-list","3.components\u002Finteractive\u002Fpinned-list",{"title":837,"path":838,"stem":839},"Pixel Brush Canvas","\u002Fcomponents\u002Finteractive\u002Fpixel-brush-canvas","3.components\u002Finteractive\u002Fpixel-brush-canvas",{"title":841,"path":842,"stem":843},"Power Off Slide","\u002Fcomponents\u002Finteractive\u002Fpower-off-slide","3.components\u002Finteractive\u002Fpower-off-slide",{"title":845,"path":846,"stem":847},"Rich Popover","\u002Fcomponents\u002Finteractive\u002Frich-popover","3.components\u002Finteractive\u002Frich-popover",{"title":849,"path":850,"stem":851},"Scratch to Reveal","\u002Fcomponents\u002Finteractive\u002Fscratch-to-reveal","3.components\u002Finteractive\u002Fscratch-to-reveal",{"title":853,"path":854,"stem":855},"Time Machine Stack","\u002Fcomponents\u002Finteractive\u002Ftime-machine-stack","3.components\u002Finteractive\u002Ftime-machine-stack",{"title":857,"path":858,"stem":859},"Unlock Face ID","\u002Fcomponents\u002Finteractive\u002Funlock-face-id","3.components\u002Finteractive\u002Funlock-face-id",{"title":861,"path":862,"stem":863},"User Account Avatar","\u002Fcomponents\u002Finteractive\u002Fuser-account-avatar","3.components\u002Finteractive\u002Fuser-account-avatar",{"title":865,"path":866,"stem":867},"Vector Editor Toolbar","\u002Fcomponents\u002Finteractive\u002Fvector-editor-toolbar","3.components\u002Finteractive\u002Fvector-editor-toolbar",{"title":869,"path":870,"stem":871},"Video Modal","\u002Fcomponents\u002Finteractive\u002Fvideo-modal","3.components\u002Finteractive\u002Fvideo-modal",{"title":873,"path":874,"stem":875},"Zoomable Image","\u002Fcomponents\u002Finteractive\u002Fzoomable-image","3.components\u002Finteractive\u002Fzoomable-image",{"title":877,"icon":878,"path":879,"stem":880,"children":881,"page":61},"Layout","i-lucide-layout-grid","\u002Fcomponents\u002Flayout","3.components\u002Flayout",[882,886,890,894,898,902],{"title":883,"path":884,"stem":885},"Android","\u002Fcomponents\u002Flayout\u002Fandroid","3.components\u002Flayout\u002Fandroid",{"title":887,"path":888,"stem":889},"Animated Group","\u002Fcomponents\u002Flayout\u002Fanimated-group","3.components\u002Flayout\u002Fanimated-group",{"title":891,"path":892,"stem":893},"Breakpoint Indicator","\u002Fcomponents\u002Flayout\u002Fbreakpoint-indicator","3.components\u002Flayout\u002Fbreakpoint-indicator",{"title":895,"path":896,"stem":897},"Collision","\u002Fcomponents\u002Flayout\u002Fcollision","3.components\u002Flayout\u002Fcollision",{"title":899,"path":900,"stem":901},"iPhone 15 Pro","\u002Fcomponents\u002Flayout\u002Fiphone-15-pro","3.components\u002Flayout\u002Fiphone-15-pro",{"title":903,"path":904,"stem":905},"Safari","\u002Fcomponents\u002Flayout\u002Fsafari","3.components\u002Flayout\u002Fsafari",{"title":907,"icon":908,"path":909,"stem":910,"children":911,"page":61},"Loaders & Progress","i-lucide-loader-circle","\u002Fcomponents\u002Floaders","3.components\u002Floaders",[912,916,920,924,928,932],{"title":913,"path":914,"stem":915},"AI Loader","\u002Fcomponents\u002Floaders\u002Fai-loader","3.components\u002Floaders\u002Fai-loader",{"title":917,"path":918,"stem":919},"Circular Progress","\u002Fcomponents\u002Floaders\u002Fcircular-progress","3.components\u002Floaders\u002Fcircular-progress",{"title":921,"path":922,"stem":923},"Content Skeleton","\u002Fcomponents\u002Floaders\u002Fcontent-skeleton","3.components\u002Floaders\u002Fcontent-skeleton",{"title":925,"path":926,"stem":927},"Grid Loader","\u002Fcomponents\u002Floaders\u002Fgrid-loader","3.components\u002Floaders\u002Fgrid-loader",{"title":929,"path":930,"stem":931},"Motion Loader","\u002Fcomponents\u002Floaders\u002Fmotion-loader","3.components\u002Floaders\u002Fmotion-loader",{"title":933,"path":934,"stem":935},"Page Preloader","\u002Fcomponents\u002Floaders\u002Fpage-preloader","3.components\u002Floaders\u002Fpage-preloader",{"title":937,"icon":938,"path":939,"stem":940,"children":941,"page":61},"Interaction & Movement","i-lucide-move","\u002Fcomponents\u002Fmovement","3.components\u002Fmovement",[942,946,950,954,958,962,966],{"title":943,"path":944,"stem":945},"Cursor","\u002Fcomponents\u002Fmovement\u002Fcursor","3.components\u002Fmovement\u002Fcursor",{"title":947,"path":948,"stem":949},"Cursor Follow","\u002Fcomponents\u002Fmovement\u002Fcursor-follow","3.components\u002Fmovement\u002Fcursor-follow",{"title":951,"path":952,"stem":953},"Cursor Image Trail","\u002Fcomponents\u002Fmovement\u002Fcursor-image-trail","3.components\u002Fmovement\u002Fcursor-image-trail",{"title":955,"path":956,"stem":957},"Force Dot","\u002Fcomponents\u002Fmovement\u002Fforce-dot","3.components\u002Fmovement\u002Fforce-dot",{"title":959,"path":960,"stem":961},"Magnetic","\u002Fcomponents\u002Fmovement\u002Fmagnetic","3.components\u002Fmovement\u002Fmagnetic",{"title":963,"path":964,"stem":965},"Magnetic Field","\u002Fcomponents\u002Fmovement\u002Fmagnetic-field","3.components\u002Fmovement\u002Fmagnetic-field",{"title":967,"path":968,"stem":969},"Tilt","\u002Fcomponents\u002Fmovement\u002Ftilt","3.components\u002Fmovement\u002Ftilt",{"title":971,"icon":972,"path":973,"stem":974,"children":975,"page":61},"Navigation & Toolbars","i-lucide-menu","\u002Fcomponents\u002Fnavigation","3.components\u002Fnavigation",[976,980,984,988,992,996,1000],{"title":977,"path":978,"stem":979},"Breadcrumb","\u002Fcomponents\u002Fnavigation\u002Fbreadcrumb","3.components\u002Fnavigation\u002Fbreadcrumb",{"title":981,"path":982,"stem":983},"Expandable Navbar","\u002Fcomponents\u002Fnavigation\u002Fexpandable-navbar","3.components\u002Fnavigation\u002Fexpandable-navbar",{"title":985,"path":986,"stem":987},"File Tree","\u002Fcomponents\u002Fnavigation\u002Ffile-tree","3.components\u002Fnavigation\u002Ffile-tree",{"title":989,"path":990,"stem":991},"Floating Navbar","\u002Fcomponents\u002Fnavigation\u002Ffloating-navbar","3.components\u002Fnavigation\u002Ffloating-navbar",{"title":993,"path":994,"stem":995},"Pagination","\u002Fcomponents\u002Fnavigation\u002Fpagination","3.components\u002Fnavigation\u002Fpagination",{"title":997,"path":998,"stem":999},"Toolbar adaptive","\u002Fcomponents\u002Fnavigation\u002Ftoolbar-dynamic","3.components\u002Fnavigation\u002Ftoolbar-dynamic",{"title":1001,"path":1002,"stem":1003},"Toolbar collapsible","\u002Fcomponents\u002Fnavigation\u002Ftoolbar-expandable","3.components\u002Fnavigation\u002Ftoolbar-expandable",{"title":1005,"icon":1006,"path":1007,"stem":1008,"children":1009,"page":61},"Scroll & Viewport","i-lucide-scroll-text","\u002Fcomponents\u002Fscroll","3.components\u002Fscroll",[1010,1014,1018,1022,1026,1030,1034,1038],{"title":1011,"path":1012,"stem":1013},"In View","\u002Fcomponents\u002Fscroll\u002Fin-view","3.components\u002Fscroll\u002Fin-view",{"title":1015,"path":1016,"stem":1017},"Infinite Slider","\u002Fcomponents\u002Fscroll\u002Finfinite-slider","3.components\u002Fscroll\u002Finfinite-slider",{"title":1019,"path":1020,"stem":1021},"Kinetic Type Scroll","\u002Fcomponents\u002Fscroll\u002Fkinetic-type-scroll","3.components\u002Fscroll\u002Fkinetic-type-scroll",{"title":1023,"path":1024,"stem":1025},"Marquee","\u002Fcomponents\u002Fscroll\u002Fmarquee","3.components\u002Fscroll\u002Fmarquee",{"title":1027,"path":1028,"stem":1029},"Scroll Image Reveal","\u002Fcomponents\u002Fscroll\u002Fscroll-image-reveal","3.components\u002Fscroll\u002Fscroll-image-reveal",{"title":1031,"path":1032,"stem":1033},"Scroll Progress","\u002Fcomponents\u002Fscroll\u002Fscroll-progress","3.components\u002Fscroll\u002Fscroll-progress",{"title":1035,"path":1036,"stem":1037},"Scroll Velocity","\u002Fcomponents\u002Fscroll\u002Fscroll-velocity","3.components\u002Fscroll\u002Fscroll-velocity",{"title":1039,"path":1040,"stem":1041},"Svg Draw On Scroll","\u002Fcomponents\u002Fscroll\u002Fsvg-draw-on-scroll","3.components\u002Fscroll\u002Fsvg-draw-on-scroll",{"title":1043,"icon":1044,"path":1045,"stem":1046,"children":1047,"page":61},"Text & Numbers","i-lucide-type","\u002Fcomponents\u002Ftext","3.components\u002Ftext",[1048,1052,1056,1060,1064,1068,1072,1076,1080,1084,1088,1092,1096,1100,1104,1108,1112,1116,1120,1124,1128,1132,1136,1140,1144,1148,1152,1156,1160,1164,1168,1172,1176,1180,1184,1188,1192,1196,1200,1204,1208,1212,1216,1220,1224,1228,1232,1236,1240,1244,1248,1252,1256,1260,1264],{"title":1049,"path":1050,"stem":1051},"Animated Avatar Group","\u002Fcomponents\u002Ftext\u002Fanimated-avatar-group","3.components\u002Ftext\u002Fanimated-avatar-group",{"title":1053,"path":1054,"stem":1055},"Animated List","\u002Fcomponents\u002Ftext\u002Fanimated-list","3.components\u002Ftext\u002Fanimated-list",{"title":1057,"path":1058,"stem":1059},"Animated Number","\u002Fcomponents\u002Ftext\u002Fanimated-number","3.components\u002Ftext\u002Fanimated-number",{"title":1061,"path":1062,"stem":1063},"Blur Out Up","\u002Fcomponents\u002Ftext\u002Fblur-out-up","3.components\u002Ftext\u002Fblur-out-up",{"title":1065,"path":1066,"stem":1067},"Bottom Up Letters","\u002Fcomponents\u002Ftext\u002Fbottom-up-letters","3.components\u002Ftext\u002Fbottom-up-letters",{"title":1069,"path":1070,"stem":1071},"Comic Text","\u002Fcomponents\u002Ftext\u002Fcomic-text","3.components\u002Ftext\u002Fcomic-text",{"title":1073,"path":1074,"stem":1075},"Counting Number","\u002Fcomponents\u002Ftext\u002Fcounting-number","3.components\u002Ftext\u002Fcounting-number",{"title":1077,"path":1078,"stem":1079},"Depth Parallax Words","\u002Fcomponents\u002Ftext\u002Fdepth-parallax-words","3.components\u002Ftext\u002Fdepth-parallax-words",{"title":1081,"path":1082,"stem":1083},"Fade Through","\u002Fcomponents\u002Ftext\u002Ffade-through","3.components\u002Ftext\u002Ffade-through",{"title":1085,"path":1086,"stem":1087},"Focus Blur Resolve","\u002Fcomponents\u002Ftext\u002Ffocus-blur-resolve","3.components\u002Ftext\u002Ffocus-blur-resolve",{"title":1089,"path":1090,"stem":1091},"Gravity Letters","\u002Fcomponents\u002Ftext\u002Fgravity-letters","3.components\u002Ftext\u002Fgravity-letters",{"title":1093,"path":1094,"stem":1095},"Kinetic Center Build","\u002Fcomponents\u002Ftext\u002Fkinetic-center-build","3.components\u002Ftext\u002Fkinetic-center-build",{"title":1097,"path":1098,"stem":1099},"Line By Line Slide","\u002Fcomponents\u002Ftext\u002Fline-by-line-slide","3.components\u002Ftext\u002Fline-by-line-slide",{"title":1101,"path":1102,"stem":1103},"Mask Reveal Up","\u002Fcomponents\u002Ftext\u002Fmask-reveal-up","3.components\u002Ftext\u002Fmask-reveal-up",{"title":1105,"path":1106,"stem":1107},"Micro Scale Fade","\u002Fcomponents\u002Ftext\u002Fmicro-scale-fade","3.components\u002Ftext\u002Fmicro-scale-fade",{"title":1109,"path":1110,"stem":1111},"Number Flow","\u002Fcomponents\u002Ftext\u002Fnumber-flow","3.components\u002Ftext\u002Fnumber-flow",{"title":1113,"path":1114,"stem":1115},"Per Character Rise","\u002Fcomponents\u002Ftext\u002Fper-character-rise","3.components\u002Ftext\u002Fper-character-rise",{"title":1117,"path":1118,"stem":1119},"Per Word Crossfade","\u002Fcomponents\u002Ftext\u002Fper-word-crossfade","3.components\u002Ftext\u002Fper-word-crossfade",{"title":1121,"path":1122,"stem":1123},"Perspective Text 3D","\u002Fcomponents\u002Ftext\u002Fperspective-text-3d","3.components\u002Ftext\u002Fperspective-text-3d",{"title":1125,"path":1126,"stem":1127},"Ransom Note","\u002Fcomponents\u002Ftext\u002Fransom-note","3.components\u002Ftext\u002Fransom-note",{"title":1129,"path":1130,"stem":1131},"Rolling Text","\u002Fcomponents\u002Ftext\u002Frolling-text","3.components\u002Ftext\u002Frolling-text",{"title":1133,"path":1134,"stem":1135},"Scale Down Fade","\u002Fcomponents\u002Ftext\u002Fscale-down-fade","3.components\u002Ftext\u002Fscale-down-fade",{"title":1137,"path":1138,"stem":1139},"Scroll Reveal Paragraph","\u002Fcomponents\u002Ftext\u002Fscroll-reveal-paragraph","3.components\u002Ftext\u002Fscroll-reveal-paragraph",{"title":1141,"path":1142,"stem":1143},"Shared Axis","\u002Fcomponents\u002Ftext\u002Fshared-axis","3.components\u002Ftext\u002Fshared-axis",{"title":1145,"path":1146,"stem":1147},"Shimmer Sweep","\u002Fcomponents\u002Ftext\u002Fshimmer-sweep","3.components\u002Ftext\u002Fshimmer-sweep",{"title":1149,"path":1150,"stem":1151},"Shine Text","\u002Fcomponents\u002Ftext\u002Fshine-text","3.components\u002Ftext\u002Fshine-text",{"title":1153,"path":1154,"stem":1155},"Short Lower in","\u002Fcomponents\u002Ftext\u002Fshort-slide-down","3.components\u002Ftext\u002Fshort-slide-down",{"title":1157,"path":1158,"stem":1159},"Short Slide Right","\u002Fcomponents\u002Ftext\u002Fshort-slide-right","3.components\u002Ftext\u002Fshort-slide-right",{"title":1161,"path":1162,"stem":1163},"Sliding Number","\u002Fcomponents\u002Ftext\u002Fsliding-number","3.components\u002Ftext\u002Fsliding-number",{"title":1165,"path":1166,"stem":1167},"Soft Blur In","\u002Fcomponents\u002Ftext\u002Fsoft-blur-in","3.components\u002Ftext\u002Fsoft-blur-in",{"title":1169,"path":1170,"stem":1171},"Sparkles Text","\u002Fcomponents\u002Ftext\u002Fsparkles-text","3.components\u002Ftext\u002Fsparkles-text",{"title":1173,"path":1174,"stem":1175},"Spinning Text","\u002Fcomponents\u002Ftext\u002Fspinning-text","3.components\u002Ftext\u002Fspinning-text",{"title":1177,"path":1178,"stem":1179},"Spring Scale In","\u002Fcomponents\u002Ftext\u002Fspring-scale-in","3.components\u002Ftext\u002Fspring-scale-in",{"title":1181,"path":1182,"stem":1183},"Stagger From Center","\u002Fcomponents\u002Ftext\u002Fstagger-from-center","3.components\u002Ftext\u002Fstagger-from-center",{"title":1185,"path":1186,"stem":1187},"Stagger From Edges","\u002Fcomponents\u002Ftext\u002Fstagger-from-edges","3.components\u002Ftext\u002Fstagger-from-edges",{"title":1189,"path":1190,"stem":1191},"Text Animate","\u002Fcomponents\u002Ftext\u002Ftext-animate","3.components\u002Ftext\u002Ftext-animate",{"title":1193,"path":1194,"stem":1195},"Text motion","\u002Fcomponents\u002Ftext\u002Ftext-effect","3.components\u002Ftext\u002Ftext-effect",{"title":1197,"path":1198,"stem":1199},"Text Glitch","\u002Fcomponents\u002Ftext\u002Ftext-glitch","3.components\u002Ftext\u002Ftext-glitch",{"title":1201,"path":1202,"stem":1203},"Text Glitch New","\u002Fcomponents\u002Ftext\u002Ftext-glitch-new","3.components\u002Ftext\u002Ftext-glitch-new",{"title":1205,"path":1206,"stem":1207},"Text Gradient","\u002Fcomponents\u002Ftext\u002Ftext-gradient","3.components\u002Ftext\u002Ftext-gradient",{"title":1209,"path":1210,"stem":1211},"Text Highlighter","\u002Fcomponents\u002Ftext\u002Ftext-highlighter","3.components\u002Ftext\u002Ftext-highlighter",{"title":1213,"path":1214,"stem":1215},"Text Loop","\u002Fcomponents\u002Ftext\u002Ftext-loop","3.components\u002Ftext\u002Ftext-loop",{"title":1217,"path":1218,"stem":1219},"Text Morph","\u002Fcomponents\u002Ftext\u002Ftext-morph","3.components\u002Ftext\u002Ftext-morph",{"title":1221,"path":1222,"stem":1223},"Text Reveal","\u002Fcomponents\u002Ftext\u002Ftext-reveal","3.components\u002Ftext\u002Ftext-reveal",{"title":1225,"path":1226,"stem":1227},"Text Roll","\u002Fcomponents\u002Ftext\u002Ftext-roll","3.components\u002Ftext\u002Ftext-roll",{"title":1229,"path":1230,"stem":1231},"Text Scramble","\u002Fcomponents\u002Ftext\u002Ftext-scramble","3.components\u002Ftext\u002Ftext-scramble",{"title":1233,"path":1234,"stem":1235},"Text Shimmer","\u002Fcomponents\u002Ftext\u002Ftext-shimmer","3.components\u002Ftext\u002Ftext-shimmer",{"title":1237,"path":1238,"stem":1239},"Text Shimmer Wave","\u002Fcomponents\u002Ftext\u002Ftext-shimmer-wave","3.components\u002Ftext\u002Ftext-shimmer-wave",{"title":1241,"path":1242,"stem":1243},"Top Down Letters","\u002Fcomponents\u002Ftext\u002Ftop-down-letters","3.components\u002Ftext\u002Ftop-down-letters",{"title":1245,"path":1246,"stem":1247},"True Focus","\u002Fcomponents\u002Ftext\u002Ftrue-focus","3.components\u002Ftext\u002Ftrue-focus",{"title":1249,"path":1250,"stem":1251},"Typing Text","\u002Fcomponents\u002Ftext\u002Ftyping-text","3.components\u002Ftext\u002Ftyping-text",{"title":1253,"path":1254,"stem":1255},"Variable Proximity","\u002Fcomponents\u002Ftext\u002Fvariable-proximity","3.components\u002Ftext\u002Fvariable-proximity",{"title":1257,"path":1258,"stem":1259},"Video Text","\u002Fcomponents\u002Ftext\u002Fvideo-text","3.components\u002Ftext\u002Fvideo-text",{"title":1261,"path":1262,"stem":1263},"Wave Text","\u002Fcomponents\u002Ftext\u002Fwave-text","3.components\u002Ftext\u002Fwave-text",{"title":1265,"path":1266,"stem":1267},"Word Rotate","\u002Fcomponents\u002Ftext\u002Fword-rotate","3.components\u002Ftext\u002Fword-rotate",{"title":1269,"icon":1270,"path":1271,"stem":1272,"children":1273,"page":61},"Transitions","i-lucide-git-compare","\u002Fcomponents\u002Ftransitions","3.components\u002Ftransitions",[1274,1278,1282,1286,1290,1294],{"title":1275,"path":1276,"stem":1277},"Aperture Blur Transition","\u002Fcomponents\u002Ftransitions\u002Faperture-blur-transition","3.components\u002Ftransitions\u002Faperture-blur-transition",{"title":1279,"path":1280,"stem":1281},"Chroma Blur Transition","\u002Fcomponents\u002Ftransitions\u002Fchroma-blur-transition","3.components\u002Ftransitions\u002Fchroma-blur-transition",{"title":1283,"path":1284,"stem":1285},"Prism Sweep Transition","\u002Fcomponents\u002Ftransitions\u002Fprism-sweep-transition","3.components\u002Ftransitions\u002Fprism-sweep-transition",{"title":1287,"path":1288,"stem":1289},"SDF Blob Transition","\u002Fcomponents\u002Ftransitions\u002Fsdf-blob-transition","3.components\u002Ftransitions\u002Fsdf-blob-transition",{"title":1291,"path":1292,"stem":1293},"Shader Reveal Transition","\u002Fcomponents\u002Ftransitions\u002Fshader-reveal-transition","3.components\u002Ftransitions\u002Fshader-reveal-transition",{"title":1295,"path":1296,"stem":1297},"Transition Panel","\u002Fcomponents\u002Ftransitions\u002Ftransition-panel","3.components\u002Ftransitions\u002Ftransition-panel",{"title":1299,"path":1300,"stem":1301,"children":1302,"icon":1320},"Composables","\u002Fcomposables","4.composables\u002Findex",[1303,1304,1308,1312,1316],{"title":1299,"path":1300,"stem":1301},{"title":1305,"path":1306,"stem":1307},"useCanvasCursor","\u002Fcomposables\u002Fuse-canvas-cursor","4.composables\u002Fuse-canvas-cursor",{"title":1309,"path":1310,"stem":1311},"useFluidCursor","\u002Fcomposables\u002Fuse-fluid-cursor","4.composables\u002Fuse-fluid-cursor",{"title":1313,"path":1314,"stem":1315},"useMotionBlockUI","\u002Fcomposables\u002Fuse-motion-block-ui","4.composables\u002Fuse-motion-block-ui",{"title":1317,"path":1318,"stem":1319},"useThemeColor","\u002Fcomposables\u002Fuse-theme-color","4.composables\u002Fuse-theme-color","i-lucide-puzzle",{"title":1322,"path":1323,"stem":1324,"children":1325,"icon":1327},"Guides","\u002Fguides","5.guides\u002Findex",[1326],{"title":1322,"path":1323,"stem":1324},"i-lucide-book-open",{"title":1329,"icon":1330,"path":1331,"stem":1332,"children":1333},"Blocks","i-lucide-blocks","\u002Fblocks","6.blocks",[1334,1336,1349,1358,1371,1384,1400,1413,1422,1431,1444,1453,1466,1475],{"title":1329,"path":1331,"stem":1335},"6.blocks\u002Findex",{"title":1337,"path":1338,"stem":1339,"children":1340,"page":61},"Blog","\u002Fblocks\u002Fblog","6.blocks\u002Fblog",[1341,1345],{"title":1342,"path":1343,"stem":1344},"Article Page","\u002Fblocks\u002Fblog\u002Farticle-page","6.blocks\u002Fblog\u002Farticle-page",{"title":1346,"path":1347,"stem":1348},"Blog Listing","\u002Fblocks\u002Fblog\u002Fblog-listing","6.blocks\u002Fblog\u002Fblog-listing",{"title":1350,"path":1351,"stem":1352,"children":1353,"page":61},"Cta","\u002Fblocks\u002Fcta","6.blocks\u002Fcta",[1354],{"title":1355,"path":1356,"stem":1357},"Centered CTA","\u002Fblocks\u002Fcta\u002Fcentered-cta","6.blocks\u002Fcta\u002Fcentered-cta",{"title":1359,"path":1360,"stem":1361,"children":1362,"page":61},"Dashboard Components","\u002Fblocks\u002Fdashboard-components","6.blocks\u002Fdashboard-components",[1363,1367],{"title":1364,"path":1365,"stem":1366},"Analytics Dashboard","\u002Fblocks\u002Fdashboard-components\u002Fanalytics-dashboard","6.blocks\u002Fdashboard-components\u002Fanalytics-dashboard",{"title":1368,"path":1369,"stem":1370},"User Management Table","\u002Fblocks\u002Fdashboard-components\u002Fuser-management","6.blocks\u002Fdashboard-components\u002Fuser-management",{"title":1372,"path":1373,"stem":1374,"children":1375,"page":61},"E Commerce","\u002Fblocks\u002Fe-commerce","6.blocks\u002Fe-commerce",[1376,1380],{"title":1377,"path":1378,"stem":1379},"Product Grid","\u002Fblocks\u002Fe-commerce\u002Fproduct-grid","6.blocks\u002Fe-commerce\u002Fproduct-grid",{"title":1381,"path":1382,"stem":1383},"Shopping Cart","\u002Fblocks\u002Fe-commerce\u002Fshopping-cart","6.blocks\u002Fe-commerce\u002Fshopping-cart",{"title":1385,"path":1386,"stem":1387,"children":1388,"page":61},"Featured Components","\u002Fblocks\u002Ffeatured-components","6.blocks\u002Ffeatured-components",[1389,1393,1396],{"title":1390,"path":1391,"stem":1392},"Animated Gradient","\u002Fblocks\u002Ffeatured-components\u002Fanimated-gradient","6.blocks\u002Ffeatured-components\u002Fanimated-gradient",{"title":167,"path":1394,"stem":1395},"\u002Fblocks\u002Ffeatured-components\u002Fanimated-spotlight","6.blocks\u002Ffeatured-components\u002Fanimated-spotlight",{"title":1397,"path":1398,"stem":1399},"Ripple Effect","\u002Fblocks\u002Ffeatured-components\u002Fripple-effect","6.blocks\u002Ffeatured-components\u002Fripple-effect",{"title":1401,"path":1402,"stem":1403,"children":1404,"page":61},"Features","\u002Fblocks\u002Ffeatures","6.blocks\u002Ffeatures",[1405,1409],{"title":1406,"path":1407,"stem":1408},"Feature Grid","\u002Fblocks\u002Ffeatures\u002Ffeature-grid","6.blocks\u002Ffeatures\u002Ffeature-grid",{"title":1410,"path":1411,"stem":1412},"Glare Card Features","\u002Fblocks\u002Ffeatures\u002Fglare-card-features","6.blocks\u002Ffeatures\u002Fglare-card-features",{"title":1414,"path":1415,"stem":1416,"children":1417,"page":61},"Footers","\u002Fblocks\u002Ffooters","6.blocks\u002Ffooters",[1418],{"title":1419,"path":1420,"stem":1421},"Multi-column Footer","\u002Fblocks\u002Ffooters\u002Fmulti-column-footer","6.blocks\u002Ffooters\u002Fmulti-column-footer",{"title":1423,"path":1424,"stem":1425,"children":1426,"page":61},"Hero Sections","\u002Fblocks\u002Fhero-sections","6.blocks\u002Fhero-sections",[1427],{"title":1428,"path":1429,"stem":1430},"Gradient Hero","\u002Fblocks\u002Fhero-sections\u002Fgradient-hero","6.blocks\u002Fhero-sections\u002Fgradient-hero",{"title":1432,"path":1433,"stem":1434,"children":1435,"page":61},"Landing Page","\u002Fblocks\u002Flanding-page","6.blocks\u002Flanding-page",[1436,1440],{"title":1437,"path":1438,"stem":1439},"Feature Showcase","\u002Fblocks\u002Flanding-page\u002Ffeature-showcase","6.blocks\u002Flanding-page\u002Ffeature-showcase",{"title":1441,"path":1442,"stem":1443},"Testimonial Carousel","\u002Fblocks\u002Flanding-page\u002Ftestimonial-carousel","6.blocks\u002Flanding-page\u002Ftestimonial-carousel",{"title":1445,"path":1446,"stem":1447,"children":1448,"page":61},"Navigation","\u002Fblocks\u002Fnavigation","6.blocks\u002Fnavigation",[1449],{"title":1450,"path":1451,"stem":1452},"Modern Navbar","\u002Fblocks\u002Fnavigation\u002Fmodern-navbar","6.blocks\u002Fnavigation\u002Fmodern-navbar",{"title":1454,"path":1455,"stem":1456,"children":1457,"page":61},"Portfolio","\u002Fblocks\u002Fportfolio","6.blocks\u002Fportfolio",[1458,1462],{"title":1459,"path":1460,"stem":1461},"Case Study","\u002Fblocks\u002Fportfolio\u002Fcase-study","6.blocks\u002Fportfolio\u002Fcase-study",{"title":1463,"path":1464,"stem":1465},"Project Gallery","\u002Fblocks\u002Fportfolio\u002Fproject-gallery","6.blocks\u002Fportfolio\u002Fproject-gallery",{"title":1467,"path":1468,"stem":1469,"children":1470,"page":61},"Pricing","\u002Fblocks\u002Fpricing","6.blocks\u002Fpricing",[1471],{"title":1472,"path":1473,"stem":1474},"Pricing Cards","\u002Fblocks\u002Fpricing\u002Fpricing-cards","6.blocks\u002Fpricing\u002Fpricing-cards",{"title":1476,"path":1477,"stem":1478,"children":1479,"page":61},"Testimonials","\u002Fblocks\u002Ftestimonials","6.blocks\u002Ftestimonials",[1480],{"title":1441,"path":1481,"stem":1482},"\u002Fblocks\u002Ftestimonials\u002Ftestimonial-carousel","6.blocks\u002Ftestimonials\u002Ftestimonial-carousel",{"title":1484,"icon":1485,"path":1486,"stem":1487,"children":1488},"Templates","i-lucide-layout-template","\u002Ftemplates","7.templates",[1489,1491,1495,1499,1503],{"title":1484,"path":1486,"stem":1490},"7.templates\u002Findex",{"title":1492,"path":1493,"stem":1494},"Basic Landing Page","\u002Ftemplates\u002Fbasic-landing-page","7.templates\u002F2.basic-landing-page",{"title":1496,"path":1497,"stem":1498},"SaaS Landing Page","\u002Ftemplates\u002Fsaas-landing-page","7.templates\u002F3.saas-landing-page",{"title":1500,"path":1501,"stem":1502},"E-commerce Landing Page","\u002Ftemplates\u002Fecommerce-landing-page","7.templates\u002F4.ecommerce-landing-page",{"title":1504,"path":1505,"stem":1506},"Creative Agency Landing Page","\u002Ftemplates\u002Fcreative-agency-landing-page","7.templates\u002F5.creative-agency-landing-page",{"title":1508,"path":1509,"stem":1510,"children":1511,"icon":1513},"API Reference","\u002Fapi-reference","8.api-reference\u002Findex",[1512],{"title":1508,"path":1509,"stem":1510},"i-lucide-braces",{"id":1515,"title":627,"body":1516,"description":2800,"extension":2801,"links":2802,"meta":2803,"navigation":1711,"path":628,"seo":2804,"stem":629,"__hash__":2805},"docs\u002F3.components\u002Fforms\u002Fanimated-stepper.md",{"type":1517,"value":1518,"toc":2790},"minimark",[1519,1531,1547,1554,1558,1587,2318,2322,2336,2340,2442,2477,2481,2508,2512,2539,2577,2580,2597,2603,2608,2612,2643,2662,2676,2680,2744,2786],[1520,1521,1522,1526,1527,1530],"p",{},[1523,1524,1525],"code",{},"UStepper"," with the content panel animated. When the step changes, the outgoing\npanel exits and the incoming one enters with a 20px horizontal offset — to the\nright when moving forward, to the left when moving back — on a\n",[1523,1528,1529],{},"{ stiffness: 300, damping: 25 }"," spring, cross-faded over the top of each other.",[1520,1532,1533,1534,1537,1538,1541,1542,1546],{},"The direction is not guessed at render time. A ",[1523,1535,1536],{},"flush: 'sync'"," watcher on\n",[1523,1539,1540],{},"modelValue"," records the sign of the change ",[1543,1544,1545],"em",{},"before"," the new value reaches the\nDOM, which is why stepping backwards enters from the left rather than briefly\nsliding in from the right and correcting.",[1520,1548,1549,1550,1553],{},"Everything above the panel is Reka UI's stepper, untouched: the progress header,\nthe icons, the separators, the titles and descriptions, and the roving arrow-key\nfocus. What the component adds is the transition inside ",[1523,1551,1552],{},"#content",".",[1555,1556,16],"h2",{"id":1557},"usage",[1520,1559,1560,1563,1564,1566,1567,1571,1572,1574,1575,1578,1579,1582,1583,1586],{},[1523,1561,1562],{},"items"," is required. Set ",[1523,1565,1540],{}," to the ",[1568,1569,1570],"strong",{},"index"," of the active step, not a\nkey — ",[1523,1573,1525],{}," matches on index here because the component renumbers each item\nwith ",[1523,1576,1577],{},"value: i",". Supply ",[1523,1580,1581],{},"content"," per item for the default body text, or override\nan individual step with a ",[1523,1584,1585],{},"step-0","-style slot.",[1588,1589,1591,1604],"code-preview",{"label":1590},"Preview",[1592,1593,1599,1600],"div",{"className":1594},[1595,1596,1597,1598],"flex","justify-center","w-full","h-full","  ",[1601,1602],"component-example",{"name":1603},"animated-stepper-basic",[1605,1606,1608],"template",{"v-slot:code":1607},"",[1609,1610,1614],"pre",{"className":1611,"code":1612,"language":1613,"meta":1607,"style":1607},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003Cdiv class=\"flex w-full max-w-lg flex-col gap-6\">\n    \u003CMAnimatedStepper\n      v-model=\"step\"\n      :items=\"steps\"\n    \u002F>\n\n    \u003Cdiv class=\"flex items-center justify-between gap-3\">\n      \u003CUButton\n        label=\"Back\"\n        variant=\"outline\"\n        color=\"neutral\"\n        :disabled=\"step === 0\"\n        @click=\"step = Math.max(0, step - 1)\"\n      \u002F>\n      \u003CUButton\n        :label=\"step === steps.length - 1 ? 'Finish' : 'Continue'\"\n        @click=\"step = Math.min(steps.length - 1, step + 1)\"\n      \u002F>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nconst step = ref(0)\n\nconst steps = [\n  {\n    title: 'Account',\n    description: 'Email and password',\n    icon: 'i-lucide-user',\n    content: 'Create the account your team will sign in with. Password rules are checked as you type.',\n  },\n  {\n    title: 'Workspace',\n    description: 'Name and region',\n    icon: 'i-lucide-building',\n    content: 'Pick a region close to your users. You can move a workspace later without downtime.',\n  },\n  {\n    title: 'Invite',\n    description: 'Bring teammates in',\n    icon: 'i-lucide-users',\n    content: 'Invite teammates by email. Invites expire after seven days.',\n  },\n]\n\u003C\u002Fscript>\n","vue",[1523,1615,1616,1631,1657,1666,1683,1700,1706,1713,1733,1742,1757,1772,1787,1811,1859,1865,1872,1921,1968,1973,1983,1993,2003,2008,2033,2054,2059,2072,2078,2098,2115,2132,2149,2155,2160,2176,2192,2208,2224,2229,2234,2250,2266,2282,2298,2303,2309],{"__ignoreMap":1607},[1617,1618,1621,1625,1628],"span",{"class":1619,"line":1620},"line",1,[1617,1622,1624],{"class":1623},"sMK4o","\u003C",[1617,1626,1605],{"class":1627},"swJcz",[1617,1629,1630],{"class":1623},">\n",[1617,1632,1634,1637,1639,1643,1646,1649,1653,1655],{"class":1619,"line":1633},2,[1617,1635,1636],{"class":1623},"  \u003C",[1617,1638,1592],{"class":1627},[1617,1640,1642],{"class":1641},"spNyl"," class",[1617,1644,1645],{"class":1623},"=",[1617,1647,1648],{"class":1623},"\"",[1617,1650,1652],{"class":1651},"sfazB","flex w-full max-w-lg flex-col gap-6",[1617,1654,1648],{"class":1623},[1617,1656,1630],{"class":1623},[1617,1658,1660,1663],{"class":1619,"line":1659},3,[1617,1661,1662],{"class":1623},"    \u003C",[1617,1664,1665],{"class":1627},"MAnimatedStepper\n",[1617,1667,1669,1672,1674,1676,1680],{"class":1619,"line":1668},4,[1617,1670,1671],{"class":1641},"      v-model",[1617,1673,1645],{"class":1623},[1617,1675,1648],{"class":1623},[1617,1677,1679],{"class":1678},"sTEyZ","step",[1617,1681,1682],{"class":1623},"\"\n",[1617,1684,1686,1689,1691,1693,1695,1698],{"class":1619,"line":1685},5,[1617,1687,1688],{"class":1623},"      :",[1617,1690,1562],{"class":1641},[1617,1692,1645],{"class":1623},[1617,1694,1648],{"class":1623},[1617,1696,1697],{"class":1678},"steps",[1617,1699,1682],{"class":1623},[1617,1701,1703],{"class":1619,"line":1702},6,[1617,1704,1705],{"class":1623},"    \u002F>\n",[1617,1707,1709],{"class":1619,"line":1708},7,[1617,1710,1712],{"emptyLinePlaceholder":1711},true,"\n",[1617,1714,1716,1718,1720,1722,1724,1726,1729,1731],{"class":1619,"line":1715},8,[1617,1717,1662],{"class":1623},[1617,1719,1592],{"class":1627},[1617,1721,1642],{"class":1641},[1617,1723,1645],{"class":1623},[1617,1725,1648],{"class":1623},[1617,1727,1728],{"class":1651},"flex items-center justify-between gap-3",[1617,1730,1648],{"class":1623},[1617,1732,1630],{"class":1623},[1617,1734,1736,1739],{"class":1619,"line":1735},9,[1617,1737,1738],{"class":1623},"      \u003C",[1617,1740,1741],{"class":1627},"UButton\n",[1617,1743,1745,1748,1750,1752,1755],{"class":1619,"line":1744},10,[1617,1746,1747],{"class":1641},"        label",[1617,1749,1645],{"class":1623},[1617,1751,1648],{"class":1623},[1617,1753,1754],{"class":1651},"Back",[1617,1756,1682],{"class":1623},[1617,1758,1760,1763,1765,1767,1770],{"class":1619,"line":1759},11,[1617,1761,1762],{"class":1641},"        variant",[1617,1764,1645],{"class":1623},[1617,1766,1648],{"class":1623},[1617,1768,1769],{"class":1651},"outline",[1617,1771,1682],{"class":1623},[1617,1773,1775,1778,1780,1782,1785],{"class":1619,"line":1774},12,[1617,1776,1777],{"class":1641},"        color",[1617,1779,1645],{"class":1623},[1617,1781,1648],{"class":1623},[1617,1783,1784],{"class":1651},"neutral",[1617,1786,1682],{"class":1623},[1617,1788,1790,1793,1796,1798,1800,1802,1805,1809],{"class":1619,"line":1789},13,[1617,1791,1792],{"class":1623},"        :",[1617,1794,1795],{"class":1641},"disabled",[1617,1797,1645],{"class":1623},[1617,1799,1648],{"class":1623},[1617,1801,1679],{"class":1678},[1617,1803,1804],{"class":1623}," === ",[1617,1806,1808],{"class":1807},"sbssI","0",[1617,1810,1682],{"class":1623},[1617,1812,1814,1817,1820,1822,1824,1826,1829,1832,1834,1838,1841,1843,1846,1848,1851,1854,1857],{"class":1619,"line":1813},14,[1617,1815,1816],{"class":1623},"        @",[1617,1818,1819],{"class":1641},"click",[1617,1821,1645],{"class":1623},[1617,1823,1648],{"class":1623},[1617,1825,1679],{"class":1678},[1617,1827,1828],{"class":1623}," = ",[1617,1830,1831],{"class":1678},"Math",[1617,1833,1553],{"class":1623},[1617,1835,1837],{"class":1836},"s2Zo4","max",[1617,1839,1840],{"class":1623},"(",[1617,1842,1808],{"class":1807},[1617,1844,1845],{"class":1623},", ",[1617,1847,1679],{"class":1678},[1617,1849,1850],{"class":1623}," - ",[1617,1852,1853],{"class":1807},"1",[1617,1855,1856],{"class":1623},")",[1617,1858,1682],{"class":1623},[1617,1860,1862],{"class":1619,"line":1861},15,[1617,1863,1864],{"class":1623},"      \u002F>\n",[1617,1866,1868,1870],{"class":1619,"line":1867},16,[1617,1869,1738],{"class":1623},[1617,1871,1741],{"class":1627},[1617,1873,1875,1877,1880,1882,1884,1886,1888,1890,1892,1895,1897,1899,1902,1905,1908,1910,1913,1915,1918],{"class":1619,"line":1874},17,[1617,1876,1792],{"class":1623},[1617,1878,1879],{"class":1641},"label",[1617,1881,1645],{"class":1623},[1617,1883,1648],{"class":1623},[1617,1885,1679],{"class":1678},[1617,1887,1804],{"class":1623},[1617,1889,1697],{"class":1678},[1617,1891,1553],{"class":1623},[1617,1893,1894],{"class":1678},"length",[1617,1896,1850],{"class":1623},[1617,1898,1853],{"class":1807},[1617,1900,1901],{"class":1623}," ? ",[1617,1903,1904],{"class":1623},"'",[1617,1906,1907],{"class":1651},"Finish",[1617,1909,1904],{"class":1623},[1617,1911,1912],{"class":1623}," : ",[1617,1914,1904],{"class":1623},[1617,1916,1917],{"class":1651},"Continue",[1617,1919,1920],{"class":1623},"'\"\n",[1617,1922,1924,1926,1928,1930,1932,1934,1936,1938,1940,1943,1945,1947,1949,1951,1953,1955,1957,1959,1962,1964,1966],{"class":1619,"line":1923},18,[1617,1925,1816],{"class":1623},[1617,1927,1819],{"class":1641},[1617,1929,1645],{"class":1623},[1617,1931,1648],{"class":1623},[1617,1933,1679],{"class":1678},[1617,1935,1828],{"class":1623},[1617,1937,1831],{"class":1678},[1617,1939,1553],{"class":1623},[1617,1941,1942],{"class":1836},"min",[1617,1944,1840],{"class":1623},[1617,1946,1697],{"class":1678},[1617,1948,1553],{"class":1623},[1617,1950,1894],{"class":1678},[1617,1952,1850],{"class":1623},[1617,1954,1853],{"class":1807},[1617,1956,1845],{"class":1623},[1617,1958,1679],{"class":1678},[1617,1960,1961],{"class":1623}," + ",[1617,1963,1853],{"class":1807},[1617,1965,1856],{"class":1623},[1617,1967,1682],{"class":1623},[1617,1969,1971],{"class":1619,"line":1970},19,[1617,1972,1864],{"class":1623},[1617,1974,1976,1979,1981],{"class":1619,"line":1975},20,[1617,1977,1978],{"class":1623},"    \u003C\u002F",[1617,1980,1592],{"class":1627},[1617,1982,1630],{"class":1623},[1617,1984,1986,1989,1991],{"class":1619,"line":1985},21,[1617,1987,1988],{"class":1623},"  \u003C\u002F",[1617,1990,1592],{"class":1627},[1617,1992,1630],{"class":1623},[1617,1994,1996,1999,2001],{"class":1619,"line":1995},22,[1617,1997,1998],{"class":1623},"\u003C\u002F",[1617,2000,1605],{"class":1627},[1617,2002,1630],{"class":1623},[1617,2004,2006],{"class":1619,"line":2005},23,[1617,2007,1712],{"emptyLinePlaceholder":1711},[1617,2009,2011,2013,2016,2019,2022,2024,2026,2029,2031],{"class":1619,"line":2010},24,[1617,2012,1624],{"class":1623},[1617,2014,2015],{"class":1627},"script",[1617,2017,2018],{"class":1641}," setup",[1617,2020,2021],{"class":1641}," lang",[1617,2023,1645],{"class":1623},[1617,2025,1648],{"class":1623},[1617,2027,2028],{"class":1651},"ts",[1617,2030,1648],{"class":1623},[1617,2032,1630],{"class":1623},[1617,2034,2036,2039,2042,2044,2047,2049,2051],{"class":1619,"line":2035},25,[1617,2037,2038],{"class":1641},"const",[1617,2040,2041],{"class":1678}," step ",[1617,2043,1645],{"class":1623},[1617,2045,2046],{"class":1836}," ref",[1617,2048,1840],{"class":1678},[1617,2050,1808],{"class":1807},[1617,2052,2053],{"class":1678},")\n",[1617,2055,2057],{"class":1619,"line":2056},26,[1617,2058,1712],{"emptyLinePlaceholder":1711},[1617,2060,2062,2064,2067,2069],{"class":1619,"line":2061},27,[1617,2063,2038],{"class":1641},[1617,2065,2066],{"class":1678}," steps ",[1617,2068,1645],{"class":1623},[1617,2070,2071],{"class":1678}," [\n",[1617,2073,2075],{"class":1619,"line":2074},28,[1617,2076,2077],{"class":1623},"  {\n",[1617,2079,2081,2084,2087,2090,2093,2095],{"class":1619,"line":2080},29,[1617,2082,2083],{"class":1627},"    title",[1617,2085,2086],{"class":1623},":",[1617,2088,2089],{"class":1623}," '",[1617,2091,2092],{"class":1651},"Account",[1617,2094,1904],{"class":1623},[1617,2096,2097],{"class":1623},",\n",[1617,2099,2101,2104,2106,2108,2111,2113],{"class":1619,"line":2100},30,[1617,2102,2103],{"class":1627},"    description",[1617,2105,2086],{"class":1623},[1617,2107,2089],{"class":1623},[1617,2109,2110],{"class":1651},"Email and password",[1617,2112,1904],{"class":1623},[1617,2114,2097],{"class":1623},[1617,2116,2118,2121,2123,2125,2128,2130],{"class":1619,"line":2117},31,[1617,2119,2120],{"class":1627},"    icon",[1617,2122,2086],{"class":1623},[1617,2124,2089],{"class":1623},[1617,2126,2127],{"class":1651},"i-lucide-user",[1617,2129,1904],{"class":1623},[1617,2131,2097],{"class":1623},[1617,2133,2135,2138,2140,2142,2145,2147],{"class":1619,"line":2134},32,[1617,2136,2137],{"class":1627},"    content",[1617,2139,2086],{"class":1623},[1617,2141,2089],{"class":1623},[1617,2143,2144],{"class":1651},"Create the account your team will sign in with. Password rules are checked as you type.",[1617,2146,1904],{"class":1623},[1617,2148,2097],{"class":1623},[1617,2150,2152],{"class":1619,"line":2151},33,[1617,2153,2154],{"class":1623},"  },\n",[1617,2156,2158],{"class":1619,"line":2157},34,[1617,2159,2077],{"class":1623},[1617,2161,2163,2165,2167,2169,2172,2174],{"class":1619,"line":2162},35,[1617,2164,2083],{"class":1627},[1617,2166,2086],{"class":1623},[1617,2168,2089],{"class":1623},[1617,2170,2171],{"class":1651},"Workspace",[1617,2173,1904],{"class":1623},[1617,2175,2097],{"class":1623},[1617,2177,2179,2181,2183,2185,2188,2190],{"class":1619,"line":2178},36,[1617,2180,2103],{"class":1627},[1617,2182,2086],{"class":1623},[1617,2184,2089],{"class":1623},[1617,2186,2187],{"class":1651},"Name and region",[1617,2189,1904],{"class":1623},[1617,2191,2097],{"class":1623},[1617,2193,2195,2197,2199,2201,2204,2206],{"class":1619,"line":2194},37,[1617,2196,2120],{"class":1627},[1617,2198,2086],{"class":1623},[1617,2200,2089],{"class":1623},[1617,2202,2203],{"class":1651},"i-lucide-building",[1617,2205,1904],{"class":1623},[1617,2207,2097],{"class":1623},[1617,2209,2211,2213,2215,2217,2220,2222],{"class":1619,"line":2210},38,[1617,2212,2137],{"class":1627},[1617,2214,2086],{"class":1623},[1617,2216,2089],{"class":1623},[1617,2218,2219],{"class":1651},"Pick a region close to your users. You can move a workspace later without downtime.",[1617,2221,1904],{"class":1623},[1617,2223,2097],{"class":1623},[1617,2225,2227],{"class":1619,"line":2226},39,[1617,2228,2154],{"class":1623},[1617,2230,2232],{"class":1619,"line":2231},40,[1617,2233,2077],{"class":1623},[1617,2235,2237,2239,2241,2243,2246,2248],{"class":1619,"line":2236},41,[1617,2238,2083],{"class":1627},[1617,2240,2086],{"class":1623},[1617,2242,2089],{"class":1623},[1617,2244,2245],{"class":1651},"Invite",[1617,2247,1904],{"class":1623},[1617,2249,2097],{"class":1623},[1617,2251,2253,2255,2257,2259,2262,2264],{"class":1619,"line":2252},42,[1617,2254,2103],{"class":1627},[1617,2256,2086],{"class":1623},[1617,2258,2089],{"class":1623},[1617,2260,2261],{"class":1651},"Bring teammates in",[1617,2263,1904],{"class":1623},[1617,2265,2097],{"class":1623},[1617,2267,2269,2271,2273,2275,2278,2280],{"class":1619,"line":2268},43,[1617,2270,2120],{"class":1627},[1617,2272,2086],{"class":1623},[1617,2274,2089],{"class":1623},[1617,2276,2277],{"class":1651},"i-lucide-users",[1617,2279,1904],{"class":1623},[1617,2281,2097],{"class":1623},[1617,2283,2285,2287,2289,2291,2294,2296],{"class":1619,"line":2284},44,[1617,2286,2137],{"class":1627},[1617,2288,2086],{"class":1623},[1617,2290,2089],{"class":1623},[1617,2292,2293],{"class":1651},"Invite teammates by email. Invites expire after seven days.",[1617,2295,1904],{"class":1623},[1617,2297,2097],{"class":1623},[1617,2299,2301],{"class":1619,"line":2300},45,[1617,2302,2154],{"class":1623},[1617,2304,2306],{"class":1619,"line":2305},46,[1617,2307,2308],{"class":1678},"]\n",[1617,2310,2312,2314,2316],{"class":1619,"line":2311},47,[1617,2313,1998],{"class":1623},[1617,2315,2015],{"class":1627},[1617,2317,1630],{"class":1623},[1555,2319,2321],{"id":2320},"customize","Customize",[1588,2323,2324,2330],{"label":1590},[1592,2325,1599,2327],{"className":2326},[1597],[1601,2328],{"name":2329},"animated-stepper-custom",[1605,2331,2332],{"v-slot:code":1607},[2333,2334],"playground-code",{"name":2335},"AnimatedStepper",[1555,2337,2339],{"id":2338},"props","Props",[2341,2342,2343,2381,2398,2425],"component-props",{},[2344,2345,2348,2349,1845,2352,1845,2355,2358,2359,2361,2362,2364,2365,2367,2368,2370,2371,2373,2374,2376,2377,2380],"component-prop",{"name":1562,"type":2346,":required":2347},"StepItem[]","true","Each entry accepts ",[1523,2350,2351],{},"title",[1523,2353,2354],{},"description",[1523,2356,2357],{},"icon"," (an Iconify name) and\n",[1523,2360,1581],{}," (the default panel text). ",[1523,2363,1879],{}," is accepted as an alias for\n",[1523,2366,2351],{},". ",[1523,2369,1795],{}," disables that step's trigger. The array is renumbered with\n",[1523,2372,1577],{}," before it reaches ",[1523,2375,1525],{},", which is what lets ",[1523,2378,2379],{},"v-model"," be an\nindex.",[2344,2382,2384,2385,2387,2388,2390,2391,2394,2395,2397],{"name":1540,"type":2383,"default":1808},"number","The ",[1568,2386,1570],{}," of the active step. Forwarded to ",[1523,2389,1525],{}," unchanged, so keep it\ninside ",[1523,2392,2393],{},"0..items.length - 1",". This component clamps its own copy for the\nanimation and slot name, but the raw value still reaches ",[1523,2396,1525],{},", and an\nout-of-range index leaves it with no current item.",[2344,2399,2401,2402,2404,2405,2407,2408,2410,2411,2414,2415,2417,2418,2420,2421,2424],{"name":2400,"type":2383},"defaultValue","Forwarded to ",[1523,2403,1525],{},", but it will not set the starting step: ",[1523,2406,1540],{},"\ndefaults to ",[1523,2409,1808],{},", so ",[1523,2412,2413],{},"modelValue ?? defaultValue"," resolves to ",[1523,2416,1808],{}," before\n",[1523,2419,2400],{}," is ever consulted. Bind ",[1523,2422,2423],{},":model-value"," for anything but step 0.",[2344,2426,2401,2429,2431,2432,2435,2436,2438,2439,2441],{"name":2427,"type":2428},"ui","Record\u003Cstring, any>",[1523,2430,1525],{},", and merged by it into every slot's ",[1523,2433,2434],{},"class"," alongside\n",[1523,2437,1525],{},"'s own ",[1523,2440,2427],{}," prop. Use it to restyle the header, triggers, indicators\nand content region.",[1520,2443,2444,2445,2447,2448,1845,2451,1845,2454,2097,2456,1845,2459,1845,2462,2465,2466,2468,2469,2472,2473,2476],{},"Every other ",[1523,2446,1525],{}," prop and listener — ",[1523,2449,2450],{},"orientation",[1523,2452,2453],{},"color",[1523,2455,2434],{},[1523,2457,2458],{},":linear=\"false\"",[1523,2460,2461],{},"@next",[1523,2463,2464],{},"@prev"," — reaches ",[1523,2467,1525],{}," through ",[1523,2470,2471],{},"$attrs",", since\nthe component sets ",[1523,2474,2475],{},"inheritAttrs: false"," and binds them explicitly.",[1555,2478,2480],{"id":2479},"events","Events",[2482,2483,2484],"component-events",{},[2485,2486,2489,2490,2492,2493,2495,2496,2498,2499,2502,2503,2505,2506,1553],"component-event",{"name":2487,"type":2488},"update:modelValue","(value: number) => void","Emitted when ",[1523,2491,1525],{}," selects a different step, with the new ",[1568,2494,1570],{},". A\nnon-numeric payload falls back to the current ",[1523,2497,1540],{}," rather than writing\n",[1523,2500,2501],{},"NaN",", so a malformed ",[1523,2504,1525],{}," event cannot break the stepper's own state.\nPowers ",[1523,2507,2379],{},[1555,2509,2511],{"id":2510},"slots","Slots",[2513,2514,2515],"component-slots",{},[2516,2517,2520,2521,2523,2524,1845,2526,1845,2529,2532,2533,2535,2536,2538],"component-slot-row",{"name":2518,"type":2519},"step-N","{ index }","One slot per step, named after the ",[1568,2522,1570],{},": ",[1523,2525,1585],{},[1523,2527,2528],{},"step-1",[1523,2530,2531],{},"step-2",". The\nresolved step's ",[1523,2534,1581],{}," is the fallback, so these slots are optional and only\nthe steps you want to customise need one. The slot is resolved against this\ncomponent's clamped index, so it stays correct even if ",[1523,2537,1540],{}," is briefly\nout of range.",[1520,2540,2541,2542,2544,2545,1845,2547,1845,2549,1845,2552,2097,2555,1845,2558,2561,2562,2565,2566,2568,2569,1845,2571,2573,2574,2576],{},"Named slots of ",[1523,2543,1525],{}," — ",[1523,2546,2351],{},[1523,2548,2354],{},[1523,2550,2551],{},"trigger",[1523,2553,2554],{},"indicator",[1523,2556,2557],{},"separator",[1523,2559,2560],{},"wrapper"," — are ",[1568,2563,2564],{},"not"," forwarded. Only ",[1523,2567,1552],{}," is supplied,\nbecause that is the slot being replaced. Use each item's ",[1523,2570,2351],{},[1523,2572,2354],{},"\nand ",[1523,2575,2357],{}," fields for the header instead.",[1555,2578,2579],{"id":2427},"UI",[1520,2581,2582,2583,2589,2590,2593,2594,1553],{},"This component's theme exposes the slots below. Override any of them per instance with the ",[2584,2585,2586,2588],"a",{"href":21},[1523,2587,2427],{}," prop",", or app-wide under ",[1523,2591,2592],{},"ui.animatedStepper"," in ",[1523,2595,2596],{},"app.config.ts",[2341,2598,2599],{},[2344,2600,2602],{"name":2427,"type":2601},"object","Per-slot classes merged over the theme defaults.",[2513,2604,2605],{},[2516,2606],{"name":2607},"root",[1555,2609,2611],{"id":2610},"accessibility","Accessibility",[1520,2613,2614,2615,2618,2619,2622,2623,2626,2627,2630,2631,2634,2635,2638,2639,2642],{},"The component adds no ARIA and removes none: all of it is Reka UI's\n",[1523,2616,2617],{},"StepperRoot",". The root carries ",[1523,2620,2621],{},"role=\"group\""," and ",[1523,2624,2625],{},"aria-label=\"progress\"",",\ntogether with a visually hidden ",[1523,2628,2629],{},"role=\"status\""," region announcing the current\nstep. Each step trigger is a real button with ",[1523,2632,2633],{},"aria-current=\"step\""," on the active\none, and the title and description are wired to it with ",[1523,2636,2637],{},"aria-labelledby"," and\n",[1523,2640,2641],{},"aria-describedby",". Arrow keys, Home and End move between triggers.",[1520,2644,2645,2646,2648,2649,2652,2653,2655,2656,2658,2659,2661],{},"Two things to know. First, ",[1523,2647,1525],{}," defaults ",[1523,2650,2651],{},"linear"," to ",[1523,2654,2347],{},", so a future\nstep cannot be jumped to — pass ",[1523,2657,2458],{}," to change that. Second, the\nanimation is transform-and-opacity only and adds no focusable elements, so\nnothing about the motion reaches assistive technology; the hidden ",[1523,2660,2629],{},"\nregion is what reports the change.",[1520,2663,2664,2667,2668,2671,2672,2675],{},[1523,2665,2666],{},"prefers-reduced-motion"," is honoured through ",[1523,2669,2670],{},"useReducedMotion()",", gated behind\nan ",[1523,2673,2674],{},"onMounted"," flag so the server-rendered and first client frame agree and\nhydration does not warn. Under reduce the panel still cross-fades, but with no\nhorizontal offset and a zero-duration transition.",[1555,2677,2679],{"id":2678},"performance","Performance",[2681,2682,2683,2695,2701,2711,2720,2729,2738],"ul",{},[2684,2685,2686,2687,2690,2691,2694],"li",{},"One ",[1523,2688,2689],{},"motion.div"," per panel, inside a single ",[1523,2692,2693],{},"AnimatePresence mode=\"wait\"",", so\nthe outgoing panel finishes exiting before the incoming one is mounted — at\nmost two nodes exist during a transition.",[2684,2696,2697,2698,2700],{},"The panel is keyed by index, so a ",[1523,2699,2379],{}," write that resolves to the same step\nmounts nothing at all.",[2684,2702,2703,2704,2622,2707,2710],{},"Movement is ",[1523,2705,2706],{},"x",[1523,2708,2709],{},"opacity",", both of which are compositor-only. Nothing in the\ntransition reads layout, so no reflow is forced per frame.",[2684,2712,2713,2622,2716,2719],{},[1523,2714,2715],{},"SPRING",[1523,2717,2718],{},"REDUCED_TRANSITION"," are module-level constants, so no transition\nobject is allocated per render.",[2684,2721,2722,2723,2725,2726,2728],{},"The direction watcher uses ",[1523,2724,1536],{},", which runs before the component\nre-renders. That is what lets the offset be correct on the very first animated\nframe; the cost is one synchronous watcher call per ",[1523,2727,1540],{}," write.",[2684,2730,2731,2734,2735,2737],{},[1523,2732,2733],{},"stepperItems"," is a computed, so the renumbered array is rebuilt only when\n",[1523,2736,1562],{}," changes identity.",[2684,2739,2740,2741,1553],{},"No timers, no observers, and no ",[1523,2742,2743],{},"requestAnimationFrame",[2745,2746,2747,2749,2750,1845,2753,1845,2756,2622,2759,2762,2763,2766,2767,2770,2771,2774,2775,2777,2778,2622,2780,2782,2783,2785],"tip",{},[1523,2748,1525],{}," exposes ",[1523,2751,2752],{},"next()",[1523,2754,2755],{},"prev()",[1523,2757,2758],{},"hasNext",[1523,2760,2761],{},"hasPrev"," through\n",[1523,2764,2765],{},"defineExpose",", and nothing in its own template calls them — they exist purely\nfor imperative control. ",[1523,2768,2769],{},"MAnimatedStepper"," wraps it in a plain ",[1523,2772,2773],{},"\u003Cdiv>"," and does\nnot re-expose them, so a template ref on ",[1523,2776,2769],{}," gives you that\n",[1523,2779,2773],{},[1523,2781,2752],{}," is not reachable. Drive the step with ",[1523,2784,2379],{},", as in the\nexample above.",[2787,2788,2789],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}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);}",{"title":1607,"searchDepth":1633,"depth":1633,"links":2791},[2792,2793,2794,2795,2796,2797,2798,2799],{"id":1557,"depth":1633,"text":16},{"id":2320,"depth":1633,"text":2321},{"id":2338,"depth":1633,"text":2339},{"id":2479,"depth":1633,"text":2480},{"id":2510,"depth":1633,"text":2511},{"id":2427,"depth":1633,"text":2579},{"id":2610,"depth":1633,"text":2611},{"id":2678,"depth":1633,"text":2679},"A stepper whose content panel slides horizontally in the direction of travel.","md",null,{},{"title":627,"description":2800},"V4bsGT79CDflhGDY-MwW0OcDntOSt75S8AnZH7ZUZjE",[2807,2809],{"title":623,"path":624,"stem":625,"description":2808,"children":-1},"A progress bar whose fill springs to the new value, with an optional shimmer sweep.",{"title":631,"path":632,"stem":633,"description":2810,"children":-1},"A tags input whose chips blur in, settle with a layout shift, and fall away when removed.",1793501772377]