[{"data":1,"prerenderedAt":7705},["ShallowReactive",2],{"navigation_docs":3,"-components-text-animated-number":1530,"-components-text-animated-number-surround":7700},[4,28,35,1314,1337,1344,1499,1523],{"title":5,"path":6,"stem":7,"children":8,"icon":27},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,11,15,19,23],{"title":10,"path":6,"stem":7},"Introduction",{"title":12,"path":13,"stem":14},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation",{"title":16,"path":17,"stem":18},"Usage","\u002Fgetting-started\u002Fusage","1.getting-started\u002F3.usage",{"title":20,"path":21,"stem":22},"Theming","\u002Fgetting-started\u002Ftheming","1.getting-started\u002F4.theming",{"title":24,"path":25,"stem":26},"AI Agents","\u002Fgetting-started\u002Fai-agents","1.getting-started\u002F5.ai-agents","i-lucide-rocket",{"title":29,"path":30,"stem":31,"children":32,"icon":34},"Core Concepts","\u002Fcore-concepts","2.core-concepts\u002Findex",[33],{"title":29,"path":30,"stem":31},"i-lucide-lightbulb",{"title":36,"icon":37,"path":38,"stem":39,"children":40},"Components","i-lucide-component","\u002Fcomponents","3.components",[41,43,62,152,266,324,446,464,478,612,702,888,918,948,982,1016,1054,1284],{"title":36,"path":38,"stem":42},"3.components\u002Findex",{"title":44,"icon":45,"path":46,"stem":47,"children":48,"page":61},"3D","i-lucide-box","\u002Fcomponents\u002F3d","3.components\u002F3d",[49,53,57],{"title":50,"path":51,"stem":52},"3D Card","\u002Fcomponents\u002F3d\u002F3d-card","3.components\u002F3d\u002F3d-card",{"title":54,"path":55,"stem":56},"Book","\u002Fcomponents\u002F3d\u002Fbook","3.components\u002F3d\u002Fbook",{"title":58,"path":59,"stem":60},"Globe","\u002Fcomponents\u002F3d\u002Fglobe","3.components\u002F3d\u002Fglobe",false,{"title":63,"icon":64,"path":65,"stem":66,"children":67,"page":61},"AI","i-lucide-sparkles","\u002Fcomponents\u002Fai","3.components\u002Fai",[68,72,76,80,84,88,92,96,100,104,108,112,116,120,124,128,132,136,140,144,148],{"title":69,"path":70,"stem":71},"Agent Avatar","\u002Fcomponents\u002Fai\u002Fagent-avatar","3.components\u002Fai\u002Fagent-avatar",{"title":73,"path":74,"stem":75},"AI Approval","\u002Fcomponents\u002Fai\u002Fai-approval","3.components\u002Fai\u002Fai-approval",{"title":77,"path":78,"stem":79},"AI Artifact","\u002Fcomponents\u002Fai\u002Fai-artifact","3.components\u002Fai\u002Fai-artifact",{"title":81,"path":82,"stem":83},"AI Branch","\u002Fcomponents\u002Fai\u002Fai-branch","3.components\u002Fai\u002Fai-branch",{"title":85,"path":86,"stem":87},"AI Citation","\u002Fcomponents\u002Fai\u002Fai-citation","3.components\u002Fai\u002Fai-citation",{"title":89,"path":90,"stem":91},"AI Context Meter","\u002Fcomponents\u002Fai\u002Fai-context-meter","3.components\u002Fai\u002Fai-context-meter",{"title":93,"path":94,"stem":95},"AI Conversation","\u002Fcomponents\u002Fai\u002Fai-conversation","3.components\u002Fai\u002Fai-conversation",{"title":97,"path":98,"stem":99},"AI Diff","\u002Fcomponents\u002Fai\u002Fai-diff","3.components\u002Fai\u002Fai-diff",{"title":101,"path":102,"stem":103},"AI Message","\u002Fcomponents\u002Fai\u002Fai-message","3.components\u002Fai\u002Fai-message",{"title":105,"path":106,"stem":107},"AI Messages","\u002Fcomponents\u002Fai\u002Fai-messages","3.components\u002Fai\u002Fai-messages",{"title":109,"path":110,"stem":111},"AI Orb","\u002Fcomponents\u002Fai\u002Fai-orb","3.components\u002Fai\u002Fai-orb",{"title":113,"path":114,"stem":115},"AI Orb Face","\u002Fcomponents\u002Fai\u002Fai-orb-face","3.components\u002Fai\u002Fai-orb-face",{"title":117,"path":118,"stem":119},"AI Orb Face Mouth","\u002Fcomponents\u002Fai\u002Fai-orb-face-mouth","3.components\u002Fai\u002Fai-orb-face-mouth",{"title":121,"path":122,"stem":123},"AI Prompt Input","\u002Fcomponents\u002Fai\u002Fai-prompt-input","3.components\u002Fai\u002Fai-prompt-input",{"title":125,"path":126,"stem":127},"AI Reasoning","\u002Fcomponents\u002Fai\u002Fai-reasoning","3.components\u002Fai\u002Fai-reasoning",{"title":129,"path":130,"stem":131},"AI Response","\u002Fcomponents\u002Fai\u002Fai-response","3.components\u002Fai\u002Fai-response",{"title":133,"path":134,"stem":135},"AI Sources","\u002Fcomponents\u002Fai\u002Fai-sources","3.components\u002Fai\u002Fai-sources",{"title":137,"path":138,"stem":139},"AI Suggestions","\u002Fcomponents\u002Fai\u002Fai-suggestions","3.components\u002Fai\u002Fai-suggestions",{"title":141,"path":142,"stem":143},"AI Task List","\u002Fcomponents\u002Fai\u002Fai-task-list","3.components\u002Fai\u002Fai-task-list",{"title":145,"path":146,"stem":147},"AI Tool Call","\u002Fcomponents\u002Fai\u002Fai-tool-call","3.components\u002Fai\u002Fai-tool-call",{"title":149,"path":150,"stem":151},"Image Generation Panel","\u002Fcomponents\u002Fai\u002Fimage-generation-panel","3.components\u002Fai\u002Fimage-generation-panel",{"title":153,"icon":154,"path":155,"stem":156,"children":157,"page":61},"Backgrounds","i-lucide-layers","\u002Fcomponents\u002Fbackgrounds","3.components\u002Fbackgrounds",[158,162,166,170,174,178,182,186,190,194,198,202,206,210,214,218,222,226,230,234,238,242,246,250,254,258,262],{"title":159,"path":160,"stem":161},"Animated Background","\u002Fcomponents\u002Fbackgrounds\u002Fanimated-background","3.components\u002Fbackgrounds\u002Fanimated-background",{"title":163,"path":164,"stem":165},"Animated Grid Pattern","\u002Fcomponents\u002Fbackgrounds\u002Fanimated-grid-pattern","3.components\u002Fbackgrounds\u002Fanimated-grid-pattern",{"title":167,"path":168,"stem":169},"Animated Spotlight","\u002Fcomponents\u002Fbackgrounds\u002Fanimated-spotlight","3.components\u002Fbackgrounds\u002Fanimated-spotlight",{"title":171,"path":172,"stem":173},"Aurora Background","\u002Fcomponents\u002Fbackgrounds\u002Faurora-background","3.components\u002Fbackgrounds\u002Faurora-background",{"title":175,"path":176,"stem":177},"Aurora Curtain","\u002Fcomponents\u002Fbackgrounds\u002Faurora-curtain","3.components\u002Fbackgrounds\u002Faurora-curtain",{"title":179,"path":180,"stem":181},"Background Beams","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-beams","3.components\u002Fbackgrounds\u002Fbackground-beams",{"title":183,"path":184,"stem":185},"Background Gradient Animation","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-gradient-animation","3.components\u002Fbackgrounds\u002Fbackground-gradient-animation",{"title":187,"path":188,"stem":189},"Background Lines","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-lines","3.components\u002Fbackgrounds\u002Fbackground-lines",{"title":191,"path":192,"stem":193},"Background Ripple Effect","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-ripple-effect","3.components\u002Fbackgrounds\u002Fbackground-ripple-effect",{"title":195,"path":196,"stem":197},"Boxes Core","\u002Fcomponents\u002Fbackgrounds\u002Fboxes-core","3.components\u002Fbackgrounds\u002Fboxes-core",{"title":199,"path":200,"stem":201},"Directional Light","\u002Fcomponents\u002Fbackgrounds\u002Fdirectional-light","3.components\u002Fbackgrounds\u002Fdirectional-light",{"title":203,"path":204,"stem":205},"Dotted Glow Background","\u002Fcomponents\u002Fbackgrounds\u002Fdotted-glow-background","3.components\u002Fbackgrounds\u002Fdotted-glow-background",{"title":207,"path":208,"stem":209},"Dotted Map","\u002Fcomponents\u002Fbackgrounds\u002Fdotted-map","3.components\u002Fbackgrounds\u002Fdotted-map",{"title":211,"path":212,"stem":213},"Flickering Grid","\u002Fcomponents\u002Fbackgrounds\u002Fflickering-grid","3.components\u002Fbackgrounds\u002Fflickering-grid",{"title":215,"path":216,"stem":217},"Hexagon Pattern","\u002Fcomponents\u002Fbackgrounds\u002Fhexagon-pattern","3.components\u002Fbackgrounds\u002Fhexagon-pattern",{"title":219,"path":220,"stem":221},"Interactive Grid Pattern","\u002Fcomponents\u002Fbackgrounds\u002Finteractive-grid-pattern","3.components\u002Fbackgrounds\u002Finteractive-grid-pattern",{"title":223,"path":224,"stem":225},"Lamp Container","\u002Fcomponents\u002Fbackgrounds\u002Flamp-container","3.components\u002Fbackgrounds\u002Flamp-container",{"title":227,"path":228,"stem":229},"Light Rays","\u002Fcomponents\u002Fbackgrounds\u002Flight-rays","3.components\u002Fbackgrounds\u002Flight-rays",{"title":231,"path":232,"stem":233},"Meteors","\u002Fcomponents\u002Fbackgrounds\u002Fmeteors","3.components\u002Fbackgrounds\u002Fmeteors",{"title":235,"path":236,"stem":237},"Noise Texture","\u002Fcomponents\u002Fbackgrounds\u002Fnoise-texture","3.components\u002Fbackgrounds\u002Fnoise-texture",{"title":239,"path":240,"stem":241},"Particles","\u002Fcomponents\u002Fbackgrounds\u002Fparticles","3.components\u002Fbackgrounds\u002Fparticles",{"title":243,"path":244,"stem":245},"Retro Grid","\u002Fcomponents\u002Fbackgrounds\u002Fretro-grid","3.components\u002Fbackgrounds\u002Fretro-grid",{"title":247,"path":248,"stem":249},"Shooting Stars","\u002Fcomponents\u002Fbackgrounds\u002Fshooting-stars","3.components\u002Fbackgrounds\u002Fshooting-stars",{"title":251,"path":252,"stem":253},"Stars Background","\u002Fcomponents\u002Fbackgrounds\u002Fstars-background","3.components\u002Fbackgrounds\u002Fstars-background",{"title":255,"path":256,"stem":257},"Striped Pattern","\u002Fcomponents\u002Fbackgrounds\u002Fstriped-pattern","3.components\u002Fbackgrounds\u002Fstriped-pattern",{"title":259,"path":260,"stem":261},"Vortex","\u002Fcomponents\u002Fbackgrounds\u002Fvortex","3.components\u002Fbackgrounds\u002Fvortex",{"title":263,"path":264,"stem":265},"Warp Background","\u002Fcomponents\u002Fbackgrounds\u002Fwarp-background","3.components\u002Fbackgrounds\u002Fwarp-background",{"title":267,"icon":268,"path":269,"stem":270,"children":271,"page":61},"Buttons","i-lucide-mouse-pointer-click","\u002Fcomponents\u002Fbuttons","3.components\u002Fbuttons",[272,276,280,284,288,292,296,300,304,308,312,316,320],{"title":273,"path":274,"stem":275},"Button Copy","\u002Fcomponents\u002Fbuttons\u002Fbutton-copy","3.components\u002Fbuttons\u002Fbutton-copy",{"title":277,"path":278,"stem":279},"Clip Corners Button","\u002Fcomponents\u002Fbuttons\u002Fclip-corners-button","3.components\u002Fbuttons\u002Fclip-corners-button",{"title":281,"path":282,"stem":283},"Dot Morph Button","\u002Fcomponents\u002Fbuttons\u002Fdot-morph-button","3.components\u002Fbuttons\u002Fdot-morph-button",{"title":285,"path":286,"stem":287},"Interactive Hover Button","\u002Fcomponents\u002Fbuttons\u002Finteractive-hover-button","3.components\u002Fbuttons\u002Finteractive-hover-button",{"title":289,"path":290,"stem":291},"Magnetic Button","\u002Fcomponents\u002Fbuttons\u002Fmagnetic-button","3.components\u002Fbuttons\u002Fmagnetic-button",{"title":293,"path":294,"stem":295},"Music Toggle","\u002Fcomponents\u002Fbuttons\u002Fmusic-toggle","3.components\u002Fbuttons\u002Fmusic-toggle",{"title":297,"path":298,"stem":299},"Pulsating Button","\u002Fcomponents\u002Fbuttons\u002Fpulsating-button","3.components\u002Fbuttons\u002Fpulsating-button",{"title":301,"path":302,"stem":303},"Rainbow Button","\u002Fcomponents\u002Fbuttons\u002Frainbow-button","3.components\u002Fbuttons\u002Frainbow-button",{"title":305,"path":306,"stem":307},"Ripple Button","\u002Fcomponents\u002Fbuttons\u002Fripple-button","3.components\u002Fbuttons\u002Fripple-button",{"title":309,"path":310,"stem":311},"Shimmer Button","\u002Fcomponents\u002Fbuttons\u002Fshimmer-button","3.components\u002Fbuttons\u002Fshimmer-button",{"title":313,"path":314,"stem":315},"Shiny Button","\u002Fcomponents\u002Fbuttons\u002Fshiny-button","3.components\u002Fbuttons\u002Fshiny-button",{"title":317,"path":318,"stem":319},"Smooth Button","\u002Fcomponents\u002Fbuttons\u002Fsmooth-button","3.components\u002Fbuttons\u002Fsmooth-button",{"title":321,"path":322,"stem":323},"Theme Toggle","\u002Fcomponents\u002Fbuttons\u002Ftheme-toggle","3.components\u002Fbuttons\u002Ftheme-toggle",{"title":325,"icon":326,"path":327,"stem":328,"children":329,"page":61},"Cards","i-lucide-layout-panel-top","\u002Fcomponents\u002Fcards","3.components\u002Fcards",[330,334,338,342,346,350,354,358,362,366,370,374,378,382,386,390,394,398,402,406,410,414,418,422,426,430,434,438,442],{"title":331,"path":332,"stem":333},"App Download Stack","\u002Fcomponents\u002Fcards\u002Fapp-download-stack","3.components\u002Fcards\u002Fapp-download-stack",{"title":335,"path":336,"stem":337},"Apple Invites","\u002Fcomponents\u002Fcards\u002Fapple-invites","3.components\u002Fcards\u002Fapple-invites",{"title":339,"path":340,"stem":341},"Bento Grid","\u002Fcomponents\u002Fcards\u002Fbento-grid","3.components\u002Fcards\u002Fbento-grid",{"title":343,"path":344,"stem":345},"Stacked Cards","\u002Fcomponents\u002Fcards\u002Fcard-stack","3.components\u002Fcards\u002Fcard-stack",{"title":347,"path":348,"stem":349},"Card Swipe Deck","\u002Fcomponents\u002Fcards\u002Fcard-swipe-deck","3.components\u002Fcards\u002Fcard-swipe-deck",{"title":351,"path":352,"stem":353},"Draggable Card","\u002Fcomponents\u002Fcards\u002Fdraggable-card","3.components\u002Fcards\u002Fdraggable-card",{"title":355,"path":356,"stem":357},"Evervault Card","\u002Fcomponents\u002Fcards\u002Fever-vault-card","3.components\u002Fcards\u002Fever-vault-card",{"title":359,"path":360,"stem":361},"Expandable Cards","\u002Fcomponents\u002Fcards\u002Fexpandable-cards","3.components\u002Fcards\u002Fexpandable-cards",{"title":363,"path":364,"stem":365},"Figma Comment","\u002Fcomponents\u002Fcards\u002Ffigma-comment","3.components\u002Fcards\u002Ffigma-comment",{"title":367,"path":368,"stem":369},"Focus Cards","\u002Fcomponents\u002Fcards\u002Ffocus-cards","3.components\u002Fcards\u002Ffocus-cards",{"title":371,"path":372,"stem":373},"Glare Card","\u002Fcomponents\u002Fcards\u002Fglare-card","3.components\u002Fcards\u002Fglare-card",{"title":375,"path":376,"stem":377},"Glass Card","\u002Fcomponents\u002Fcards\u002Fglass-card","3.components\u002Fcards\u002Fglass-card",{"title":379,"path":380,"stem":381},"Glass Panel","\u002Fcomponents\u002Fcards\u002Fglass-panel","3.components\u002Fcards\u002Fglass-panel",{"title":383,"path":384,"stem":385},"Glow Hover Cards","\u002Fcomponents\u002Fcards\u002Fglow-hover-cards","3.components\u002Fcards\u002Fglow-hover-cards",{"title":387,"path":388,"stem":389},"Glowing Stars Card","\u002Fcomponents\u002Fcards\u002Fglowing-stars-card","3.components\u002Fcards\u002Fglowing-stars-card",{"title":391,"path":392,"stem":393},"Mac Terminal","\u002Fcomponents\u002Fcards\u002Fmac-terminal","3.components\u002Fcards\u002Fmac-terminal",{"title":395,"path":396,"stem":397},"Magic Card","\u002Fcomponents\u002Fcards\u002Fmagic-card","3.components\u002Fcards\u002Fmagic-card",{"title":399,"path":400,"stem":401},"Mail Card","\u002Fcomponents\u002Fcards\u002Fmail-card","3.components\u002Fcards\u002Fmail-card",{"title":403,"path":404,"stem":405},"Photo Stack","\u002Fcomponents\u002Fcards\u002Fphoto-stack","3.components\u002Fcards\u002Fphoto-stack",{"title":407,"path":408,"stem":409},"Price Flow","\u002Fcomponents\u002Fcards\u002Fprice-flow","3.components\u002Fcards\u002Fprice-flow",{"title":411,"path":412,"stem":413},"Product Card","\u002Fcomponents\u002Fcards\u002Fproduct-card","3.components\u002Fcards\u002Fproduct-card",{"title":415,"path":416,"stem":417},"Scrollable Card Stack","\u002Fcomponents\u002Fcards\u002Fscrollable-card-stack","3.components\u002Fcards\u002Fscrollable-card-stack",{"title":419,"path":420,"stem":421},"Shine Border","\u002Fcomponents\u002Fcards\u002Fshine-border","3.components\u002Fcards\u002Fshine-border",{"title":423,"path":424,"stem":425},"Social Hover Card","\u002Fcomponents\u002Fcards\u002Fsocial-hover-card","3.components\u002Fcards\u002Fsocial-hover-card",{"title":427,"path":428,"stem":429},"Switchboard Card","\u002Fcomponents\u002Fcards\u002Fswitchboard-card","3.components\u002Fcards\u002Fswitchboard-card",{"title":431,"path":432,"stem":433},"Tilt Card","\u002Fcomponents\u002Fcards\u002Ftilt-card","3.components\u002Fcards\u002Ftilt-card",{"title":435,"path":436,"stem":437},"Tweet Card","\u002Fcomponents\u002Fcards\u002Ftweet-card","3.components\u002Fcards\u002Ftweet-card",{"title":439,"path":440,"stem":441},"Wallet Card","\u002Fcomponents\u002Fcards\u002Fwallet-card","3.components\u002Fcards\u002Fwallet-card",{"title":443,"path":444,"stem":445},"Wobble Card","\u002Fcomponents\u002Fcards\u002Fwobble-card","3.components\u002Fcards\u002Fwobble-card",{"title":447,"icon":448,"path":449,"stem":450,"children":451,"page":61},"Carousels","i-lucide-gallery-horizontal-end","\u002Fcomponents\u002Fcarousels","3.components\u002Fcarousels",[452,456,460],{"title":453,"path":454,"stem":455},"Carousel","\u002Fcomponents\u002Fcarousels\u002Fcarousel","3.components\u002Fcarousels\u002Fcarousel",{"title":457,"path":458,"stem":459},"Coverflow Carousel","\u002Fcomponents\u002Fcarousels\u002Fcoverflow-carousel","3.components\u002Fcarousels\u002Fcoverflow-carousel",{"title":461,"path":462,"stem":463},"Reviews Carousel","\u002Fcomponents\u002Fcarousels\u002Freviews-carousel","3.components\u002Fcarousels\u002Freviews-carousel",{"title":465,"icon":466,"path":467,"stem":468,"children":469,"page":61},"Directional","i-lucide-move-3d","\u002Fcomponents\u002Fdirectional","3.components\u002Fdirectional",[470,474],{"title":471,"path":472,"stem":473},"Direction Aware Hover","\u002Fcomponents\u002Fdirectional\u002Fdirection-aware-hover","3.components\u002Fdirectional\u002Fdirection-aware-hover",{"title":475,"path":476,"stem":477},"Direction Aware Hover New","\u002Fcomponents\u002Fdirectional\u002Fdirection-aware-hover-new","3.components\u002Fdirectional\u002Fdirection-aware-hover-new",{"title":479,"icon":480,"path":481,"stem":482,"children":483,"page":61},"Visual Effects","i-lucide-wand-sparkles","\u002Fcomponents\u002Feffects","3.components\u002Feffects",[484,488,492,496,500,504,508,512,516,520,524,528,532,536,540,544,548,552,556,560,564,568,572,576,580,584,588,592,596,600,604,608],{"title":485,"path":486,"stem":487},"Animated Beam","\u002Fcomponents\u002Feffects\u002Fanimated-beam","3.components\u002Feffects\u002Fanimated-beam",{"title":489,"path":490,"stem":491},"Arcade Pixel","\u002Fcomponents\u002Feffects\u002Farcade-pixel","3.components\u002Feffects\u002Farcade-pixel",{"title":493,"path":494,"stem":495},"ASCII Render","\u002Fcomponents\u002Feffects\u002Fascii-render","3.components\u002Feffects\u002Fascii-render",{"title":497,"path":498,"stem":499},"Border Beam","\u002Fcomponents\u002Feffects\u002Fborder-beam","3.components\u002Feffects\u002Fborder-beam",{"title":501,"path":502,"stem":503},"Border Trail","\u002Fcomponents\u002Feffects\u002Fborder-trail","3.components\u002Feffects\u002Fborder-trail",{"title":505,"path":506,"stem":507},"Confetti","\u002Fcomponents\u002Feffects\u002Fconfetti","3.components\u002Feffects\u002Fconfetti",{"title":509,"path":510,"stem":511},"Dither Chart","\u002Fcomponents\u002Feffects\u002Fdither-chart","3.components\u002Feffects\u002Fdither-chart",{"title":513,"path":514,"stem":515},"Dither Image","\u002Fcomponents\u002Feffects\u002Fdither-image","3.components\u002Feffects\u002Fdither-image",{"title":517,"path":518,"stem":519},"Div Grid","\u002Fcomponents\u002Feffects\u002Fdiv-grid","3.components\u002Feffects\u002Fdiv-grid",{"title":521,"path":522,"stem":523},"Drawing Cursor","\u002Fcomponents\u002Feffects\u002Fdrawing-cursor","3.components\u002Feffects\u002Fdrawing-cursor",{"title":525,"path":526,"stem":527},"Emboss Surface","\u002Fcomponents\u002Feffects\u002Femboss-surface","3.components\u002Feffects\u002Femboss-surface",{"title":529,"path":530,"stem":531},"Brightness slider","\u002Fcomponents\u002Feffects\u002Fexposure-slider","3.components\u002Feffects\u002Fexposure-slider",{"title":533,"path":534,"stem":535},"Flowing Stroke","\u002Fcomponents\u002Feffects\u002Fflowing-stroke","3.components\u002Feffects\u002Fflowing-stroke",{"title":537,"path":538,"stem":539},"Glow Effect","\u002Fcomponents\u002Feffects\u002Fglow-effect","3.components\u002Feffects\u002Fglow-effect",{"title":541,"path":542,"stem":543},"Glowing Effect","\u002Fcomponents\u002Feffects\u002Fglowing-effect","3.components\u002Feffects\u002Fglowing-effect",{"title":545,"path":546,"stem":547},"Gooey Filter","\u002Fcomponents\u002Feffects\u002Fgooey-filter","3.components\u002Feffects\u002Fgooey-filter",{"title":549,"path":550,"stem":551},"Gravity Stars","\u002Fcomponents\u002Feffects\u002Fgravity-stars","3.components\u002Feffects\u002Fgravity-stars",{"title":553,"path":554,"stem":555},"Iridescent foil","\u002Fcomponents\u002Feffects\u002Fholographic-foil","3.components\u002Feffects\u002Fholographic-foil",{"title":557,"path":558,"stem":559},"Icon Cloud","\u002Fcomponents\u002Feffects\u002Ficon-cloud","3.components\u002Feffects\u002Ficon-cloud",{"title":561,"path":562,"stem":563},"Liquid Metal","\u002Fcomponents\u002Feffects\u002Fliquid-metal","3.components\u002Feffects\u002Fliquid-metal",{"title":565,"path":566,"stem":567},"Mask Container","\u002Fcomponents\u002Feffects\u002Fmask-container","3.components\u002Feffects\u002Fmask-container",{"title":569,"path":570,"stem":571},"Orbiting Circles","\u002Fcomponents\u002Feffects\u002Forbiting-circles","3.components\u002Feffects\u002Forbiting-circles",{"title":573,"path":574,"stem":575},"Depth layers","\u002Fcomponents\u002Feffects\u002Fparallax-layers","3.components\u002Feffects\u002Fparallax-layers",{"title":577,"path":578,"stem":579},"Pixel Flow Field","\u002Fcomponents\u002Feffects\u002Fpixel-flow-field","3.components\u002Feffects\u002Fpixel-flow-field",{"title":581,"path":582,"stem":583},"Pixelated Canvas","\u002Fcomponents\u002Feffects\u002Fpixelated-canvas","3.components\u002Feffects\u002Fpixelated-canvas",{"title":585,"path":586,"stem":587},"Progressive Blur","\u002Fcomponents\u002Feffects\u002Fprogressive-blur","3.components\u002Feffects\u002Fprogressive-blur",{"title":589,"path":590,"stem":591},"Siri Orb","\u002Fcomponents\u002Feffects\u002Fsiri-orb","3.components\u002Feffects\u002Fsiri-orb",{"title":593,"path":594,"stem":595},"Spotlight","\u002Fcomponents\u002Feffects\u002Fspotlight","3.components\u002Feffects\u002Fspotlight",{"title":597,"path":598,"stem":599},"Squircle","\u002Fcomponents\u002Feffects\u002Fsquircle","3.components\u002Feffects\u002Fsquircle",{"title":601,"path":602,"stem":603},"SVG Clip Mask","\u002Fcomponents\u002Feffects\u002Fsvg-clip-mask","3.components\u002Feffects\u002Fsvg-clip-mask",{"title":605,"path":606,"stem":607},"Tracing Beam","\u002Fcomponents\u002Feffects\u002Ftracing-beam","3.components\u002Feffects\u002Ftracing-beam",{"title":609,"path":610,"stem":611},"Video Ambient","\u002Fcomponents\u002Feffects\u002Fvideo-ambient","3.components\u002Feffects\u002Fvideo-ambient",{"title":613,"icon":614,"path":615,"stem":616,"children":617,"page":61},"Forms","i-lucide-text-cursor-input","\u002Fcomponents\u002Fforms","3.components\u002Fforms",[618,622,626,630,634,638,642,646,650,654,658,662,666,670,674,678,682,686,690,694,698],{"title":619,"path":620,"stem":621},"Animated File Upload","\u002Fcomponents\u002Fforms\u002Fanimated-file-upload","3.components\u002Fforms\u002Fanimated-file-upload",{"title":623,"path":624,"stem":625},"Animated Input","\u002Fcomponents\u002Fforms\u002Fanimated-input","3.components\u002Fforms\u002Fanimated-input",{"title":627,"path":628,"stem":629},"Animated Number Input","\u002Fcomponents\u002Fforms\u002Fanimated-number-input","3.components\u002Fforms\u002Fanimated-number-input",{"title":631,"path":632,"stem":633},"Animated OTP Input","\u002Fcomponents\u002Fforms\u002Fanimated-otp-input","3.components\u002Fforms\u002Fanimated-otp-input",{"title":635,"path":636,"stem":637},"Animated Progress Bar","\u002Fcomponents\u002Fforms\u002Fanimated-progress-bar","3.components\u002Fforms\u002Fanimated-progress-bar",{"title":639,"path":640,"stem":641},"Animated Stepper","\u002Fcomponents\u002Fforms\u002Fanimated-stepper","3.components\u002Fforms\u002Fanimated-stepper",{"title":643,"path":644,"stem":645},"Animated Tags","\u002Fcomponents\u002Fforms\u002Fanimated-tags","3.components\u002Fforms\u002Fanimated-tags",{"title":647,"path":648,"stem":649},"Animated Toggle","\u002Fcomponents\u002Fforms\u002Fanimated-toggle","3.components\u002Fforms\u002Fanimated-toggle",{"title":651,"path":652,"stem":653},"Auth Form","\u002Fcomponents\u002Fforms\u002Fauth-form","3.components\u002Fforms\u002Fauth-form",{"title":655,"path":656,"stem":657},"Checkbox","\u002Fcomponents\u002Fforms\u002Fcheckbox","3.components\u002Fforms\u002Fcheckbox",{"title":659,"path":660,"stem":661},"Country Picker","\u002Fcomponents\u002Fforms\u002Fcountry-picker","3.components\u002Fforms\u002Fcountry-picker",{"title":663,"path":664,"stem":665},"Digit Roll","\u002Fcomponents\u002Fforms\u002Fdigit-roll","3.components\u002Fforms\u002Fdigit-roll",{"title":667,"path":668,"stem":669},"Duration Picker","\u002Fcomponents\u002Fforms\u002Fduration-picker","3.components\u002Fforms\u002Fduration-picker",{"title":671,"path":672,"stem":673},"Favicon Search","\u002Fcomponents\u002Fforms\u002Ffavicon-search","3.components\u002Fforms\u002Ffavicon-search",{"title":675,"path":676,"stem":677},"Float Input","\u002Fcomponents\u002Fforms\u002Ffloat-input","3.components\u002Fforms\u002Ffloat-input",{"title":679,"path":680,"stem":681},"Form","\u002Fcomponents\u002Fforms\u002Fform","3.components\u002Fforms\u002Fform",{"title":683,"path":684,"stem":685},"Morph Toggle","\u002Fcomponents\u002Fforms\u002Fmorph-toggle","3.components\u002Fforms\u002Fmorph-toggle",{"title":687,"path":688,"stem":689},"Radio Group","\u002Fcomponents\u002Fforms\u002Fradio-group","3.components\u002Fforms\u002Fradio-group",{"title":691,"path":692,"stem":693},"Scrubber","\u002Fcomponents\u002Fforms\u002Fscrubber","3.components\u002Fforms\u002Fscrubber",{"title":695,"path":696,"stem":697},"Social Selector","\u002Fcomponents\u002Fforms\u002Fsocial-selector","3.components\u002Fforms\u002Fsocial-selector",{"title":699,"path":700,"stem":701},"Swap Panel","\u002Fcomponents\u002Fforms\u002Fswap-panel","3.components\u002Fforms\u002Fswap-panel",{"title":703,"icon":704,"path":705,"stem":706,"children":707,"page":61},"Interactive","i-lucide-hand","\u002Fcomponents\u002Finteractive","3.components\u002Finteractive",[708,712,716,720,724,728,732,736,740,744,748,752,756,760,764,768,772,776,780,784,788,792,796,800,804,808,812,816,820,824,828,832,836,840,844,848,852,856,860,864,868,872,876,880,884],{"title":709,"path":710,"stem":711},"Accordion","\u002Fcomponents\u002Finteractive\u002Faccordion","3.components\u002Finteractive\u002Faccordion",{"title":713,"path":714,"stem":715},"Motion dialog","\u002Fcomponents\u002Finteractive\u002Fanimated-dialog","3.components\u002Finteractive\u002Fanimated-dialog",{"title":717,"path":718,"stem":719},"Animated Tooltip","\u002Fcomponents\u002Finteractive\u002Fanimated-tooltip","3.components\u002Finteractive\u002Fanimated-tooltip",{"title":721,"path":722,"stem":723},"Basic Dropdown","\u002Fcomponents\u002Finteractive\u002Fbasic-dropdown","3.components\u002Finteractive\u002Fbasic-dropdown",{"title":725,"path":726,"stem":727},"Basic Toast","\u002Fcomponents\u002Finteractive\u002Fbasic-toast","3.components\u002Finteractive\u002Fbasic-toast",{"title":729,"path":730,"stem":731},"Code Block","\u002Fcomponents\u002Finteractive\u002Fcode-block","3.components\u002Finteractive\u002Fcode-block",{"title":733,"path":734,"stem":735},"Code Comparison","\u002Fcomponents\u002Finteractive\u002Fcode-comparison","3.components\u002Finteractive\u002Fcode-comparison",{"title":737,"path":738,"stem":739},"Contribution Graph","\u002Fcomponents\u002Finteractive\u002Fcontribution-graph","3.components\u002Finteractive\u002Fcontribution-graph",{"title":741,"path":742,"stem":743},"Cool Mode","\u002Fcomponents\u002Finteractive\u002Fcool-mode","3.components\u002Finteractive\u002Fcool-mode",{"title":745,"path":746,"stem":747},"Count Badge","\u002Fcomponents\u002Finteractive\u002Fcount-badge","3.components\u002Finteractive\u002Fcount-badge",{"title":749,"path":750,"stem":751},"Dock","\u002Fcomponents\u002Finteractive\u002Fdock","3.components\u002Finteractive\u002Fdock",{"title":753,"path":754,"stem":755},"Drag and Drop","\u002Fcomponents\u002Finteractive\u002Fdrag-and-drop","3.components\u002Finteractive\u002Fdrag-and-drop",{"title":757,"path":758,"stem":759},"Drawer","\u002Fcomponents\u002Finteractive\u002Fdrawer","3.components\u002Finteractive\u002Fdrawer",{"title":761,"path":762,"stem":763},"Dynamic Group","\u002Fcomponents\u002Finteractive\u002Fdynamic-group","3.components\u002Finteractive\u002Fdynamic-group",{"title":765,"path":766,"stem":767},"Dynamic Island","\u002Fcomponents\u002Finteractive\u002Fdynamic-island","3.components\u002Finteractive\u002Fdynamic-island",{"title":769,"path":770,"stem":771},"Emoji Reaction","\u002Fcomponents\u002Finteractive\u002Femoji-reaction","3.components\u002Finteractive\u002Femoji-reaction",{"title":773,"path":774,"stem":775},"Fluid Hover Highlight","\u002Fcomponents\u002Finteractive\u002Ffluid-hover-highlight","3.components\u002Finteractive\u002Ffluid-hover-highlight",{"title":777,"path":778,"stem":779},"Folder Reveal","\u002Fcomponents\u002Finteractive\u002Ffolder-reveal","3.components\u002Finteractive\u002Ffolder-reveal",{"title":781,"path":782,"stem":783},"GitHub Stars Animation","\u002Fcomponents\u002Finteractive\u002Fgithub-stars-animation","3.components\u002Finteractive\u002Fgithub-stars-animation",{"title":785,"path":786,"stem":787},"Hover Expand","\u002Fcomponents\u002Finteractive\u002Fhover-expand","3.components\u002Finteractive\u002Fhover-expand",{"title":789,"path":790,"stem":791},"Hover Image List","\u002Fcomponents\u002Finteractive\u002Fhover-image-list","3.components\u002Finteractive\u002Fhover-image-list",{"title":793,"path":794,"stem":795},"Image compare","\u002Fcomponents\u002Finteractive\u002Fimage-comparison","3.components\u002Finteractive\u002Fimage-comparison",{"title":797,"path":798,"stem":799},"Image Metadata Preview","\u002Fcomponents\u002Finteractive\u002Fimage-metadata-preview","3.components\u002Finteractive\u002Fimage-metadata-preview",{"title":801,"path":802,"stem":803},"Inline Testimonials","\u002Fcomponents\u002Finteractive\u002Finline-testimonials","3.components\u002Finteractive\u002Finline-testimonials",{"title":805,"path":806,"stem":807},"Interactive Image Selector","\u002Fcomponents\u002Finteractive\u002Finteractive-image-selector","3.components\u002Finteractive\u002Finteractive-image-selector",{"title":809,"path":810,"stem":811},"Job Listing","\u002Fcomponents\u002Finteractive\u002Fjob-listing","3.components\u002Finteractive\u002Fjob-listing",{"title":813,"path":814,"stem":815},"Lens","\u002Fcomponents\u002Finteractive\u002Flens","3.components\u002Finteractive\u002Flens",{"title":817,"path":818,"stem":819},"Morph Icon","\u002Fcomponents\u002Finteractive\u002Fmorph-icon","3.components\u002Finteractive\u002Fmorph-icon",{"title":821,"path":822,"stem":823},"Morph Surface","\u002Fcomponents\u002Finteractive\u002Fmorph-surface","3.components\u002Finteractive\u002Fmorph-surface",{"title":825,"path":826,"stem":827},"Shape-shift dialog","\u002Fcomponents\u002Finteractive\u002Fmorphing-dialog","3.components\u002Finteractive\u002Fmorphing-dialog",{"title":829,"path":830,"stem":831},"Shape-shift popover","\u002Fcomponents\u002Finteractive\u002Fmorphing-popover","3.components\u002Finteractive\u002Fmorphing-popover",{"title":833,"path":834,"stem":835},"Notification Badge","\u002Fcomponents\u002Finteractive\u002Fnotification-badge","3.components\u002Finteractive\u002Fnotification-badge",{"title":837,"path":838,"stem":839},"Orbital Image Wheel","\u002Fcomponents\u002Finteractive\u002Forbital-image-wheel","3.components\u002Finteractive\u002Forbital-image-wheel",{"title":841,"path":842,"stem":843},"Phototab","\u002Fcomponents\u002Finteractive\u002Fphototab","3.components\u002Finteractive\u002Fphototab",{"title":845,"path":846,"stem":847},"Pinned List","\u002Fcomponents\u002Finteractive\u002Fpinned-list","3.components\u002Finteractive\u002Fpinned-list",{"title":849,"path":850,"stem":851},"Pixel Brush Canvas","\u002Fcomponents\u002Finteractive\u002Fpixel-brush-canvas","3.components\u002Finteractive\u002Fpixel-brush-canvas",{"title":853,"path":854,"stem":855},"Power Off Slide","\u002Fcomponents\u002Finteractive\u002Fpower-off-slide","3.components\u002Finteractive\u002Fpower-off-slide",{"title":857,"path":858,"stem":859},"Rich Popover","\u002Fcomponents\u002Finteractive\u002Frich-popover","3.components\u002Finteractive\u002Frich-popover",{"title":861,"path":862,"stem":863},"Scratch to Reveal","\u002Fcomponents\u002Finteractive\u002Fscratch-to-reveal","3.components\u002Finteractive\u002Fscratch-to-reveal",{"title":865,"path":866,"stem":867},"Time Machine Stack","\u002Fcomponents\u002Finteractive\u002Ftime-machine-stack","3.components\u002Finteractive\u002Ftime-machine-stack",{"title":869,"path":870,"stem":871},"Unlock Face ID","\u002Fcomponents\u002Finteractive\u002Funlock-face-id","3.components\u002Finteractive\u002Funlock-face-id",{"title":873,"path":874,"stem":875},"User Account Avatar","\u002Fcomponents\u002Finteractive\u002Fuser-account-avatar","3.components\u002Finteractive\u002Fuser-account-avatar",{"title":877,"path":878,"stem":879},"Vector Editor Toolbar","\u002Fcomponents\u002Finteractive\u002Fvector-editor-toolbar","3.components\u002Finteractive\u002Fvector-editor-toolbar",{"title":881,"path":882,"stem":883},"Video Modal","\u002Fcomponents\u002Finteractive\u002Fvideo-modal","3.components\u002Finteractive\u002Fvideo-modal",{"title":885,"path":886,"stem":887},"Zoomable Image","\u002Fcomponents\u002Finteractive\u002Fzoomable-image","3.components\u002Finteractive\u002Fzoomable-image",{"title":889,"icon":890,"path":891,"stem":892,"children":893,"page":61},"Layout","i-lucide-layout-grid","\u002Fcomponents\u002Flayout","3.components\u002Flayout",[894,898,902,906,910,914],{"title":895,"path":896,"stem":897},"Android","\u002Fcomponents\u002Flayout\u002Fandroid","3.components\u002Flayout\u002Fandroid",{"title":899,"path":900,"stem":901},"Animated Group","\u002Fcomponents\u002Flayout\u002Fanimated-group","3.components\u002Flayout\u002Fanimated-group",{"title":903,"path":904,"stem":905},"Breakpoint Indicator","\u002Fcomponents\u002Flayout\u002Fbreakpoint-indicator","3.components\u002Flayout\u002Fbreakpoint-indicator",{"title":907,"path":908,"stem":909},"Collision","\u002Fcomponents\u002Flayout\u002Fcollision","3.components\u002Flayout\u002Fcollision",{"title":911,"path":912,"stem":913},"iPhone 15 Pro","\u002Fcomponents\u002Flayout\u002Fiphone-15-pro","3.components\u002Flayout\u002Fiphone-15-pro",{"title":915,"path":916,"stem":917},"Safari","\u002Fcomponents\u002Flayout\u002Fsafari","3.components\u002Flayout\u002Fsafari",{"title":919,"icon":920,"path":921,"stem":922,"children":923,"page":61},"Loaders & Progress","i-lucide-loader-circle","\u002Fcomponents\u002Floaders","3.components\u002Floaders",[924,928,932,936,940,944],{"title":925,"path":926,"stem":927},"AI Loader","\u002Fcomponents\u002Floaders\u002Fai-loader","3.components\u002Floaders\u002Fai-loader",{"title":929,"path":930,"stem":931},"Circular Progress","\u002Fcomponents\u002Floaders\u002Fcircular-progress","3.components\u002Floaders\u002Fcircular-progress",{"title":933,"path":934,"stem":935},"Content Skeleton","\u002Fcomponents\u002Floaders\u002Fcontent-skeleton","3.components\u002Floaders\u002Fcontent-skeleton",{"title":937,"path":938,"stem":939},"Grid Loader","\u002Fcomponents\u002Floaders\u002Fgrid-loader","3.components\u002Floaders\u002Fgrid-loader",{"title":941,"path":942,"stem":943},"Motion Loader","\u002Fcomponents\u002Floaders\u002Fmotion-loader","3.components\u002Floaders\u002Fmotion-loader",{"title":945,"path":946,"stem":947},"Page Preloader","\u002Fcomponents\u002Floaders\u002Fpage-preloader","3.components\u002Floaders\u002Fpage-preloader",{"title":949,"icon":950,"path":951,"stem":952,"children":953,"page":61},"Interaction & Movement","i-lucide-move","\u002Fcomponents\u002Fmovement","3.components\u002Fmovement",[954,958,962,966,970,974,978],{"title":955,"path":956,"stem":957},"Cursor","\u002Fcomponents\u002Fmovement\u002Fcursor","3.components\u002Fmovement\u002Fcursor",{"title":959,"path":960,"stem":961},"Cursor Follow","\u002Fcomponents\u002Fmovement\u002Fcursor-follow","3.components\u002Fmovement\u002Fcursor-follow",{"title":963,"path":964,"stem":965},"Cursor Image Trail","\u002Fcomponents\u002Fmovement\u002Fcursor-image-trail","3.components\u002Fmovement\u002Fcursor-image-trail",{"title":967,"path":968,"stem":969},"Force Dot","\u002Fcomponents\u002Fmovement\u002Fforce-dot","3.components\u002Fmovement\u002Fforce-dot",{"title":971,"path":972,"stem":973},"Magnetic","\u002Fcomponents\u002Fmovement\u002Fmagnetic","3.components\u002Fmovement\u002Fmagnetic",{"title":975,"path":976,"stem":977},"Magnetic Field","\u002Fcomponents\u002Fmovement\u002Fmagnetic-field","3.components\u002Fmovement\u002Fmagnetic-field",{"title":979,"path":980,"stem":981},"Tilt","\u002Fcomponents\u002Fmovement\u002Ftilt","3.components\u002Fmovement\u002Ftilt",{"title":983,"icon":984,"path":985,"stem":986,"children":987,"page":61},"Navigation & Toolbars","i-lucide-menu","\u002Fcomponents\u002Fnavigation","3.components\u002Fnavigation",[988,992,996,1000,1004,1008,1012],{"title":989,"path":990,"stem":991},"Breadcrumb","\u002Fcomponents\u002Fnavigation\u002Fbreadcrumb","3.components\u002Fnavigation\u002Fbreadcrumb",{"title":993,"path":994,"stem":995},"Expandable Navbar","\u002Fcomponents\u002Fnavigation\u002Fexpandable-navbar","3.components\u002Fnavigation\u002Fexpandable-navbar",{"title":997,"path":998,"stem":999},"File Tree","\u002Fcomponents\u002Fnavigation\u002Ffile-tree","3.components\u002Fnavigation\u002Ffile-tree",{"title":1001,"path":1002,"stem":1003},"Floating Navbar","\u002Fcomponents\u002Fnavigation\u002Ffloating-navbar","3.components\u002Fnavigation\u002Ffloating-navbar",{"title":1005,"path":1006,"stem":1007},"Pagination","\u002Fcomponents\u002Fnavigation\u002Fpagination","3.components\u002Fnavigation\u002Fpagination",{"title":1009,"path":1010,"stem":1011},"Toolbar adaptive","\u002Fcomponents\u002Fnavigation\u002Ftoolbar-dynamic","3.components\u002Fnavigation\u002Ftoolbar-dynamic",{"title":1013,"path":1014,"stem":1015},"Toolbar collapsible","\u002Fcomponents\u002Fnavigation\u002Ftoolbar-expandable","3.components\u002Fnavigation\u002Ftoolbar-expandable",{"title":1017,"icon":1018,"path":1019,"stem":1020,"children":1021,"page":61},"Scroll & Viewport","i-lucide-scroll-text","\u002Fcomponents\u002Fscroll","3.components\u002Fscroll",[1022,1026,1030,1034,1038,1042,1046,1050],{"title":1023,"path":1024,"stem":1025},"In View","\u002Fcomponents\u002Fscroll\u002Fin-view","3.components\u002Fscroll\u002Fin-view",{"title":1027,"path":1028,"stem":1029},"Infinite Slider","\u002Fcomponents\u002Fscroll\u002Finfinite-slider","3.components\u002Fscroll\u002Finfinite-slider",{"title":1031,"path":1032,"stem":1033},"Kinetic Type Scroll","\u002Fcomponents\u002Fscroll\u002Fkinetic-type-scroll","3.components\u002Fscroll\u002Fkinetic-type-scroll",{"title":1035,"path":1036,"stem":1037},"Marquee","\u002Fcomponents\u002Fscroll\u002Fmarquee","3.components\u002Fscroll\u002Fmarquee",{"title":1039,"path":1040,"stem":1041},"Scroll Image Reveal","\u002Fcomponents\u002Fscroll\u002Fscroll-image-reveal","3.components\u002Fscroll\u002Fscroll-image-reveal",{"title":1043,"path":1044,"stem":1045},"Scroll Progress","\u002Fcomponents\u002Fscroll\u002Fscroll-progress","3.components\u002Fscroll\u002Fscroll-progress",{"title":1047,"path":1048,"stem":1049},"Scroll Velocity","\u002Fcomponents\u002Fscroll\u002Fscroll-velocity","3.components\u002Fscroll\u002Fscroll-velocity",{"title":1051,"path":1052,"stem":1053},"Svg Draw On Scroll","\u002Fcomponents\u002Fscroll\u002Fsvg-draw-on-scroll","3.components\u002Fscroll\u002Fsvg-draw-on-scroll",{"title":1055,"icon":1056,"path":1057,"stem":1058,"children":1059,"page":61},"Text & Numbers","i-lucide-type","\u002Fcomponents\u002Ftext","3.components\u002Ftext",[1060,1064,1068,1072,1076,1080,1084,1088,1092,1096,1100,1104,1108,1112,1116,1120,1124,1128,1132,1136,1140,1144,1148,1152,1156,1160,1164,1168,1172,1176,1180,1184,1188,1192,1196,1200,1204,1208,1212,1216,1220,1224,1228,1232,1236,1240,1244,1248,1252,1256,1260,1264,1268,1272,1276,1280],{"title":1061,"path":1062,"stem":1063},"Animated Avatar Group","\u002Fcomponents\u002Ftext\u002Fanimated-avatar-group","3.components\u002Ftext\u002Fanimated-avatar-group",{"title":1065,"path":1066,"stem":1067},"Animated List","\u002Fcomponents\u002Ftext\u002Fanimated-list","3.components\u002Ftext\u002Fanimated-list",{"title":1069,"path":1070,"stem":1071},"Animated Number","\u002Fcomponents\u002Ftext\u002Fanimated-number","3.components\u002Ftext\u002Fanimated-number",{"title":1073,"path":1074,"stem":1075},"Blur Out Up","\u002Fcomponents\u002Ftext\u002Fblur-out-up","3.components\u002Ftext\u002Fblur-out-up",{"title":1077,"path":1078,"stem":1079},"Bottom Up Letters","\u002Fcomponents\u002Ftext\u002Fbottom-up-letters","3.components\u002Ftext\u002Fbottom-up-letters",{"title":1081,"path":1082,"stem":1083},"Comic Text","\u002Fcomponents\u002Ftext\u002Fcomic-text","3.components\u002Ftext\u002Fcomic-text",{"title":1085,"path":1086,"stem":1087},"Counting Number","\u002Fcomponents\u002Ftext\u002Fcounting-number","3.components\u002Ftext\u002Fcounting-number",{"title":1089,"path":1090,"stem":1091},"Depth Parallax Words","\u002Fcomponents\u002Ftext\u002Fdepth-parallax-words","3.components\u002Ftext\u002Fdepth-parallax-words",{"title":1093,"path":1094,"stem":1095},"Fade Through","\u002Fcomponents\u002Ftext\u002Ffade-through","3.components\u002Ftext\u002Ffade-through",{"title":1097,"path":1098,"stem":1099},"Focus Blur Resolve","\u002Fcomponents\u002Ftext\u002Ffocus-blur-resolve","3.components\u002Ftext\u002Ffocus-blur-resolve",{"title":1101,"path":1102,"stem":1103},"Gravity Letters","\u002Fcomponents\u002Ftext\u002Fgravity-letters","3.components\u002Ftext\u002Fgravity-letters",{"title":1105,"path":1106,"stem":1107},"Kinetic Center Build","\u002Fcomponents\u002Ftext\u002Fkinetic-center-build","3.components\u002Ftext\u002Fkinetic-center-build",{"title":1109,"path":1110,"stem":1111},"Line By Line Slide","\u002Fcomponents\u002Ftext\u002Fline-by-line-slide","3.components\u002Ftext\u002Fline-by-line-slide",{"title":1113,"path":1114,"stem":1115},"Line Shadow Text","\u002Fcomponents\u002Ftext\u002Fline-shadow-text","3.components\u002Ftext\u002Fline-shadow-text",{"title":1117,"path":1118,"stem":1119},"Mask Reveal Up","\u002Fcomponents\u002Ftext\u002Fmask-reveal-up","3.components\u002Ftext\u002Fmask-reveal-up",{"title":1121,"path":1122,"stem":1123},"Micro Scale Fade","\u002Fcomponents\u002Ftext\u002Fmicro-scale-fade","3.components\u002Ftext\u002Fmicro-scale-fade",{"title":1125,"path":1126,"stem":1127},"Number Flow","\u002Fcomponents\u002Ftext\u002Fnumber-flow","3.components\u002Ftext\u002Fnumber-flow",{"title":1129,"path":1130,"stem":1131},"Per Character Rise","\u002Fcomponents\u002Ftext\u002Fper-character-rise","3.components\u002Ftext\u002Fper-character-rise",{"title":1133,"path":1134,"stem":1135},"Per Word Crossfade","\u002Fcomponents\u002Ftext\u002Fper-word-crossfade","3.components\u002Ftext\u002Fper-word-crossfade",{"title":1137,"path":1138,"stem":1139},"Perspective Text 3D","\u002Fcomponents\u002Ftext\u002Fperspective-text-3d","3.components\u002Ftext\u002Fperspective-text-3d",{"title":1141,"path":1142,"stem":1143},"Ransom Note","\u002Fcomponents\u002Ftext\u002Fransom-note","3.components\u002Ftext\u002Fransom-note",{"title":1145,"path":1146,"stem":1147},"Rolling Text","\u002Fcomponents\u002Ftext\u002Frolling-text","3.components\u002Ftext\u002Frolling-text",{"title":1149,"path":1150,"stem":1151},"Scale Down Fade","\u002Fcomponents\u002Ftext\u002Fscale-down-fade","3.components\u002Ftext\u002Fscale-down-fade",{"title":1153,"path":1154,"stem":1155},"Scroll Reveal Paragraph","\u002Fcomponents\u002Ftext\u002Fscroll-reveal-paragraph","3.components\u002Ftext\u002Fscroll-reveal-paragraph",{"title":1157,"path":1158,"stem":1159},"Shared Axis","\u002Fcomponents\u002Ftext\u002Fshared-axis","3.components\u002Ftext\u002Fshared-axis",{"title":1161,"path":1162,"stem":1163},"Shimmer Sweep","\u002Fcomponents\u002Ftext\u002Fshimmer-sweep","3.components\u002Ftext\u002Fshimmer-sweep",{"title":1165,"path":1166,"stem":1167},"Shine Text","\u002Fcomponents\u002Ftext\u002Fshine-text","3.components\u002Ftext\u002Fshine-text",{"title":1169,"path":1170,"stem":1171},"Short Lower in","\u002Fcomponents\u002Ftext\u002Fshort-slide-down","3.components\u002Ftext\u002Fshort-slide-down",{"title":1173,"path":1174,"stem":1175},"Short Slide Right","\u002Fcomponents\u002Ftext\u002Fshort-slide-right","3.components\u002Ftext\u002Fshort-slide-right",{"title":1177,"path":1178,"stem":1179},"Sliding Number","\u002Fcomponents\u002Ftext\u002Fsliding-number","3.components\u002Ftext\u002Fsliding-number",{"title":1181,"path":1182,"stem":1183},"Soft Blur In","\u002Fcomponents\u002Ftext\u002Fsoft-blur-in","3.components\u002Ftext\u002Fsoft-blur-in",{"title":1185,"path":1186,"stem":1187},"Sparkles Text","\u002Fcomponents\u002Ftext\u002Fsparkles-text","3.components\u002Ftext\u002Fsparkles-text",{"title":1189,"path":1190,"stem":1191},"Spinning Text","\u002Fcomponents\u002Ftext\u002Fspinning-text","3.components\u002Ftext\u002Fspinning-text",{"title":1193,"path":1194,"stem":1195},"Spring Scale In","\u002Fcomponents\u002Ftext\u002Fspring-scale-in","3.components\u002Ftext\u002Fspring-scale-in",{"title":1197,"path":1198,"stem":1199},"Stagger From Center","\u002Fcomponents\u002Ftext\u002Fstagger-from-center","3.components\u002Ftext\u002Fstagger-from-center",{"title":1201,"path":1202,"stem":1203},"Stagger From Edges","\u002Fcomponents\u002Ftext\u002Fstagger-from-edges","3.components\u002Ftext\u002Fstagger-from-edges",{"title":1205,"path":1206,"stem":1207},"Text Animate","\u002Fcomponents\u002Ftext\u002Ftext-animate","3.components\u002Ftext\u002Ftext-animate",{"title":1209,"path":1210,"stem":1211},"Text motion","\u002Fcomponents\u002Ftext\u002Ftext-effect","3.components\u002Ftext\u002Ftext-effect",{"title":1213,"path":1214,"stem":1215},"Text Glitch","\u002Fcomponents\u002Ftext\u002Ftext-glitch","3.components\u002Ftext\u002Ftext-glitch",{"title":1217,"path":1218,"stem":1219},"Text Glitch New","\u002Fcomponents\u002Ftext\u002Ftext-glitch-new","3.components\u002Ftext\u002Ftext-glitch-new",{"title":1221,"path":1222,"stem":1223},"Text Gradient","\u002Fcomponents\u002Ftext\u002Ftext-gradient","3.components\u002Ftext\u002Ftext-gradient",{"title":1225,"path":1226,"stem":1227},"Text Highlighter","\u002Fcomponents\u002Ftext\u002Ftext-highlighter","3.components\u002Ftext\u002Ftext-highlighter",{"title":1229,"path":1230,"stem":1231},"Text Loop","\u002Fcomponents\u002Ftext\u002Ftext-loop","3.components\u002Ftext\u002Ftext-loop",{"title":1233,"path":1234,"stem":1235},"Text Morph","\u002Fcomponents\u002Ftext\u002Ftext-morph","3.components\u002Ftext\u002Ftext-morph",{"title":1237,"path":1238,"stem":1239},"Text Reveal","\u002Fcomponents\u002Ftext\u002Ftext-reveal","3.components\u002Ftext\u002Ftext-reveal",{"title":1241,"path":1242,"stem":1243},"Text Roll","\u002Fcomponents\u002Ftext\u002Ftext-roll","3.components\u002Ftext\u002Ftext-roll",{"title":1245,"path":1246,"stem":1247},"Text Scramble","\u002Fcomponents\u002Ftext\u002Ftext-scramble","3.components\u002Ftext\u002Ftext-scramble",{"title":1249,"path":1250,"stem":1251},"Text Shimmer","\u002Fcomponents\u002Ftext\u002Ftext-shimmer","3.components\u002Ftext\u002Ftext-shimmer",{"title":1253,"path":1254,"stem":1255},"Text Shimmer Wave","\u002Fcomponents\u002Ftext\u002Ftext-shimmer-wave","3.components\u002Ftext\u002Ftext-shimmer-wave",{"title":1257,"path":1258,"stem":1259},"Top Down Letters","\u002Fcomponents\u002Ftext\u002Ftop-down-letters","3.components\u002Ftext\u002Ftop-down-letters",{"title":1261,"path":1262,"stem":1263},"True Focus","\u002Fcomponents\u002Ftext\u002Ftrue-focus","3.components\u002Ftext\u002Ftrue-focus",{"title":1265,"path":1266,"stem":1267},"Typing Text","\u002Fcomponents\u002Ftext\u002Ftyping-text","3.components\u002Ftext\u002Ftyping-text",{"title":1269,"path":1270,"stem":1271},"Variable Proximity","\u002Fcomponents\u002Ftext\u002Fvariable-proximity","3.components\u002Ftext\u002Fvariable-proximity",{"title":1273,"path":1274,"stem":1275},"Video Text","\u002Fcomponents\u002Ftext\u002Fvideo-text","3.components\u002Ftext\u002Fvideo-text",{"title":1277,"path":1278,"stem":1279},"Wave Text","\u002Fcomponents\u002Ftext\u002Fwave-text","3.components\u002Ftext\u002Fwave-text",{"title":1281,"path":1282,"stem":1283},"Word Rotate","\u002Fcomponents\u002Ftext\u002Fword-rotate","3.components\u002Ftext\u002Fword-rotate",{"title":1285,"icon":1286,"path":1287,"stem":1288,"children":1289,"page":61},"Transitions","i-lucide-git-compare","\u002Fcomponents\u002Ftransitions","3.components\u002Ftransitions",[1290,1294,1298,1302,1306,1310],{"title":1291,"path":1292,"stem":1293},"Aperture Blur Transition","\u002Fcomponents\u002Ftransitions\u002Faperture-blur-transition","3.components\u002Ftransitions\u002Faperture-blur-transition",{"title":1295,"path":1296,"stem":1297},"Chroma Blur Transition","\u002Fcomponents\u002Ftransitions\u002Fchroma-blur-transition","3.components\u002Ftransitions\u002Fchroma-blur-transition",{"title":1299,"path":1300,"stem":1301},"Prism Sweep Transition","\u002Fcomponents\u002Ftransitions\u002Fprism-sweep-transition","3.components\u002Ftransitions\u002Fprism-sweep-transition",{"title":1303,"path":1304,"stem":1305},"SDF Blob Transition","\u002Fcomponents\u002Ftransitions\u002Fsdf-blob-transition","3.components\u002Ftransitions\u002Fsdf-blob-transition",{"title":1307,"path":1308,"stem":1309},"Shader Reveal Transition","\u002Fcomponents\u002Ftransitions\u002Fshader-reveal-transition","3.components\u002Ftransitions\u002Fshader-reveal-transition",{"title":1311,"path":1312,"stem":1313},"Transition Panel","\u002Fcomponents\u002Ftransitions\u002Ftransition-panel","3.components\u002Ftransitions\u002Ftransition-panel",{"title":1315,"path":1316,"stem":1317,"children":1318,"icon":1336},"Composables","\u002Fcomposables","4.composables\u002Findex",[1319,1320,1324,1328,1332],{"title":1315,"path":1316,"stem":1317},{"title":1321,"path":1322,"stem":1323},"useCanvasCursor","\u002Fcomposables\u002Fuse-canvas-cursor","4.composables\u002Fuse-canvas-cursor",{"title":1325,"path":1326,"stem":1327},"useFluidCursor","\u002Fcomposables\u002Fuse-fluid-cursor","4.composables\u002Fuse-fluid-cursor",{"title":1329,"path":1330,"stem":1331},"useMotionBlockUI","\u002Fcomposables\u002Fuse-motion-block-ui","4.composables\u002Fuse-motion-block-ui",{"title":1333,"path":1334,"stem":1335},"useThemeColor","\u002Fcomposables\u002Fuse-theme-color","4.composables\u002Fuse-theme-color","i-lucide-puzzle",{"title":1338,"path":1339,"stem":1340,"children":1341,"icon":1343},"Guides","\u002Fguides","5.guides\u002Findex",[1342],{"title":1338,"path":1339,"stem":1340},"i-lucide-book-open",{"title":1345,"icon":1346,"path":1347,"stem":1348,"children":1349},"Blocks","i-lucide-blocks","\u002Fblocks","6.blocks",[1350,1352,1365,1374,1387,1400,1416,1429,1438,1447,1460,1469,1482,1491],{"title":1345,"path":1347,"stem":1351},"6.blocks\u002Findex",{"title":1353,"path":1354,"stem":1355,"children":1356,"page":61},"Blog","\u002Fblocks\u002Fblog","6.blocks\u002Fblog",[1357,1361],{"title":1358,"path":1359,"stem":1360},"Article Page","\u002Fblocks\u002Fblog\u002Farticle-page","6.blocks\u002Fblog\u002Farticle-page",{"title":1362,"path":1363,"stem":1364},"Blog Listing","\u002Fblocks\u002Fblog\u002Fblog-listing","6.blocks\u002Fblog\u002Fblog-listing",{"title":1366,"path":1367,"stem":1368,"children":1369,"page":61},"Cta","\u002Fblocks\u002Fcta","6.blocks\u002Fcta",[1370],{"title":1371,"path":1372,"stem":1373},"Centered CTA","\u002Fblocks\u002Fcta\u002Fcentered-cta","6.blocks\u002Fcta\u002Fcentered-cta",{"title":1375,"path":1376,"stem":1377,"children":1378,"page":61},"Dashboard Components","\u002Fblocks\u002Fdashboard-components","6.blocks\u002Fdashboard-components",[1379,1383],{"title":1380,"path":1381,"stem":1382},"Analytics Dashboard","\u002Fblocks\u002Fdashboard-components\u002Fanalytics-dashboard","6.blocks\u002Fdashboard-components\u002Fanalytics-dashboard",{"title":1384,"path":1385,"stem":1386},"User Management Table","\u002Fblocks\u002Fdashboard-components\u002Fuser-management","6.blocks\u002Fdashboard-components\u002Fuser-management",{"title":1388,"path":1389,"stem":1390,"children":1391,"page":61},"E Commerce","\u002Fblocks\u002Fe-commerce","6.blocks\u002Fe-commerce",[1392,1396],{"title":1393,"path":1394,"stem":1395},"Product Grid","\u002Fblocks\u002Fe-commerce\u002Fproduct-grid","6.blocks\u002Fe-commerce\u002Fproduct-grid",{"title":1397,"path":1398,"stem":1399},"Shopping Cart","\u002Fblocks\u002Fe-commerce\u002Fshopping-cart","6.blocks\u002Fe-commerce\u002Fshopping-cart",{"title":1401,"path":1402,"stem":1403,"children":1404,"page":61},"Featured Components","\u002Fblocks\u002Ffeatured-components","6.blocks\u002Ffeatured-components",[1405,1409,1412],{"title":1406,"path":1407,"stem":1408},"Animated Gradient","\u002Fblocks\u002Ffeatured-components\u002Fanimated-gradient","6.blocks\u002Ffeatured-components\u002Fanimated-gradient",{"title":167,"path":1410,"stem":1411},"\u002Fblocks\u002Ffeatured-components\u002Fanimated-spotlight","6.blocks\u002Ffeatured-components\u002Fanimated-spotlight",{"title":1413,"path":1414,"stem":1415},"Ripple Effect","\u002Fblocks\u002Ffeatured-components\u002Fripple-effect","6.blocks\u002Ffeatured-components\u002Fripple-effect",{"title":1417,"path":1418,"stem":1419,"children":1420,"page":61},"Features","\u002Fblocks\u002Ffeatures","6.blocks\u002Ffeatures",[1421,1425],{"title":1422,"path":1423,"stem":1424},"Feature Grid","\u002Fblocks\u002Ffeatures\u002Ffeature-grid","6.blocks\u002Ffeatures\u002Ffeature-grid",{"title":1426,"path":1427,"stem":1428},"Glare Card Features","\u002Fblocks\u002Ffeatures\u002Fglare-card-features","6.blocks\u002Ffeatures\u002Fglare-card-features",{"title":1430,"path":1431,"stem":1432,"children":1433,"page":61},"Footers","\u002Fblocks\u002Ffooters","6.blocks\u002Ffooters",[1434],{"title":1435,"path":1436,"stem":1437},"Multi-column Footer","\u002Fblocks\u002Ffooters\u002Fmulti-column-footer","6.blocks\u002Ffooters\u002Fmulti-column-footer",{"title":1439,"path":1440,"stem":1441,"children":1442,"page":61},"Hero Sections","\u002Fblocks\u002Fhero-sections","6.blocks\u002Fhero-sections",[1443],{"title":1444,"path":1445,"stem":1446},"Gradient Hero","\u002Fblocks\u002Fhero-sections\u002Fgradient-hero","6.blocks\u002Fhero-sections\u002Fgradient-hero",{"title":1448,"path":1449,"stem":1450,"children":1451,"page":61},"Landing Page","\u002Fblocks\u002Flanding-page","6.blocks\u002Flanding-page",[1452,1456],{"title":1453,"path":1454,"stem":1455},"Feature Showcase","\u002Fblocks\u002Flanding-page\u002Ffeature-showcase","6.blocks\u002Flanding-page\u002Ffeature-showcase",{"title":1457,"path":1458,"stem":1459},"Testimonial Carousel","\u002Fblocks\u002Flanding-page\u002Ftestimonial-carousel","6.blocks\u002Flanding-page\u002Ftestimonial-carousel",{"title":1461,"path":1462,"stem":1463,"children":1464,"page":61},"Navigation","\u002Fblocks\u002Fnavigation","6.blocks\u002Fnavigation",[1465],{"title":1466,"path":1467,"stem":1468},"Modern Navbar","\u002Fblocks\u002Fnavigation\u002Fmodern-navbar","6.blocks\u002Fnavigation\u002Fmodern-navbar",{"title":1470,"path":1471,"stem":1472,"children":1473,"page":61},"Portfolio","\u002Fblocks\u002Fportfolio","6.blocks\u002Fportfolio",[1474,1478],{"title":1475,"path":1476,"stem":1477},"Case Study","\u002Fblocks\u002Fportfolio\u002Fcase-study","6.blocks\u002Fportfolio\u002Fcase-study",{"title":1479,"path":1480,"stem":1481},"Project Gallery","\u002Fblocks\u002Fportfolio\u002Fproject-gallery","6.blocks\u002Fportfolio\u002Fproject-gallery",{"title":1483,"path":1484,"stem":1485,"children":1486,"page":61},"Pricing","\u002Fblocks\u002Fpricing","6.blocks\u002Fpricing",[1487],{"title":1488,"path":1489,"stem":1490},"Pricing Cards","\u002Fblocks\u002Fpricing\u002Fpricing-cards","6.blocks\u002Fpricing\u002Fpricing-cards",{"title":1492,"path":1493,"stem":1494,"children":1495,"page":61},"Testimonials","\u002Fblocks\u002Ftestimonials","6.blocks\u002Ftestimonials",[1496],{"title":1457,"path":1497,"stem":1498},"\u002Fblocks\u002Ftestimonials\u002Ftestimonial-carousel","6.blocks\u002Ftestimonials\u002Ftestimonial-carousel",{"title":1500,"icon":1501,"path":1502,"stem":1503,"children":1504},"Templates","i-lucide-layout-template","\u002Ftemplates","7.templates",[1505,1507,1511,1515,1519],{"title":1500,"path":1502,"stem":1506},"7.templates\u002Findex",{"title":1508,"path":1509,"stem":1510},"Basic Landing Page","\u002Ftemplates\u002Fbasic-landing-page","7.templates\u002F2.basic-landing-page",{"title":1512,"path":1513,"stem":1514},"SaaS Landing Page","\u002Ftemplates\u002Fsaas-landing-page","7.templates\u002F3.saas-landing-page",{"title":1516,"path":1517,"stem":1518},"E-commerce Landing Page","\u002Ftemplates\u002Fecommerce-landing-page","7.templates\u002F4.ecommerce-landing-page",{"title":1520,"path":1521,"stem":1522},"Creative Agency Landing Page","\u002Ftemplates\u002Fcreative-agency-landing-page","7.templates\u002F5.creative-agency-landing-page",{"title":1524,"path":1525,"stem":1526,"children":1527,"icon":1529},"API Reference","\u002Fapi-reference","8.api-reference\u002Findex",[1528],{"title":1524,"path":1525,"stem":1526},"i-lucide-braces",{"id":1531,"title":1069,"body":1532,"description":7694,"extension":7695,"links":7696,"meta":7697,"navigation":1854,"path":1070,"seo":7698,"stem":1071,"__hash__":7699},"docs\u002F3.components\u002Ftext\u002Fanimated-number.md",{"type":1533,"value":1534,"toc":7682},"minimark",[1535,1544,1548,4938,4942,4946,6970,6974,7497,7501,7515,7519,7561,7563,7579,7584,7594,7598,7608,7625,7632,7636,7678],[1536,1537,1538,1539,1543],"p",{},"The AnimatedNumber component animates numeric values with smooth transitions. A single ",[1540,1541,1542],"code",{},"useSpring"," eases the displayed figure from its previous value to the new one, so counters, statistics, and dashboards settle rather than jump.",[1545,1546,16],"h2",{"id":1547},"usage",[1549,1550,1552,1565],"code-preview",{"label":1551},"Preview",[1553,1554,1560,1561],"div",{"className":1555},[1556,1557,1558,1559],"flex","justify-center","w-full","h-full","  ",[1562,1563],"component-example",{"name":1564},"animated-number-basic",[1566,1567,1569],"template",{"v-slot:code":1568},"",[1570,1571,1575],"pre",{"className":1572,"code":1573,"language":1574,"meta":1568,"style":1568},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003Cdiv class=\"p-8 bg-gradient-to-br from-gray-50 to-gray-100 dark:from-gray-900 dark:to-gray-800\">\n    \u003Cdiv class=\"max-w-6xl mx-auto\">\n      \u003Cdiv class=\"text-center mb-12\">\n        \u003Cdiv class=\"inline-flex items-center gap-2 px-4 py-2 bg-primary\u002F10 dark:bg-primary\u002F30 rounded-full mb-4\">\n          \u003CUIcon\n            name=\"i-lucide-bar-chart-3\"\n            class=\"w-5 h-5 text-primary\"\n          \u002F>\n          \u003Cspan class=\"text-primary font-medium\">Performance Dashboard\u003C\u002Fspan>\n        \u003C\u002Fdiv>\n        \u003Ch2 class=\"text-4xl font-bold text-highlighted mb-4\">\n          Real-time Metrics\n        \u003C\u002Fh2>\n        \u003Cp class=\"text-xl text-muted max-w-3xl mx-auto\">\n          Live analytics and performance indicators that update in real-time to help you make informed decisions\n        \u003C\u002Fp>\n      \u003C\u002Fdiv>\n\n      \u003Cdiv class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-8\">\n        \u003CUCard class=\"text-center hover:shadow-lg transition-shadow\">\n          \u003Cdiv class=\"flex justify-center mb-4\">\n            \u003Cdiv class=\"w-16 h-16 rounded-xl bg-primary\u002F10 dark:bg-primary\u002F30 flex items-center justify-center\">\n              \u003CUIcon\n                name=\"i-lucide-users\"\n                class=\"w-8 h-8 text-primary\"\n              \u002F>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n          \u003Cdiv class=\"text-4xl font-bold text-highlighted mb-2\">\n            \u003CMAnimatedNumber\n              :value=\"activeUsers\"\n              :spring-options=\"{ stiffness: 100, damping: 10 }\"\n            \u002F>\n          \u003C\u002Fdiv>\n          \u003Cdiv class=\"text-muted mb-3\">\n            Monthly actives\n          \u003C\u002Fdiv>\n          \u003Cdiv class=\"flex items-center justify-center text-sm text-green-600 dark:text-green-400\">\n            \u003CUIcon\n              name=\"i-lucide-trending-up\"\n              class=\"w-4 h-4 mr-1\"\n            \u002F>\n            \u003Cspan>+12.5% from last month\u003C\u002Fspan>\n          \u003C\u002Fdiv>\n        \u003C\u002FUCard>\n\n        \u003CUCard class=\"text-center hover:shadow-lg transition-shadow\">\n          \u003Cdiv class=\"flex justify-center mb-4\">\n            \u003Cdiv class=\"w-16 h-16 rounded-xl bg-green-100 dark:bg-green-900\u002F30 flex items-center justify-center\">\n              \u003CUIcon\n                name=\"i-lucide-zap\"\n                class=\"w-8 h-8 text-green-600 dark:text-green-400\"\n              \u002F>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n          \u003Cdiv class=\"text-4xl font-bold text-highlighted mb-2\">\n            \u003CMAnimatedNumber\n              :value=\"uptime\"\n              :spring-options=\"{ stiffness: 100, damping: 10 }\"\n            \u002F>\n            \u003Cspan class=\"text-2xl\">%\u003C\u002Fspan>\n          \u003C\u002Fdiv>\n          \u003Cdiv class=\"text-muted mb-3\">\n            System Uptime\n          \u003C\u002Fdiv>\n          \u003Cdiv class=\"flex items-center justify-center text-sm text-green-600 dark:text-green-400\">\n            \u003CUIcon\n              name=\"i-lucide-check-circle\"\n              class=\"w-4 h-4 mr-1\"\n            \u002F>\n            \u003Cspan>99.99% SLA\u003C\u002Fspan>\n          \u003C\u002Fdiv>\n        \u003C\u002FUCard>\n\n        \u003CUCard class=\"text-center hover:shadow-lg transition-shadow\">\n          \u003Cdiv class=\"flex justify-center mb-4\">\n            \u003Cdiv class=\"w-16 h-16 rounded-xl bg-purple-100 dark:bg-purple-900\u002F30 flex items-center justify-center\">\n              \u003CUIcon\n                name=\"i-lucide-package\"\n                class=\"w-8 h-8 text-purple-600 dark:text-purple-400\"\n              \u002F>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n          \u003Cdiv class=\"text-4xl font-bold text-highlighted mb-2\">\n            \u003CMAnimatedNumber\n              :value=\"projects\"\n              :spring-options=\"{ stiffness: 100, damping: 10 }\"\n            \u002F>+\n          \u003C\u002Fdiv>\n          \u003Cdiv class=\"text-muted mb-3\">\n            Projects Delivered\n          \u003C\u002Fdiv>\n          \u003Cdiv class=\"flex items-center justify-center text-sm text-primary\">\n            \u003CUIcon\n              name=\"i-lucide-trending-up\"\n              class=\"w-4 h-4 mr-1\"\n            \u002F>\n            \u003Cspan>+8.2% from last quarter\u003C\u002Fspan>\n          \u003C\u002Fdiv>\n        \u003C\u002FUCard>\n\n        \u003CUCard class=\"text-center hover:shadow-lg transition-shadow\">\n          \u003Cdiv class=\"flex justify-center mb-4\">\n            \u003Cdiv class=\"w-16 h-16 rounded-xl bg-orange-100 dark:bg-orange-900\u002F30 flex items-center justify-center\">\n              \u003CUIcon\n                name=\"i-lucide-life-buoy\"\n                class=\"w-8 h-8 text-orange-600 dark:text-orange-400\"\n              \u002F>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n          \u003Cdiv class=\"text-4xl font-bold text-highlighted mb-2\">\n            \u003CMAnimatedNumber\n              :value=\"responseTime\"\n              :spring-options=\"{ stiffness: 100, damping: 10 }\"\n            \u002F>\n            \u003Cspan class=\"text-2xl\">ms\u003C\u002Fspan>\n          \u003C\u002Fdiv>\n          \u003Cdiv class=\"text-muted mb-3\">\n            Avg. Response Time\n          \u003C\u002Fdiv>\n          \u003Cdiv class=\"flex items-center justify-center text-sm text-green-600 dark:text-green-400\">\n            \u003CUIcon\n              name=\"i-lucide-trending-down\"\n              class=\"w-4 h-4 mr-1\"\n            \u002F>\n            \u003Cspan>-15% from last week\u003C\u002Fspan>\n          \u003C\u002Fdiv>\n        \u003C\u002FUCard>\n      \u003C\u002Fdiv>\n\n      \u003CUCard class=\"mb-8\">\n        \u003Cdiv class=\"flex flex-col md:flex-row md:items-center md:justify-between mb-6\">\n          \u003Cdiv>\n            \u003Ch3 class=\"text-xl font-bold text-highlighted mb-1\">\n              Performance Trends\n            \u003C\u002Fh3>\n            \u003Cp class=\"text-muted\">\n              Historical data and growth patterns\n            \u003C\u002Fp>\n          \u003C\u002Fdiv>\n          \u003Cdiv class=\"flex gap-2 mt-4 md:mt-0\">\n            \u003CUButton\n              size=\"sm\"\n              :color=\"timeRange === '7d' ? 'primary' : 'gray'\"\n              variant=\"solid\"\n              @click=\"setTimeRange('7d')\"\n            >\n              7D\n            \u003C\u002FUButton>\n            \u003CUButton\n              size=\"sm\"\n              :color=\"timeRange === '30d' ? 'primary' : 'gray'\"\n              variant=\"solid\"\n              @click=\"setTimeRange('30d')\"\n            >\n              30D\n            \u003C\u002FUButton>\n            \u003CUButton\n              size=\"sm\"\n              :color=\"timeRange === '90d' ? 'primary' : 'gray'\"\n              variant=\"solid\"\n              @click=\"setTimeRange('90d')\"\n            >\n              90D\n            \u003C\u002FUButton>\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n\n        \u003Cdiv class=\"h-64 flex items-center justify-center bg-elevated rounded-lg\">\n          \u003Cdiv class=\"text-center\">\n            \u003CUIcon\n              name=\"i-lucide-bar-chart-3\"\n              class=\"w-12 h-12 text-dimmed mx-auto mb-3\"\n            \u002F>\n            \u003Cp class=\"text-muted\">\n              Performance chart visualization\n            \u003C\u002Fp>\n            \u003Cp class=\"text-sm text-dimmed mt-1\">\n              Interactive chart would appear here\n            \u003C\u002Fp>\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n      \u003C\u002FUCard>\n\n      \u003Cdiv class=\"flex flex-col sm:flex-row justify-center gap-4\">\n        \u003CUButton\n          size=\"lg\"\n          color=\"primary\"\n          class=\"px-8 py-3\"\n          @click=\"refreshData\"\n        >\n          \u003CUIcon\n            name=\"i-lucide-refresh-cw\"\n            class=\"w-5 h-5 mr-2\"\n          \u002F>\n          Refresh Data\n        \u003C\u002FUButton>\n        \u003CUButton\n          size=\"lg\"\n          variant=\"outline\"\n          class=\"px-8 py-3\"\n          @click=\"exportReport\"\n        >\n          \u003CUIcon\n            name=\"i-lucide-download\"\n            class=\"w-5 h-5 mr-2\"\n          \u002F>\n          Export Report\n        \u003C\u002FUButton>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup>\nimport { ref, onMounted } from 'vue'\n\nconst activeUsers = ref(15420)\nconst uptime = ref(99.9)\nconst projects = ref(542)\nconst responseTime = ref(124)\nconst timeRange = ref('30d')\n\nconst refreshData = () => {\n  \u002F\u002F Simulate data refresh with random variations\n  activeUsers.value = Math.floor(15000 + Math.random() * 1000)\n  uptime.value = Number.parseFloat((99.8 + Math.random() * 0.2).toFixed(2))\n  projects.value = 500 + Math.floor(Math.random() * 50)\n  responseTime.value = Math.floor(100 + Math.random() * 50)\n}\n\nconst exportReport = () => {\n  \u002F\u002F In a real implementation, this would export a PDF or CSV report\n  alert('Exporting performance report...')\n}\n\nconst setTimeRange = (range) => {\n  timeRange.value = range\n  \u002F\u002F In a real implementation, this would fetch data for the selected time range\n  console.log('Time range set to:', range)\n}\n\n\u002F\u002F Simulate real-time updates\nonMounted(() => {\n  setInterval(() => {\n    refreshData()\n  }, 10000) \u002F\u002F Update every 10 seconds\n})\n\u003C\u002Fscript>\n","vue",[1540,1576,1577,1592,1618,1639,1660,1681,1690,1706,1721,1727,1759,1769,1789,1795,1804,1824,1830,1839,1849,1856,1876,1897,1917,1938,1946,1961,1976,1982,1992,2002,2022,2030,2048,2089,2095,2104,2124,2130,2139,2159,2166,2181,2196,2201,2219,2228,2237,2242,2261,2280,2300,2307,2321,2335,2340,2349,2358,2377,2384,2400,2431,2436,2465,2474,2493,2499,2508,2527,2534,2548,2561,2566,2584,2593,2602,2607,2626,2645,2665,2672,2686,2700,2705,2714,2723,2742,2749,2765,2796,2805,2814,2833,2839,2848,2868,2875,2888,2901,2906,2924,2933,2942,2947,2966,2985,3005,3012,3026,3040,3045,3054,3063,3082,3089,3105,3136,3141,3169,3178,3197,3203,3212,3231,3238,3252,3265,3270,3288,3297,3306,3315,3320,3340,3360,3369,3390,3396,3405,3425,3431,3440,3449,3469,3477,3492,3539,3554,3585,3591,3597,3607,3614,3627,3665,3678,3703,3708,3714,3723,3730,3743,3781,3794,3819,3824,3830,3839,3848,3857,3862,3882,3902,3909,3922,3936,3941,3960,3966,3975,3995,4001,4010,4019,4028,4037,4042,4062,4069,4084,4098,4113,4130,4136,4143,4157,4171,4176,4182,4191,4198,4211,4226,4239,4255,4260,4267,4281,4294,4299,4305,4314,4323,4333,4343,4352,4357,4370,4402,4407,4428,4447,4466,4485,4507,4512,4531,4538,4586,4642,4683,4721,4727,4732,4748,4754,4771,4776,4781,4804,4819,4825,4852,4857,4862,4868,4883,4897,4906,4921,4929],{"__ignoreMap":1568},[1578,1579,1582,1586,1589],"span",{"class":1580,"line":1581},"line",1,[1578,1583,1585],{"class":1584},"sMK4o","\u003C",[1578,1587,1566],{"class":1588},"swJcz",[1578,1590,1591],{"class":1584},">\n",[1578,1593,1595,1598,1600,1604,1607,1610,1614,1616],{"class":1580,"line":1594},2,[1578,1596,1597],{"class":1584},"  \u003C",[1578,1599,1553],{"class":1588},[1578,1601,1603],{"class":1602},"spNyl"," class",[1578,1605,1606],{"class":1584},"=",[1578,1608,1609],{"class":1584},"\"",[1578,1611,1613],{"class":1612},"sfazB","p-8 bg-gradient-to-br from-gray-50 to-gray-100 dark:from-gray-900 dark:to-gray-800",[1578,1615,1609],{"class":1584},[1578,1617,1591],{"class":1584},[1578,1619,1621,1624,1626,1628,1630,1632,1635,1637],{"class":1580,"line":1620},3,[1578,1622,1623],{"class":1584},"    \u003C",[1578,1625,1553],{"class":1588},[1578,1627,1603],{"class":1602},[1578,1629,1606],{"class":1584},[1578,1631,1609],{"class":1584},[1578,1633,1634],{"class":1612},"max-w-6xl mx-auto",[1578,1636,1609],{"class":1584},[1578,1638,1591],{"class":1584},[1578,1640,1642,1645,1647,1649,1651,1653,1656,1658],{"class":1580,"line":1641},4,[1578,1643,1644],{"class":1584},"      \u003C",[1578,1646,1553],{"class":1588},[1578,1648,1603],{"class":1602},[1578,1650,1606],{"class":1584},[1578,1652,1609],{"class":1584},[1578,1654,1655],{"class":1612},"text-center mb-12",[1578,1657,1609],{"class":1584},[1578,1659,1591],{"class":1584},[1578,1661,1663,1666,1668,1670,1672,1674,1677,1679],{"class":1580,"line":1662},5,[1578,1664,1665],{"class":1584},"        \u003C",[1578,1667,1553],{"class":1588},[1578,1669,1603],{"class":1602},[1578,1671,1606],{"class":1584},[1578,1673,1609],{"class":1584},[1578,1675,1676],{"class":1612},"inline-flex items-center gap-2 px-4 py-2 bg-primary\u002F10 dark:bg-primary\u002F30 rounded-full mb-4",[1578,1678,1609],{"class":1584},[1578,1680,1591],{"class":1584},[1578,1682,1684,1687],{"class":1580,"line":1683},6,[1578,1685,1686],{"class":1584},"          \u003C",[1578,1688,1689],{"class":1588},"UIcon\n",[1578,1691,1693,1696,1698,1700,1703],{"class":1580,"line":1692},7,[1578,1694,1695],{"class":1602},"            name",[1578,1697,1606],{"class":1584},[1578,1699,1609],{"class":1584},[1578,1701,1702],{"class":1612},"i-lucide-bar-chart-3",[1578,1704,1705],{"class":1584},"\"\n",[1578,1707,1709,1712,1714,1716,1719],{"class":1580,"line":1708},8,[1578,1710,1711],{"class":1602},"            class",[1578,1713,1606],{"class":1584},[1578,1715,1609],{"class":1584},[1578,1717,1718],{"class":1612},"w-5 h-5 text-primary",[1578,1720,1705],{"class":1584},[1578,1722,1724],{"class":1580,"line":1723},9,[1578,1725,1726],{"class":1584},"          \u002F>\n",[1578,1728,1730,1732,1734,1736,1738,1740,1743,1745,1748,1752,1755,1757],{"class":1580,"line":1729},10,[1578,1731,1686],{"class":1584},[1578,1733,1578],{"class":1588},[1578,1735,1603],{"class":1602},[1578,1737,1606],{"class":1584},[1578,1739,1609],{"class":1584},[1578,1741,1742],{"class":1612},"text-primary font-medium",[1578,1744,1609],{"class":1584},[1578,1746,1747],{"class":1584},">",[1578,1749,1751],{"class":1750},"sTEyZ","Performance Dashboard",[1578,1753,1754],{"class":1584},"\u003C\u002F",[1578,1756,1578],{"class":1588},[1578,1758,1591],{"class":1584},[1578,1760,1762,1765,1767],{"class":1580,"line":1761},11,[1578,1763,1764],{"class":1584},"        \u003C\u002F",[1578,1766,1553],{"class":1588},[1578,1768,1591],{"class":1584},[1578,1770,1772,1774,1776,1778,1780,1782,1785,1787],{"class":1580,"line":1771},12,[1578,1773,1665],{"class":1584},[1578,1775,1545],{"class":1588},[1578,1777,1603],{"class":1602},[1578,1779,1606],{"class":1584},[1578,1781,1609],{"class":1584},[1578,1783,1784],{"class":1612},"text-4xl font-bold text-highlighted mb-4",[1578,1786,1609],{"class":1584},[1578,1788,1591],{"class":1584},[1578,1790,1792],{"class":1580,"line":1791},13,[1578,1793,1794],{"class":1750},"          Real-time Metrics\n",[1578,1796,1798,1800,1802],{"class":1580,"line":1797},14,[1578,1799,1764],{"class":1584},[1578,1801,1545],{"class":1588},[1578,1803,1591],{"class":1584},[1578,1805,1807,1809,1811,1813,1815,1817,1820,1822],{"class":1580,"line":1806},15,[1578,1808,1665],{"class":1584},[1578,1810,1536],{"class":1588},[1578,1812,1603],{"class":1602},[1578,1814,1606],{"class":1584},[1578,1816,1609],{"class":1584},[1578,1818,1819],{"class":1612},"text-xl text-muted max-w-3xl mx-auto",[1578,1821,1609],{"class":1584},[1578,1823,1591],{"class":1584},[1578,1825,1827],{"class":1580,"line":1826},16,[1578,1828,1829],{"class":1750},"          Live analytics and performance indicators that update in real-time to help you make informed decisions\n",[1578,1831,1833,1835,1837],{"class":1580,"line":1832},17,[1578,1834,1764],{"class":1584},[1578,1836,1536],{"class":1588},[1578,1838,1591],{"class":1584},[1578,1840,1842,1845,1847],{"class":1580,"line":1841},18,[1578,1843,1844],{"class":1584},"      \u003C\u002F",[1578,1846,1553],{"class":1588},[1578,1848,1591],{"class":1584},[1578,1850,1852],{"class":1580,"line":1851},19,[1578,1853,1855],{"emptyLinePlaceholder":1854},true,"\n",[1578,1857,1859,1861,1863,1865,1867,1869,1872,1874],{"class":1580,"line":1858},20,[1578,1860,1644],{"class":1584},[1578,1862,1553],{"class":1588},[1578,1864,1603],{"class":1602},[1578,1866,1606],{"class":1584},[1578,1868,1609],{"class":1584},[1578,1870,1871],{"class":1612},"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-8",[1578,1873,1609],{"class":1584},[1578,1875,1591],{"class":1584},[1578,1877,1879,1881,1884,1886,1888,1890,1893,1895],{"class":1580,"line":1878},21,[1578,1880,1665],{"class":1584},[1578,1882,1883],{"class":1588},"UCard",[1578,1885,1603],{"class":1602},[1578,1887,1606],{"class":1584},[1578,1889,1609],{"class":1584},[1578,1891,1892],{"class":1612},"text-center hover:shadow-lg transition-shadow",[1578,1894,1609],{"class":1584},[1578,1896,1591],{"class":1584},[1578,1898,1900,1902,1904,1906,1908,1910,1913,1915],{"class":1580,"line":1899},22,[1578,1901,1686],{"class":1584},[1578,1903,1553],{"class":1588},[1578,1905,1603],{"class":1602},[1578,1907,1606],{"class":1584},[1578,1909,1609],{"class":1584},[1578,1911,1912],{"class":1612},"flex justify-center mb-4",[1578,1914,1609],{"class":1584},[1578,1916,1591],{"class":1584},[1578,1918,1920,1923,1925,1927,1929,1931,1934,1936],{"class":1580,"line":1919},23,[1578,1921,1922],{"class":1584},"            \u003C",[1578,1924,1553],{"class":1588},[1578,1926,1603],{"class":1602},[1578,1928,1606],{"class":1584},[1578,1930,1609],{"class":1584},[1578,1932,1933],{"class":1612},"w-16 h-16 rounded-xl bg-primary\u002F10 dark:bg-primary\u002F30 flex items-center justify-center",[1578,1935,1609],{"class":1584},[1578,1937,1591],{"class":1584},[1578,1939,1941,1944],{"class":1580,"line":1940},24,[1578,1942,1943],{"class":1584},"              \u003C",[1578,1945,1689],{"class":1588},[1578,1947,1949,1952,1954,1956,1959],{"class":1580,"line":1948},25,[1578,1950,1951],{"class":1602},"                name",[1578,1953,1606],{"class":1584},[1578,1955,1609],{"class":1584},[1578,1957,1958],{"class":1612},"i-lucide-users",[1578,1960,1705],{"class":1584},[1578,1962,1964,1967,1969,1971,1974],{"class":1580,"line":1963},26,[1578,1965,1966],{"class":1602},"                class",[1578,1968,1606],{"class":1584},[1578,1970,1609],{"class":1584},[1578,1972,1973],{"class":1612},"w-8 h-8 text-primary",[1578,1975,1705],{"class":1584},[1578,1977,1979],{"class":1580,"line":1978},27,[1578,1980,1981],{"class":1584},"              \u002F>\n",[1578,1983,1985,1988,1990],{"class":1580,"line":1984},28,[1578,1986,1987],{"class":1584},"            \u003C\u002F",[1578,1989,1553],{"class":1588},[1578,1991,1591],{"class":1584},[1578,1993,1995,1998,2000],{"class":1580,"line":1994},29,[1578,1996,1997],{"class":1584},"          \u003C\u002F",[1578,1999,1553],{"class":1588},[1578,2001,1591],{"class":1584},[1578,2003,2005,2007,2009,2011,2013,2015,2018,2020],{"class":1580,"line":2004},30,[1578,2006,1686],{"class":1584},[1578,2008,1553],{"class":1588},[1578,2010,1603],{"class":1602},[1578,2012,1606],{"class":1584},[1578,2014,1609],{"class":1584},[1578,2016,2017],{"class":1612},"text-4xl font-bold text-highlighted mb-2",[1578,2019,1609],{"class":1584},[1578,2021,1591],{"class":1584},[1578,2023,2025,2027],{"class":1580,"line":2024},31,[1578,2026,1922],{"class":1584},[1578,2028,2029],{"class":1588},"MAnimatedNumber\n",[1578,2031,2033,2036,2039,2041,2043,2046],{"class":1580,"line":2032},32,[1578,2034,2035],{"class":1584},"              :",[1578,2037,2038],{"class":1602},"value",[1578,2040,1606],{"class":1584},[1578,2042,1609],{"class":1584},[1578,2044,2045],{"class":1750},"activeUsers",[1578,2047,1705],{"class":1584},[1578,2049,2051,2053,2056,2058,2060,2063,2066,2069,2073,2076,2079,2081,2084,2087],{"class":1580,"line":2050},33,[1578,2052,2035],{"class":1584},[1578,2054,2055],{"class":1602},"spring-options",[1578,2057,1606],{"class":1584},[1578,2059,1609],{"class":1584},[1578,2061,2062],{"class":1584},"{ ",[1578,2064,2065],{"class":1588},"stiffness",[1578,2067,2068],{"class":1584},": ",[1578,2070,2072],{"class":2071},"sbssI","100",[1578,2074,2075],{"class":1584},", ",[1578,2077,2078],{"class":1588},"damping",[1578,2080,2068],{"class":1584},[1578,2082,2083],{"class":2071},"10",[1578,2085,2086],{"class":1584}," }",[1578,2088,1705],{"class":1584},[1578,2090,2092],{"class":1580,"line":2091},34,[1578,2093,2094],{"class":1584},"            \u002F>\n",[1578,2096,2098,2100,2102],{"class":1580,"line":2097},35,[1578,2099,1997],{"class":1584},[1578,2101,1553],{"class":1588},[1578,2103,1591],{"class":1584},[1578,2105,2107,2109,2111,2113,2115,2117,2120,2122],{"class":1580,"line":2106},36,[1578,2108,1686],{"class":1584},[1578,2110,1553],{"class":1588},[1578,2112,1603],{"class":1602},[1578,2114,1606],{"class":1584},[1578,2116,1609],{"class":1584},[1578,2118,2119],{"class":1612},"text-muted mb-3",[1578,2121,1609],{"class":1584},[1578,2123,1591],{"class":1584},[1578,2125,2127],{"class":1580,"line":2126},37,[1578,2128,2129],{"class":1750},"            Monthly actives\n",[1578,2131,2133,2135,2137],{"class":1580,"line":2132},38,[1578,2134,1997],{"class":1584},[1578,2136,1553],{"class":1588},[1578,2138,1591],{"class":1584},[1578,2140,2142,2144,2146,2148,2150,2152,2155,2157],{"class":1580,"line":2141},39,[1578,2143,1686],{"class":1584},[1578,2145,1553],{"class":1588},[1578,2147,1603],{"class":1602},[1578,2149,1606],{"class":1584},[1578,2151,1609],{"class":1584},[1578,2153,2154],{"class":1612},"flex items-center justify-center text-sm text-green-600 dark:text-green-400",[1578,2156,1609],{"class":1584},[1578,2158,1591],{"class":1584},[1578,2160,2162,2164],{"class":1580,"line":2161},40,[1578,2163,1922],{"class":1584},[1578,2165,1689],{"class":1588},[1578,2167,2169,2172,2174,2176,2179],{"class":1580,"line":2168},41,[1578,2170,2171],{"class":1602},"              name",[1578,2173,1606],{"class":1584},[1578,2175,1609],{"class":1584},[1578,2177,2178],{"class":1612},"i-lucide-trending-up",[1578,2180,1705],{"class":1584},[1578,2182,2184,2187,2189,2191,2194],{"class":1580,"line":2183},42,[1578,2185,2186],{"class":1602},"              class",[1578,2188,1606],{"class":1584},[1578,2190,1609],{"class":1584},[1578,2192,2193],{"class":1612},"w-4 h-4 mr-1",[1578,2195,1705],{"class":1584},[1578,2197,2199],{"class":1580,"line":2198},43,[1578,2200,2094],{"class":1584},[1578,2202,2204,2206,2208,2210,2213,2215,2217],{"class":1580,"line":2203},44,[1578,2205,1922],{"class":1584},[1578,2207,1578],{"class":1588},[1578,2209,1747],{"class":1584},[1578,2211,2212],{"class":1750},"+12.5% from last month",[1578,2214,1754],{"class":1584},[1578,2216,1578],{"class":1588},[1578,2218,1591],{"class":1584},[1578,2220,2222,2224,2226],{"class":1580,"line":2221},45,[1578,2223,1997],{"class":1584},[1578,2225,1553],{"class":1588},[1578,2227,1591],{"class":1584},[1578,2229,2231,2233,2235],{"class":1580,"line":2230},46,[1578,2232,1764],{"class":1584},[1578,2234,1883],{"class":1588},[1578,2236,1591],{"class":1584},[1578,2238,2240],{"class":1580,"line":2239},47,[1578,2241,1855],{"emptyLinePlaceholder":1854},[1578,2243,2245,2247,2249,2251,2253,2255,2257,2259],{"class":1580,"line":2244},48,[1578,2246,1665],{"class":1584},[1578,2248,1883],{"class":1588},[1578,2250,1603],{"class":1602},[1578,2252,1606],{"class":1584},[1578,2254,1609],{"class":1584},[1578,2256,1892],{"class":1612},[1578,2258,1609],{"class":1584},[1578,2260,1591],{"class":1584},[1578,2262,2264,2266,2268,2270,2272,2274,2276,2278],{"class":1580,"line":2263},49,[1578,2265,1686],{"class":1584},[1578,2267,1553],{"class":1588},[1578,2269,1603],{"class":1602},[1578,2271,1606],{"class":1584},[1578,2273,1609],{"class":1584},[1578,2275,1912],{"class":1612},[1578,2277,1609],{"class":1584},[1578,2279,1591],{"class":1584},[1578,2281,2283,2285,2287,2289,2291,2293,2296,2298],{"class":1580,"line":2282},50,[1578,2284,1922],{"class":1584},[1578,2286,1553],{"class":1588},[1578,2288,1603],{"class":1602},[1578,2290,1606],{"class":1584},[1578,2292,1609],{"class":1584},[1578,2294,2295],{"class":1612},"w-16 h-16 rounded-xl bg-green-100 dark:bg-green-900\u002F30 flex items-center justify-center",[1578,2297,1609],{"class":1584},[1578,2299,1591],{"class":1584},[1578,2301,2303,2305],{"class":1580,"line":2302},51,[1578,2304,1943],{"class":1584},[1578,2306,1689],{"class":1588},[1578,2308,2310,2312,2314,2316,2319],{"class":1580,"line":2309},52,[1578,2311,1951],{"class":1602},[1578,2313,1606],{"class":1584},[1578,2315,1609],{"class":1584},[1578,2317,2318],{"class":1612},"i-lucide-zap",[1578,2320,1705],{"class":1584},[1578,2322,2324,2326,2328,2330,2333],{"class":1580,"line":2323},53,[1578,2325,1966],{"class":1602},[1578,2327,1606],{"class":1584},[1578,2329,1609],{"class":1584},[1578,2331,2332],{"class":1612},"w-8 h-8 text-green-600 dark:text-green-400",[1578,2334,1705],{"class":1584},[1578,2336,2338],{"class":1580,"line":2337},54,[1578,2339,1981],{"class":1584},[1578,2341,2343,2345,2347],{"class":1580,"line":2342},55,[1578,2344,1987],{"class":1584},[1578,2346,1553],{"class":1588},[1578,2348,1591],{"class":1584},[1578,2350,2352,2354,2356],{"class":1580,"line":2351},56,[1578,2353,1997],{"class":1584},[1578,2355,1553],{"class":1588},[1578,2357,1591],{"class":1584},[1578,2359,2361,2363,2365,2367,2369,2371,2373,2375],{"class":1580,"line":2360},57,[1578,2362,1686],{"class":1584},[1578,2364,1553],{"class":1588},[1578,2366,1603],{"class":1602},[1578,2368,1606],{"class":1584},[1578,2370,1609],{"class":1584},[1578,2372,2017],{"class":1612},[1578,2374,1609],{"class":1584},[1578,2376,1591],{"class":1584},[1578,2378,2380,2382],{"class":1580,"line":2379},58,[1578,2381,1922],{"class":1584},[1578,2383,2029],{"class":1588},[1578,2385,2387,2389,2391,2393,2395,2398],{"class":1580,"line":2386},59,[1578,2388,2035],{"class":1584},[1578,2390,2038],{"class":1602},[1578,2392,1606],{"class":1584},[1578,2394,1609],{"class":1584},[1578,2396,2397],{"class":1750},"uptime",[1578,2399,1705],{"class":1584},[1578,2401,2403,2405,2407,2409,2411,2413,2415,2417,2419,2421,2423,2425,2427,2429],{"class":1580,"line":2402},60,[1578,2404,2035],{"class":1584},[1578,2406,2055],{"class":1602},[1578,2408,1606],{"class":1584},[1578,2410,1609],{"class":1584},[1578,2412,2062],{"class":1584},[1578,2414,2065],{"class":1588},[1578,2416,2068],{"class":1584},[1578,2418,2072],{"class":2071},[1578,2420,2075],{"class":1584},[1578,2422,2078],{"class":1588},[1578,2424,2068],{"class":1584},[1578,2426,2083],{"class":2071},[1578,2428,2086],{"class":1584},[1578,2430,1705],{"class":1584},[1578,2432,2434],{"class":1580,"line":2433},61,[1578,2435,2094],{"class":1584},[1578,2437,2439,2441,2443,2445,2447,2449,2452,2454,2456,2459,2461,2463],{"class":1580,"line":2438},62,[1578,2440,1922],{"class":1584},[1578,2442,1578],{"class":1588},[1578,2444,1603],{"class":1602},[1578,2446,1606],{"class":1584},[1578,2448,1609],{"class":1584},[1578,2450,2451],{"class":1612},"text-2xl",[1578,2453,1609],{"class":1584},[1578,2455,1747],{"class":1584},[1578,2457,2458],{"class":1750},"%",[1578,2460,1754],{"class":1584},[1578,2462,1578],{"class":1588},[1578,2464,1591],{"class":1584},[1578,2466,2468,2470,2472],{"class":1580,"line":2467},63,[1578,2469,1997],{"class":1584},[1578,2471,1553],{"class":1588},[1578,2473,1591],{"class":1584},[1578,2475,2477,2479,2481,2483,2485,2487,2489,2491],{"class":1580,"line":2476},64,[1578,2478,1686],{"class":1584},[1578,2480,1553],{"class":1588},[1578,2482,1603],{"class":1602},[1578,2484,1606],{"class":1584},[1578,2486,1609],{"class":1584},[1578,2488,2119],{"class":1612},[1578,2490,1609],{"class":1584},[1578,2492,1591],{"class":1584},[1578,2494,2496],{"class":1580,"line":2495},65,[1578,2497,2498],{"class":1750},"            System Uptime\n",[1578,2500,2502,2504,2506],{"class":1580,"line":2501},66,[1578,2503,1997],{"class":1584},[1578,2505,1553],{"class":1588},[1578,2507,1591],{"class":1584},[1578,2509,2511,2513,2515,2517,2519,2521,2523,2525],{"class":1580,"line":2510},67,[1578,2512,1686],{"class":1584},[1578,2514,1553],{"class":1588},[1578,2516,1603],{"class":1602},[1578,2518,1606],{"class":1584},[1578,2520,1609],{"class":1584},[1578,2522,2154],{"class":1612},[1578,2524,1609],{"class":1584},[1578,2526,1591],{"class":1584},[1578,2528,2530,2532],{"class":1580,"line":2529},68,[1578,2531,1922],{"class":1584},[1578,2533,1689],{"class":1588},[1578,2535,2537,2539,2541,2543,2546],{"class":1580,"line":2536},69,[1578,2538,2171],{"class":1602},[1578,2540,1606],{"class":1584},[1578,2542,1609],{"class":1584},[1578,2544,2545],{"class":1612},"i-lucide-check-circle",[1578,2547,1705],{"class":1584},[1578,2549,2551,2553,2555,2557,2559],{"class":1580,"line":2550},70,[1578,2552,2186],{"class":1602},[1578,2554,1606],{"class":1584},[1578,2556,1609],{"class":1584},[1578,2558,2193],{"class":1612},[1578,2560,1705],{"class":1584},[1578,2562,2564],{"class":1580,"line":2563},71,[1578,2565,2094],{"class":1584},[1578,2567,2569,2571,2573,2575,2578,2580,2582],{"class":1580,"line":2568},72,[1578,2570,1922],{"class":1584},[1578,2572,1578],{"class":1588},[1578,2574,1747],{"class":1584},[1578,2576,2577],{"class":1750},"99.99% SLA",[1578,2579,1754],{"class":1584},[1578,2581,1578],{"class":1588},[1578,2583,1591],{"class":1584},[1578,2585,2587,2589,2591],{"class":1580,"line":2586},73,[1578,2588,1997],{"class":1584},[1578,2590,1553],{"class":1588},[1578,2592,1591],{"class":1584},[1578,2594,2596,2598,2600],{"class":1580,"line":2595},74,[1578,2597,1764],{"class":1584},[1578,2599,1883],{"class":1588},[1578,2601,1591],{"class":1584},[1578,2603,2605],{"class":1580,"line":2604},75,[1578,2606,1855],{"emptyLinePlaceholder":1854},[1578,2608,2610,2612,2614,2616,2618,2620,2622,2624],{"class":1580,"line":2609},76,[1578,2611,1665],{"class":1584},[1578,2613,1883],{"class":1588},[1578,2615,1603],{"class":1602},[1578,2617,1606],{"class":1584},[1578,2619,1609],{"class":1584},[1578,2621,1892],{"class":1612},[1578,2623,1609],{"class":1584},[1578,2625,1591],{"class":1584},[1578,2627,2629,2631,2633,2635,2637,2639,2641,2643],{"class":1580,"line":2628},77,[1578,2630,1686],{"class":1584},[1578,2632,1553],{"class":1588},[1578,2634,1603],{"class":1602},[1578,2636,1606],{"class":1584},[1578,2638,1609],{"class":1584},[1578,2640,1912],{"class":1612},[1578,2642,1609],{"class":1584},[1578,2644,1591],{"class":1584},[1578,2646,2648,2650,2652,2654,2656,2658,2661,2663],{"class":1580,"line":2647},78,[1578,2649,1922],{"class":1584},[1578,2651,1553],{"class":1588},[1578,2653,1603],{"class":1602},[1578,2655,1606],{"class":1584},[1578,2657,1609],{"class":1584},[1578,2659,2660],{"class":1612},"w-16 h-16 rounded-xl bg-purple-100 dark:bg-purple-900\u002F30 flex items-center justify-center",[1578,2662,1609],{"class":1584},[1578,2664,1591],{"class":1584},[1578,2666,2668,2670],{"class":1580,"line":2667},79,[1578,2669,1943],{"class":1584},[1578,2671,1689],{"class":1588},[1578,2673,2675,2677,2679,2681,2684],{"class":1580,"line":2674},80,[1578,2676,1951],{"class":1602},[1578,2678,1606],{"class":1584},[1578,2680,1609],{"class":1584},[1578,2682,2683],{"class":1612},"i-lucide-package",[1578,2685,1705],{"class":1584},[1578,2687,2689,2691,2693,2695,2698],{"class":1580,"line":2688},81,[1578,2690,1966],{"class":1602},[1578,2692,1606],{"class":1584},[1578,2694,1609],{"class":1584},[1578,2696,2697],{"class":1612},"w-8 h-8 text-purple-600 dark:text-purple-400",[1578,2699,1705],{"class":1584},[1578,2701,2703],{"class":1580,"line":2702},82,[1578,2704,1981],{"class":1584},[1578,2706,2708,2710,2712],{"class":1580,"line":2707},83,[1578,2709,1987],{"class":1584},[1578,2711,1553],{"class":1588},[1578,2713,1591],{"class":1584},[1578,2715,2717,2719,2721],{"class":1580,"line":2716},84,[1578,2718,1997],{"class":1584},[1578,2720,1553],{"class":1588},[1578,2722,1591],{"class":1584},[1578,2724,2726,2728,2730,2732,2734,2736,2738,2740],{"class":1580,"line":2725},85,[1578,2727,1686],{"class":1584},[1578,2729,1553],{"class":1588},[1578,2731,1603],{"class":1602},[1578,2733,1606],{"class":1584},[1578,2735,1609],{"class":1584},[1578,2737,2017],{"class":1612},[1578,2739,1609],{"class":1584},[1578,2741,1591],{"class":1584},[1578,2743,2745,2747],{"class":1580,"line":2744},86,[1578,2746,1922],{"class":1584},[1578,2748,2029],{"class":1588},[1578,2750,2752,2754,2756,2758,2760,2763],{"class":1580,"line":2751},87,[1578,2753,2035],{"class":1584},[1578,2755,2038],{"class":1602},[1578,2757,1606],{"class":1584},[1578,2759,1609],{"class":1584},[1578,2761,2762],{"class":1750},"projects",[1578,2764,1705],{"class":1584},[1578,2766,2768,2770,2772,2774,2776,2778,2780,2782,2784,2786,2788,2790,2792,2794],{"class":1580,"line":2767},88,[1578,2769,2035],{"class":1584},[1578,2771,2055],{"class":1602},[1578,2773,1606],{"class":1584},[1578,2775,1609],{"class":1584},[1578,2777,2062],{"class":1584},[1578,2779,2065],{"class":1588},[1578,2781,2068],{"class":1584},[1578,2783,2072],{"class":2071},[1578,2785,2075],{"class":1584},[1578,2787,2078],{"class":1588},[1578,2789,2068],{"class":1584},[1578,2791,2083],{"class":2071},[1578,2793,2086],{"class":1584},[1578,2795,1705],{"class":1584},[1578,2797,2799,2802],{"class":1580,"line":2798},89,[1578,2800,2801],{"class":1584},"            \u002F>",[1578,2803,2804],{"class":1750},"+\n",[1578,2806,2808,2810,2812],{"class":1580,"line":2807},90,[1578,2809,1997],{"class":1584},[1578,2811,1553],{"class":1588},[1578,2813,1591],{"class":1584},[1578,2815,2817,2819,2821,2823,2825,2827,2829,2831],{"class":1580,"line":2816},91,[1578,2818,1686],{"class":1584},[1578,2820,1553],{"class":1588},[1578,2822,1603],{"class":1602},[1578,2824,1606],{"class":1584},[1578,2826,1609],{"class":1584},[1578,2828,2119],{"class":1612},[1578,2830,1609],{"class":1584},[1578,2832,1591],{"class":1584},[1578,2834,2836],{"class":1580,"line":2835},92,[1578,2837,2838],{"class":1750},"            Projects Delivered\n",[1578,2840,2842,2844,2846],{"class":1580,"line":2841},93,[1578,2843,1997],{"class":1584},[1578,2845,1553],{"class":1588},[1578,2847,1591],{"class":1584},[1578,2849,2851,2853,2855,2857,2859,2861,2864,2866],{"class":1580,"line":2850},94,[1578,2852,1686],{"class":1584},[1578,2854,1553],{"class":1588},[1578,2856,1603],{"class":1602},[1578,2858,1606],{"class":1584},[1578,2860,1609],{"class":1584},[1578,2862,2863],{"class":1612},"flex items-center justify-center text-sm text-primary",[1578,2865,1609],{"class":1584},[1578,2867,1591],{"class":1584},[1578,2869,2871,2873],{"class":1580,"line":2870},95,[1578,2872,1922],{"class":1584},[1578,2874,1689],{"class":1588},[1578,2876,2878,2880,2882,2884,2886],{"class":1580,"line":2877},96,[1578,2879,2171],{"class":1602},[1578,2881,1606],{"class":1584},[1578,2883,1609],{"class":1584},[1578,2885,2178],{"class":1612},[1578,2887,1705],{"class":1584},[1578,2889,2891,2893,2895,2897,2899],{"class":1580,"line":2890},97,[1578,2892,2186],{"class":1602},[1578,2894,1606],{"class":1584},[1578,2896,1609],{"class":1584},[1578,2898,2193],{"class":1612},[1578,2900,1705],{"class":1584},[1578,2902,2904],{"class":1580,"line":2903},98,[1578,2905,2094],{"class":1584},[1578,2907,2909,2911,2913,2915,2918,2920,2922],{"class":1580,"line":2908},99,[1578,2910,1922],{"class":1584},[1578,2912,1578],{"class":1588},[1578,2914,1747],{"class":1584},[1578,2916,2917],{"class":1750},"+8.2% from last quarter",[1578,2919,1754],{"class":1584},[1578,2921,1578],{"class":1588},[1578,2923,1591],{"class":1584},[1578,2925,2927,2929,2931],{"class":1580,"line":2926},100,[1578,2928,1997],{"class":1584},[1578,2930,1553],{"class":1588},[1578,2932,1591],{"class":1584},[1578,2934,2936,2938,2940],{"class":1580,"line":2935},101,[1578,2937,1764],{"class":1584},[1578,2939,1883],{"class":1588},[1578,2941,1591],{"class":1584},[1578,2943,2945],{"class":1580,"line":2944},102,[1578,2946,1855],{"emptyLinePlaceholder":1854},[1578,2948,2950,2952,2954,2956,2958,2960,2962,2964],{"class":1580,"line":2949},103,[1578,2951,1665],{"class":1584},[1578,2953,1883],{"class":1588},[1578,2955,1603],{"class":1602},[1578,2957,1606],{"class":1584},[1578,2959,1609],{"class":1584},[1578,2961,1892],{"class":1612},[1578,2963,1609],{"class":1584},[1578,2965,1591],{"class":1584},[1578,2967,2969,2971,2973,2975,2977,2979,2981,2983],{"class":1580,"line":2968},104,[1578,2970,1686],{"class":1584},[1578,2972,1553],{"class":1588},[1578,2974,1603],{"class":1602},[1578,2976,1606],{"class":1584},[1578,2978,1609],{"class":1584},[1578,2980,1912],{"class":1612},[1578,2982,1609],{"class":1584},[1578,2984,1591],{"class":1584},[1578,2986,2988,2990,2992,2994,2996,2998,3001,3003],{"class":1580,"line":2987},105,[1578,2989,1922],{"class":1584},[1578,2991,1553],{"class":1588},[1578,2993,1603],{"class":1602},[1578,2995,1606],{"class":1584},[1578,2997,1609],{"class":1584},[1578,2999,3000],{"class":1612},"w-16 h-16 rounded-xl bg-orange-100 dark:bg-orange-900\u002F30 flex items-center justify-center",[1578,3002,1609],{"class":1584},[1578,3004,1591],{"class":1584},[1578,3006,3008,3010],{"class":1580,"line":3007},106,[1578,3009,1943],{"class":1584},[1578,3011,1689],{"class":1588},[1578,3013,3015,3017,3019,3021,3024],{"class":1580,"line":3014},107,[1578,3016,1951],{"class":1602},[1578,3018,1606],{"class":1584},[1578,3020,1609],{"class":1584},[1578,3022,3023],{"class":1612},"i-lucide-life-buoy",[1578,3025,1705],{"class":1584},[1578,3027,3029,3031,3033,3035,3038],{"class":1580,"line":3028},108,[1578,3030,1966],{"class":1602},[1578,3032,1606],{"class":1584},[1578,3034,1609],{"class":1584},[1578,3036,3037],{"class":1612},"w-8 h-8 text-orange-600 dark:text-orange-400",[1578,3039,1705],{"class":1584},[1578,3041,3043],{"class":1580,"line":3042},109,[1578,3044,1981],{"class":1584},[1578,3046,3048,3050,3052],{"class":1580,"line":3047},110,[1578,3049,1987],{"class":1584},[1578,3051,1553],{"class":1588},[1578,3053,1591],{"class":1584},[1578,3055,3057,3059,3061],{"class":1580,"line":3056},111,[1578,3058,1997],{"class":1584},[1578,3060,1553],{"class":1588},[1578,3062,1591],{"class":1584},[1578,3064,3066,3068,3070,3072,3074,3076,3078,3080],{"class":1580,"line":3065},112,[1578,3067,1686],{"class":1584},[1578,3069,1553],{"class":1588},[1578,3071,1603],{"class":1602},[1578,3073,1606],{"class":1584},[1578,3075,1609],{"class":1584},[1578,3077,2017],{"class":1612},[1578,3079,1609],{"class":1584},[1578,3081,1591],{"class":1584},[1578,3083,3085,3087],{"class":1580,"line":3084},113,[1578,3086,1922],{"class":1584},[1578,3088,2029],{"class":1588},[1578,3090,3092,3094,3096,3098,3100,3103],{"class":1580,"line":3091},114,[1578,3093,2035],{"class":1584},[1578,3095,2038],{"class":1602},[1578,3097,1606],{"class":1584},[1578,3099,1609],{"class":1584},[1578,3101,3102],{"class":1750},"responseTime",[1578,3104,1705],{"class":1584},[1578,3106,3108,3110,3112,3114,3116,3118,3120,3122,3124,3126,3128,3130,3132,3134],{"class":1580,"line":3107},115,[1578,3109,2035],{"class":1584},[1578,3111,2055],{"class":1602},[1578,3113,1606],{"class":1584},[1578,3115,1609],{"class":1584},[1578,3117,2062],{"class":1584},[1578,3119,2065],{"class":1588},[1578,3121,2068],{"class":1584},[1578,3123,2072],{"class":2071},[1578,3125,2075],{"class":1584},[1578,3127,2078],{"class":1588},[1578,3129,2068],{"class":1584},[1578,3131,2083],{"class":2071},[1578,3133,2086],{"class":1584},[1578,3135,1705],{"class":1584},[1578,3137,3139],{"class":1580,"line":3138},116,[1578,3140,2094],{"class":1584},[1578,3142,3144,3146,3148,3150,3152,3154,3156,3158,3160,3163,3165,3167],{"class":1580,"line":3143},117,[1578,3145,1922],{"class":1584},[1578,3147,1578],{"class":1588},[1578,3149,1603],{"class":1602},[1578,3151,1606],{"class":1584},[1578,3153,1609],{"class":1584},[1578,3155,2451],{"class":1612},[1578,3157,1609],{"class":1584},[1578,3159,1747],{"class":1584},[1578,3161,3162],{"class":1750},"ms",[1578,3164,1754],{"class":1584},[1578,3166,1578],{"class":1588},[1578,3168,1591],{"class":1584},[1578,3170,3172,3174,3176],{"class":1580,"line":3171},118,[1578,3173,1997],{"class":1584},[1578,3175,1553],{"class":1588},[1578,3177,1591],{"class":1584},[1578,3179,3181,3183,3185,3187,3189,3191,3193,3195],{"class":1580,"line":3180},119,[1578,3182,1686],{"class":1584},[1578,3184,1553],{"class":1588},[1578,3186,1603],{"class":1602},[1578,3188,1606],{"class":1584},[1578,3190,1609],{"class":1584},[1578,3192,2119],{"class":1612},[1578,3194,1609],{"class":1584},[1578,3196,1591],{"class":1584},[1578,3198,3200],{"class":1580,"line":3199},120,[1578,3201,3202],{"class":1750},"            Avg. Response Time\n",[1578,3204,3206,3208,3210],{"class":1580,"line":3205},121,[1578,3207,1997],{"class":1584},[1578,3209,1553],{"class":1588},[1578,3211,1591],{"class":1584},[1578,3213,3215,3217,3219,3221,3223,3225,3227,3229],{"class":1580,"line":3214},122,[1578,3216,1686],{"class":1584},[1578,3218,1553],{"class":1588},[1578,3220,1603],{"class":1602},[1578,3222,1606],{"class":1584},[1578,3224,1609],{"class":1584},[1578,3226,2154],{"class":1612},[1578,3228,1609],{"class":1584},[1578,3230,1591],{"class":1584},[1578,3232,3234,3236],{"class":1580,"line":3233},123,[1578,3235,1922],{"class":1584},[1578,3237,1689],{"class":1588},[1578,3239,3241,3243,3245,3247,3250],{"class":1580,"line":3240},124,[1578,3242,2171],{"class":1602},[1578,3244,1606],{"class":1584},[1578,3246,1609],{"class":1584},[1578,3248,3249],{"class":1612},"i-lucide-trending-down",[1578,3251,1705],{"class":1584},[1578,3253,3255,3257,3259,3261,3263],{"class":1580,"line":3254},125,[1578,3256,2186],{"class":1602},[1578,3258,1606],{"class":1584},[1578,3260,1609],{"class":1584},[1578,3262,2193],{"class":1612},[1578,3264,1705],{"class":1584},[1578,3266,3268],{"class":1580,"line":3267},126,[1578,3269,2094],{"class":1584},[1578,3271,3273,3275,3277,3279,3282,3284,3286],{"class":1580,"line":3272},127,[1578,3274,1922],{"class":1584},[1578,3276,1578],{"class":1588},[1578,3278,1747],{"class":1584},[1578,3280,3281],{"class":1750},"-15% from last week",[1578,3283,1754],{"class":1584},[1578,3285,1578],{"class":1588},[1578,3287,1591],{"class":1584},[1578,3289,3291,3293,3295],{"class":1580,"line":3290},128,[1578,3292,1997],{"class":1584},[1578,3294,1553],{"class":1588},[1578,3296,1591],{"class":1584},[1578,3298,3300,3302,3304],{"class":1580,"line":3299},129,[1578,3301,1764],{"class":1584},[1578,3303,1883],{"class":1588},[1578,3305,1591],{"class":1584},[1578,3307,3309,3311,3313],{"class":1580,"line":3308},130,[1578,3310,1844],{"class":1584},[1578,3312,1553],{"class":1588},[1578,3314,1591],{"class":1584},[1578,3316,3318],{"class":1580,"line":3317},131,[1578,3319,1855],{"emptyLinePlaceholder":1854},[1578,3321,3323,3325,3327,3329,3331,3333,3336,3338],{"class":1580,"line":3322},132,[1578,3324,1644],{"class":1584},[1578,3326,1883],{"class":1588},[1578,3328,1603],{"class":1602},[1578,3330,1606],{"class":1584},[1578,3332,1609],{"class":1584},[1578,3334,3335],{"class":1612},"mb-8",[1578,3337,1609],{"class":1584},[1578,3339,1591],{"class":1584},[1578,3341,3343,3345,3347,3349,3351,3353,3356,3358],{"class":1580,"line":3342},133,[1578,3344,1665],{"class":1584},[1578,3346,1553],{"class":1588},[1578,3348,1603],{"class":1602},[1578,3350,1606],{"class":1584},[1578,3352,1609],{"class":1584},[1578,3354,3355],{"class":1612},"flex flex-col md:flex-row md:items-center md:justify-between mb-6",[1578,3357,1609],{"class":1584},[1578,3359,1591],{"class":1584},[1578,3361,3363,3365,3367],{"class":1580,"line":3362},134,[1578,3364,1686],{"class":1584},[1578,3366,1553],{"class":1588},[1578,3368,1591],{"class":1584},[1578,3370,3372,3374,3377,3379,3381,3383,3386,3388],{"class":1580,"line":3371},135,[1578,3373,1922],{"class":1584},[1578,3375,3376],{"class":1588},"h3",[1578,3378,1603],{"class":1602},[1578,3380,1606],{"class":1584},[1578,3382,1609],{"class":1584},[1578,3384,3385],{"class":1612},"text-xl font-bold text-highlighted mb-1",[1578,3387,1609],{"class":1584},[1578,3389,1591],{"class":1584},[1578,3391,3393],{"class":1580,"line":3392},136,[1578,3394,3395],{"class":1750},"              Performance Trends\n",[1578,3397,3399,3401,3403],{"class":1580,"line":3398},137,[1578,3400,1987],{"class":1584},[1578,3402,3376],{"class":1588},[1578,3404,1591],{"class":1584},[1578,3406,3408,3410,3412,3414,3416,3418,3421,3423],{"class":1580,"line":3407},138,[1578,3409,1922],{"class":1584},[1578,3411,1536],{"class":1588},[1578,3413,1603],{"class":1602},[1578,3415,1606],{"class":1584},[1578,3417,1609],{"class":1584},[1578,3419,3420],{"class":1612},"text-muted",[1578,3422,1609],{"class":1584},[1578,3424,1591],{"class":1584},[1578,3426,3428],{"class":1580,"line":3427},139,[1578,3429,3430],{"class":1750},"              Historical data and growth patterns\n",[1578,3432,3434,3436,3438],{"class":1580,"line":3433},140,[1578,3435,1987],{"class":1584},[1578,3437,1536],{"class":1588},[1578,3439,1591],{"class":1584},[1578,3441,3443,3445,3447],{"class":1580,"line":3442},141,[1578,3444,1997],{"class":1584},[1578,3446,1553],{"class":1588},[1578,3448,1591],{"class":1584},[1578,3450,3452,3454,3456,3458,3460,3462,3465,3467],{"class":1580,"line":3451},142,[1578,3453,1686],{"class":1584},[1578,3455,1553],{"class":1588},[1578,3457,1603],{"class":1602},[1578,3459,1606],{"class":1584},[1578,3461,1609],{"class":1584},[1578,3463,3464],{"class":1612},"flex gap-2 mt-4 md:mt-0",[1578,3466,1609],{"class":1584},[1578,3468,1591],{"class":1584},[1578,3470,3472,3474],{"class":1580,"line":3471},143,[1578,3473,1922],{"class":1584},[1578,3475,3476],{"class":1588},"UButton\n",[1578,3478,3480,3483,3485,3487,3490],{"class":1580,"line":3479},144,[1578,3481,3482],{"class":1602},"              size",[1578,3484,1606],{"class":1584},[1578,3486,1609],{"class":1584},[1578,3488,3489],{"class":1612},"sm",[1578,3491,1705],{"class":1584},[1578,3493,3495,3497,3500,3502,3504,3507,3510,3513,3516,3518,3521,3523,3526,3528,3531,3533,3536],{"class":1580,"line":3494},145,[1578,3496,2035],{"class":1584},[1578,3498,3499],{"class":1602},"color",[1578,3501,1606],{"class":1584},[1578,3503,1609],{"class":1584},[1578,3505,3506],{"class":1750},"timeRange",[1578,3508,3509],{"class":1584}," === ",[1578,3511,3512],{"class":1584},"'",[1578,3514,3515],{"class":1612},"7d",[1578,3517,3512],{"class":1584},[1578,3519,3520],{"class":1584}," ? ",[1578,3522,3512],{"class":1584},[1578,3524,3525],{"class":1612},"primary",[1578,3527,3512],{"class":1584},[1578,3529,3530],{"class":1584}," : ",[1578,3532,3512],{"class":1584},[1578,3534,3535],{"class":1612},"gray",[1578,3537,3538],{"class":1584},"'\"\n",[1578,3540,3542,3545,3547,3549,3552],{"class":1580,"line":3541},146,[1578,3543,3544],{"class":1602},"              variant",[1578,3546,1606],{"class":1584},[1578,3548,1609],{"class":1584},[1578,3550,3551],{"class":1612},"solid",[1578,3553,1705],{"class":1584},[1578,3555,3557,3560,3563,3565,3567,3571,3574,3576,3578,3580,3583],{"class":1580,"line":3556},147,[1578,3558,3559],{"class":1584},"              @",[1578,3561,3562],{"class":1602},"click",[1578,3564,1606],{"class":1584},[1578,3566,1609],{"class":1584},[1578,3568,3570],{"class":3569},"s2Zo4","setTimeRange",[1578,3572,3573],{"class":1584},"(",[1578,3575,3512],{"class":1584},[1578,3577,3515],{"class":1612},[1578,3579,3512],{"class":1584},[1578,3581,3582],{"class":1584},")",[1578,3584,1705],{"class":1584},[1578,3586,3588],{"class":1580,"line":3587},148,[1578,3589,3590],{"class":1584},"            >\n",[1578,3592,3594],{"class":1580,"line":3593},149,[1578,3595,3596],{"class":1750},"              7D\n",[1578,3598,3600,3602,3605],{"class":1580,"line":3599},150,[1578,3601,1987],{"class":1584},[1578,3603,3604],{"class":1588},"UButton",[1578,3606,1591],{"class":1584},[1578,3608,3610,3612],{"class":1580,"line":3609},151,[1578,3611,1922],{"class":1584},[1578,3613,3476],{"class":1588},[1578,3615,3617,3619,3621,3623,3625],{"class":1580,"line":3616},152,[1578,3618,3482],{"class":1602},[1578,3620,1606],{"class":1584},[1578,3622,1609],{"class":1584},[1578,3624,3489],{"class":1612},[1578,3626,1705],{"class":1584},[1578,3628,3630,3632,3634,3636,3638,3640,3642,3644,3647,3649,3651,3653,3655,3657,3659,3661,3663],{"class":1580,"line":3629},153,[1578,3631,2035],{"class":1584},[1578,3633,3499],{"class":1602},[1578,3635,1606],{"class":1584},[1578,3637,1609],{"class":1584},[1578,3639,3506],{"class":1750},[1578,3641,3509],{"class":1584},[1578,3643,3512],{"class":1584},[1578,3645,3646],{"class":1612},"30d",[1578,3648,3512],{"class":1584},[1578,3650,3520],{"class":1584},[1578,3652,3512],{"class":1584},[1578,3654,3525],{"class":1612},[1578,3656,3512],{"class":1584},[1578,3658,3530],{"class":1584},[1578,3660,3512],{"class":1584},[1578,3662,3535],{"class":1612},[1578,3664,3538],{"class":1584},[1578,3666,3668,3670,3672,3674,3676],{"class":1580,"line":3667},154,[1578,3669,3544],{"class":1602},[1578,3671,1606],{"class":1584},[1578,3673,1609],{"class":1584},[1578,3675,3551],{"class":1612},[1578,3677,1705],{"class":1584},[1578,3679,3681,3683,3685,3687,3689,3691,3693,3695,3697,3699,3701],{"class":1580,"line":3680},155,[1578,3682,3559],{"class":1584},[1578,3684,3562],{"class":1602},[1578,3686,1606],{"class":1584},[1578,3688,1609],{"class":1584},[1578,3690,3570],{"class":3569},[1578,3692,3573],{"class":1584},[1578,3694,3512],{"class":1584},[1578,3696,3646],{"class":1612},[1578,3698,3512],{"class":1584},[1578,3700,3582],{"class":1584},[1578,3702,1705],{"class":1584},[1578,3704,3706],{"class":1580,"line":3705},156,[1578,3707,3590],{"class":1584},[1578,3709,3711],{"class":1580,"line":3710},157,[1578,3712,3713],{"class":1750},"              30D\n",[1578,3715,3717,3719,3721],{"class":1580,"line":3716},158,[1578,3718,1987],{"class":1584},[1578,3720,3604],{"class":1588},[1578,3722,1591],{"class":1584},[1578,3724,3726,3728],{"class":1580,"line":3725},159,[1578,3727,1922],{"class":1584},[1578,3729,3476],{"class":1588},[1578,3731,3733,3735,3737,3739,3741],{"class":1580,"line":3732},160,[1578,3734,3482],{"class":1602},[1578,3736,1606],{"class":1584},[1578,3738,1609],{"class":1584},[1578,3740,3489],{"class":1612},[1578,3742,1705],{"class":1584},[1578,3744,3746,3748,3750,3752,3754,3756,3758,3760,3763,3765,3767,3769,3771,3773,3775,3777,3779],{"class":1580,"line":3745},161,[1578,3747,2035],{"class":1584},[1578,3749,3499],{"class":1602},[1578,3751,1606],{"class":1584},[1578,3753,1609],{"class":1584},[1578,3755,3506],{"class":1750},[1578,3757,3509],{"class":1584},[1578,3759,3512],{"class":1584},[1578,3761,3762],{"class":1612},"90d",[1578,3764,3512],{"class":1584},[1578,3766,3520],{"class":1584},[1578,3768,3512],{"class":1584},[1578,3770,3525],{"class":1612},[1578,3772,3512],{"class":1584},[1578,3774,3530],{"class":1584},[1578,3776,3512],{"class":1584},[1578,3778,3535],{"class":1612},[1578,3780,3538],{"class":1584},[1578,3782,3784,3786,3788,3790,3792],{"class":1580,"line":3783},162,[1578,3785,3544],{"class":1602},[1578,3787,1606],{"class":1584},[1578,3789,1609],{"class":1584},[1578,3791,3551],{"class":1612},[1578,3793,1705],{"class":1584},[1578,3795,3797,3799,3801,3803,3805,3807,3809,3811,3813,3815,3817],{"class":1580,"line":3796},163,[1578,3798,3559],{"class":1584},[1578,3800,3562],{"class":1602},[1578,3802,1606],{"class":1584},[1578,3804,1609],{"class":1584},[1578,3806,3570],{"class":3569},[1578,3808,3573],{"class":1584},[1578,3810,3512],{"class":1584},[1578,3812,3762],{"class":1612},[1578,3814,3512],{"class":1584},[1578,3816,3582],{"class":1584},[1578,3818,1705],{"class":1584},[1578,3820,3822],{"class":1580,"line":3821},164,[1578,3823,3590],{"class":1584},[1578,3825,3827],{"class":1580,"line":3826},165,[1578,3828,3829],{"class":1750},"              90D\n",[1578,3831,3833,3835,3837],{"class":1580,"line":3832},166,[1578,3834,1987],{"class":1584},[1578,3836,3604],{"class":1588},[1578,3838,1591],{"class":1584},[1578,3840,3842,3844,3846],{"class":1580,"line":3841},167,[1578,3843,1997],{"class":1584},[1578,3845,1553],{"class":1588},[1578,3847,1591],{"class":1584},[1578,3849,3851,3853,3855],{"class":1580,"line":3850},168,[1578,3852,1764],{"class":1584},[1578,3854,1553],{"class":1588},[1578,3856,1591],{"class":1584},[1578,3858,3860],{"class":1580,"line":3859},169,[1578,3861,1855],{"emptyLinePlaceholder":1854},[1578,3863,3865,3867,3869,3871,3873,3875,3878,3880],{"class":1580,"line":3864},170,[1578,3866,1665],{"class":1584},[1578,3868,1553],{"class":1588},[1578,3870,1603],{"class":1602},[1578,3872,1606],{"class":1584},[1578,3874,1609],{"class":1584},[1578,3876,3877],{"class":1612},"h-64 flex items-center justify-center bg-elevated rounded-lg",[1578,3879,1609],{"class":1584},[1578,3881,1591],{"class":1584},[1578,3883,3885,3887,3889,3891,3893,3895,3898,3900],{"class":1580,"line":3884},171,[1578,3886,1686],{"class":1584},[1578,3888,1553],{"class":1588},[1578,3890,1603],{"class":1602},[1578,3892,1606],{"class":1584},[1578,3894,1609],{"class":1584},[1578,3896,3897],{"class":1612},"text-center",[1578,3899,1609],{"class":1584},[1578,3901,1591],{"class":1584},[1578,3903,3905,3907],{"class":1580,"line":3904},172,[1578,3906,1922],{"class":1584},[1578,3908,1689],{"class":1588},[1578,3910,3912,3914,3916,3918,3920],{"class":1580,"line":3911},173,[1578,3913,2171],{"class":1602},[1578,3915,1606],{"class":1584},[1578,3917,1609],{"class":1584},[1578,3919,1702],{"class":1612},[1578,3921,1705],{"class":1584},[1578,3923,3925,3927,3929,3931,3934],{"class":1580,"line":3924},174,[1578,3926,2186],{"class":1602},[1578,3928,1606],{"class":1584},[1578,3930,1609],{"class":1584},[1578,3932,3933],{"class":1612},"w-12 h-12 text-dimmed mx-auto mb-3",[1578,3935,1705],{"class":1584},[1578,3937,3939],{"class":1580,"line":3938},175,[1578,3940,2094],{"class":1584},[1578,3942,3944,3946,3948,3950,3952,3954,3956,3958],{"class":1580,"line":3943},176,[1578,3945,1922],{"class":1584},[1578,3947,1536],{"class":1588},[1578,3949,1603],{"class":1602},[1578,3951,1606],{"class":1584},[1578,3953,1609],{"class":1584},[1578,3955,3420],{"class":1612},[1578,3957,1609],{"class":1584},[1578,3959,1591],{"class":1584},[1578,3961,3963],{"class":1580,"line":3962},177,[1578,3964,3965],{"class":1750},"              Performance chart visualization\n",[1578,3967,3969,3971,3973],{"class":1580,"line":3968},178,[1578,3970,1987],{"class":1584},[1578,3972,1536],{"class":1588},[1578,3974,1591],{"class":1584},[1578,3976,3978,3980,3982,3984,3986,3988,3991,3993],{"class":1580,"line":3977},179,[1578,3979,1922],{"class":1584},[1578,3981,1536],{"class":1588},[1578,3983,1603],{"class":1602},[1578,3985,1606],{"class":1584},[1578,3987,1609],{"class":1584},[1578,3989,3990],{"class":1612},"text-sm text-dimmed mt-1",[1578,3992,1609],{"class":1584},[1578,3994,1591],{"class":1584},[1578,3996,3998],{"class":1580,"line":3997},180,[1578,3999,4000],{"class":1750},"              Interactive chart would appear here\n",[1578,4002,4004,4006,4008],{"class":1580,"line":4003},181,[1578,4005,1987],{"class":1584},[1578,4007,1536],{"class":1588},[1578,4009,1591],{"class":1584},[1578,4011,4013,4015,4017],{"class":1580,"line":4012},182,[1578,4014,1997],{"class":1584},[1578,4016,1553],{"class":1588},[1578,4018,1591],{"class":1584},[1578,4020,4022,4024,4026],{"class":1580,"line":4021},183,[1578,4023,1764],{"class":1584},[1578,4025,1553],{"class":1588},[1578,4027,1591],{"class":1584},[1578,4029,4031,4033,4035],{"class":1580,"line":4030},184,[1578,4032,1844],{"class":1584},[1578,4034,1883],{"class":1588},[1578,4036,1591],{"class":1584},[1578,4038,4040],{"class":1580,"line":4039},185,[1578,4041,1855],{"emptyLinePlaceholder":1854},[1578,4043,4045,4047,4049,4051,4053,4055,4058,4060],{"class":1580,"line":4044},186,[1578,4046,1644],{"class":1584},[1578,4048,1553],{"class":1588},[1578,4050,1603],{"class":1602},[1578,4052,1606],{"class":1584},[1578,4054,1609],{"class":1584},[1578,4056,4057],{"class":1612},"flex flex-col sm:flex-row justify-center gap-4",[1578,4059,1609],{"class":1584},[1578,4061,1591],{"class":1584},[1578,4063,4065,4067],{"class":1580,"line":4064},187,[1578,4066,1665],{"class":1584},[1578,4068,3476],{"class":1588},[1578,4070,4072,4075,4077,4079,4082],{"class":1580,"line":4071},188,[1578,4073,4074],{"class":1602},"          size",[1578,4076,1606],{"class":1584},[1578,4078,1609],{"class":1584},[1578,4080,4081],{"class":1612},"lg",[1578,4083,1705],{"class":1584},[1578,4085,4087,4090,4092,4094,4096],{"class":1580,"line":4086},189,[1578,4088,4089],{"class":1602},"          color",[1578,4091,1606],{"class":1584},[1578,4093,1609],{"class":1584},[1578,4095,3525],{"class":1612},[1578,4097,1705],{"class":1584},[1578,4099,4101,4104,4106,4108,4111],{"class":1580,"line":4100},190,[1578,4102,4103],{"class":1602},"          class",[1578,4105,1606],{"class":1584},[1578,4107,1609],{"class":1584},[1578,4109,4110],{"class":1612},"px-8 py-3",[1578,4112,1705],{"class":1584},[1578,4114,4116,4119,4121,4123,4125,4128],{"class":1580,"line":4115},191,[1578,4117,4118],{"class":1584},"          @",[1578,4120,3562],{"class":1602},[1578,4122,1606],{"class":1584},[1578,4124,1609],{"class":1584},[1578,4126,4127],{"class":1750},"refreshData",[1578,4129,1705],{"class":1584},[1578,4131,4133],{"class":1580,"line":4132},192,[1578,4134,4135],{"class":1584},"        >\n",[1578,4137,4139,4141],{"class":1580,"line":4138},193,[1578,4140,1686],{"class":1584},[1578,4142,1689],{"class":1588},[1578,4144,4146,4148,4150,4152,4155],{"class":1580,"line":4145},194,[1578,4147,1695],{"class":1602},[1578,4149,1606],{"class":1584},[1578,4151,1609],{"class":1584},[1578,4153,4154],{"class":1612},"i-lucide-refresh-cw",[1578,4156,1705],{"class":1584},[1578,4158,4160,4162,4164,4166,4169],{"class":1580,"line":4159},195,[1578,4161,1711],{"class":1602},[1578,4163,1606],{"class":1584},[1578,4165,1609],{"class":1584},[1578,4167,4168],{"class":1612},"w-5 h-5 mr-2",[1578,4170,1705],{"class":1584},[1578,4172,4174],{"class":1580,"line":4173},196,[1578,4175,1726],{"class":1584},[1578,4177,4179],{"class":1580,"line":4178},197,[1578,4180,4181],{"class":1750},"          Refresh Data\n",[1578,4183,4185,4187,4189],{"class":1580,"line":4184},198,[1578,4186,1764],{"class":1584},[1578,4188,3604],{"class":1588},[1578,4190,1591],{"class":1584},[1578,4192,4194,4196],{"class":1580,"line":4193},199,[1578,4195,1665],{"class":1584},[1578,4197,3476],{"class":1588},[1578,4199,4201,4203,4205,4207,4209],{"class":1580,"line":4200},200,[1578,4202,4074],{"class":1602},[1578,4204,1606],{"class":1584},[1578,4206,1609],{"class":1584},[1578,4208,4081],{"class":1612},[1578,4210,1705],{"class":1584},[1578,4212,4214,4217,4219,4221,4224],{"class":1580,"line":4213},201,[1578,4215,4216],{"class":1602},"          variant",[1578,4218,1606],{"class":1584},[1578,4220,1609],{"class":1584},[1578,4222,4223],{"class":1612},"outline",[1578,4225,1705],{"class":1584},[1578,4227,4229,4231,4233,4235,4237],{"class":1580,"line":4228},202,[1578,4230,4103],{"class":1602},[1578,4232,1606],{"class":1584},[1578,4234,1609],{"class":1584},[1578,4236,4110],{"class":1612},[1578,4238,1705],{"class":1584},[1578,4240,4242,4244,4246,4248,4250,4253],{"class":1580,"line":4241},203,[1578,4243,4118],{"class":1584},[1578,4245,3562],{"class":1602},[1578,4247,1606],{"class":1584},[1578,4249,1609],{"class":1584},[1578,4251,4252],{"class":1750},"exportReport",[1578,4254,1705],{"class":1584},[1578,4256,4258],{"class":1580,"line":4257},204,[1578,4259,4135],{"class":1584},[1578,4261,4263,4265],{"class":1580,"line":4262},205,[1578,4264,1686],{"class":1584},[1578,4266,1689],{"class":1588},[1578,4268,4270,4272,4274,4276,4279],{"class":1580,"line":4269},206,[1578,4271,1695],{"class":1602},[1578,4273,1606],{"class":1584},[1578,4275,1609],{"class":1584},[1578,4277,4278],{"class":1612},"i-lucide-download",[1578,4280,1705],{"class":1584},[1578,4282,4284,4286,4288,4290,4292],{"class":1580,"line":4283},207,[1578,4285,1711],{"class":1602},[1578,4287,1606],{"class":1584},[1578,4289,1609],{"class":1584},[1578,4291,4168],{"class":1612},[1578,4293,1705],{"class":1584},[1578,4295,4297],{"class":1580,"line":4296},208,[1578,4298,1726],{"class":1584},[1578,4300,4302],{"class":1580,"line":4301},209,[1578,4303,4304],{"class":1750},"          Export Report\n",[1578,4306,4308,4310,4312],{"class":1580,"line":4307},210,[1578,4309,1764],{"class":1584},[1578,4311,3604],{"class":1588},[1578,4313,1591],{"class":1584},[1578,4315,4317,4319,4321],{"class":1580,"line":4316},211,[1578,4318,1844],{"class":1584},[1578,4320,1553],{"class":1588},[1578,4322,1591],{"class":1584},[1578,4324,4326,4329,4331],{"class":1580,"line":4325},212,[1578,4327,4328],{"class":1584},"    \u003C\u002F",[1578,4330,1553],{"class":1588},[1578,4332,1591],{"class":1584},[1578,4334,4336,4339,4341],{"class":1580,"line":4335},213,[1578,4337,4338],{"class":1584},"  \u003C\u002F",[1578,4340,1553],{"class":1588},[1578,4342,1591],{"class":1584},[1578,4344,4346,4348,4350],{"class":1580,"line":4345},214,[1578,4347,1754],{"class":1584},[1578,4349,1566],{"class":1588},[1578,4351,1591],{"class":1584},[1578,4353,4355],{"class":1580,"line":4354},215,[1578,4356,1855],{"emptyLinePlaceholder":1854},[1578,4358,4360,4362,4365,4368],{"class":1580,"line":4359},216,[1578,4361,1585],{"class":1584},[1578,4363,4364],{"class":1588},"script",[1578,4366,4367],{"class":1602}," setup",[1578,4369,1591],{"class":1584},[1578,4371,4373,4377,4380,4383,4386,4389,4391,4394,4397,4399],{"class":1580,"line":4372},217,[1578,4374,4376],{"class":4375},"s7zQu","import",[1578,4378,4379],{"class":1584}," {",[1578,4381,4382],{"class":1750}," ref",[1578,4384,4385],{"class":1584},",",[1578,4387,4388],{"class":1750}," onMounted",[1578,4390,2086],{"class":1584},[1578,4392,4393],{"class":4375}," from",[1578,4395,4396],{"class":1584}," '",[1578,4398,1574],{"class":1612},[1578,4400,4401],{"class":1584},"'\n",[1578,4403,4405],{"class":1580,"line":4404},218,[1578,4406,1855],{"emptyLinePlaceholder":1854},[1578,4408,4410,4413,4416,4418,4420,4422,4425],{"class":1580,"line":4409},219,[1578,4411,4412],{"class":1602},"const",[1578,4414,4415],{"class":1750}," activeUsers ",[1578,4417,1606],{"class":1584},[1578,4419,4382],{"class":3569},[1578,4421,3573],{"class":1750},[1578,4423,4424],{"class":2071},"15420",[1578,4426,4427],{"class":1750},")\n",[1578,4429,4431,4433,4436,4438,4440,4442,4445],{"class":1580,"line":4430},220,[1578,4432,4412],{"class":1602},[1578,4434,4435],{"class":1750}," uptime ",[1578,4437,1606],{"class":1584},[1578,4439,4382],{"class":3569},[1578,4441,3573],{"class":1750},[1578,4443,4444],{"class":2071},"99.9",[1578,4446,4427],{"class":1750},[1578,4448,4450,4452,4455,4457,4459,4461,4464],{"class":1580,"line":4449},221,[1578,4451,4412],{"class":1602},[1578,4453,4454],{"class":1750}," projects ",[1578,4456,1606],{"class":1584},[1578,4458,4382],{"class":3569},[1578,4460,3573],{"class":1750},[1578,4462,4463],{"class":2071},"542",[1578,4465,4427],{"class":1750},[1578,4467,4469,4471,4474,4476,4478,4480,4483],{"class":1580,"line":4468},222,[1578,4470,4412],{"class":1602},[1578,4472,4473],{"class":1750}," responseTime ",[1578,4475,1606],{"class":1584},[1578,4477,4382],{"class":3569},[1578,4479,3573],{"class":1750},[1578,4481,4482],{"class":2071},"124",[1578,4484,4427],{"class":1750},[1578,4486,4488,4490,4493,4495,4497,4499,4501,4503,4505],{"class":1580,"line":4487},223,[1578,4489,4412],{"class":1602},[1578,4491,4492],{"class":1750}," timeRange ",[1578,4494,1606],{"class":1584},[1578,4496,4382],{"class":3569},[1578,4498,3573],{"class":1750},[1578,4500,3512],{"class":1584},[1578,4502,3646],{"class":1612},[1578,4504,3512],{"class":1584},[1578,4506,4427],{"class":1750},[1578,4508,4510],{"class":1580,"line":4509},224,[1578,4511,1855],{"emptyLinePlaceholder":1854},[1578,4513,4515,4517,4520,4522,4525,4528],{"class":1580,"line":4514},225,[1578,4516,4412],{"class":1602},[1578,4518,4519],{"class":1750}," refreshData ",[1578,4521,1606],{"class":1584},[1578,4523,4524],{"class":1584}," ()",[1578,4526,4527],{"class":1602}," =>",[1578,4529,4530],{"class":1584}," {\n",[1578,4532,4534],{"class":1580,"line":4533},226,[1578,4535,4537],{"class":4536},"sHwdD","  \u002F\u002F Simulate data refresh with random variations\n",[1578,4539,4541,4544,4547,4549,4552,4555,4557,4560,4562,4565,4568,4570,4572,4575,4578,4581,4584],{"class":1580,"line":4540},227,[1578,4542,4543],{"class":1750},"  activeUsers",[1578,4545,4546],{"class":1584},".",[1578,4548,2038],{"class":1750},[1578,4550,4551],{"class":1584}," =",[1578,4553,4554],{"class":1750}," Math",[1578,4556,4546],{"class":1584},[1578,4558,4559],{"class":3569},"floor",[1578,4561,3573],{"class":1588},[1578,4563,4564],{"class":2071},"15000",[1578,4566,4567],{"class":1584}," +",[1578,4569,4554],{"class":1750},[1578,4571,4546],{"class":1584},[1578,4573,4574],{"class":3569},"random",[1578,4576,4577],{"class":1588},"() ",[1578,4579,4580],{"class":1584},"*",[1578,4582,4583],{"class":2071}," 1000",[1578,4585,4427],{"class":1588},[1578,4587,4589,4592,4594,4596,4598,4601,4603,4606,4609,4612,4614,4616,4618,4620,4622,4624,4627,4629,4631,4634,4636,4639],{"class":1580,"line":4588},228,[1578,4590,4591],{"class":1750},"  uptime",[1578,4593,4546],{"class":1584},[1578,4595,2038],{"class":1750},[1578,4597,4551],{"class":1584},[1578,4599,4600],{"class":1750}," Number",[1578,4602,4546],{"class":1584},[1578,4604,4605],{"class":3569},"parseFloat",[1578,4607,4608],{"class":1588},"((",[1578,4610,4611],{"class":2071},"99.8",[1578,4613,4567],{"class":1584},[1578,4615,4554],{"class":1750},[1578,4617,4546],{"class":1584},[1578,4619,4574],{"class":3569},[1578,4621,4577],{"class":1588},[1578,4623,4580],{"class":1584},[1578,4625,4626],{"class":2071}," 0.2",[1578,4628,3582],{"class":1588},[1578,4630,4546],{"class":1584},[1578,4632,4633],{"class":3569},"toFixed",[1578,4635,3573],{"class":1588},[1578,4637,4638],{"class":2071},"2",[1578,4640,4641],{"class":1588},"))\n",[1578,4643,4645,4648,4650,4652,4654,4657,4659,4661,4663,4665,4667,4670,4672,4674,4676,4678,4681],{"class":1580,"line":4644},229,[1578,4646,4647],{"class":1750},"  projects",[1578,4649,4546],{"class":1584},[1578,4651,2038],{"class":1750},[1578,4653,4551],{"class":1584},[1578,4655,4656],{"class":2071}," 500",[1578,4658,4567],{"class":1584},[1578,4660,4554],{"class":1750},[1578,4662,4546],{"class":1584},[1578,4664,4559],{"class":3569},[1578,4666,3573],{"class":1588},[1578,4668,4669],{"class":1750},"Math",[1578,4671,4546],{"class":1584},[1578,4673,4574],{"class":3569},[1578,4675,4577],{"class":1588},[1578,4677,4580],{"class":1584},[1578,4679,4680],{"class":2071}," 50",[1578,4682,4427],{"class":1588},[1578,4684,4686,4689,4691,4693,4695,4697,4699,4701,4703,4705,4707,4709,4711,4713,4715,4717,4719],{"class":1580,"line":4685},230,[1578,4687,4688],{"class":1750},"  responseTime",[1578,4690,4546],{"class":1584},[1578,4692,2038],{"class":1750},[1578,4694,4551],{"class":1584},[1578,4696,4554],{"class":1750},[1578,4698,4546],{"class":1584},[1578,4700,4559],{"class":3569},[1578,4702,3573],{"class":1588},[1578,4704,2072],{"class":2071},[1578,4706,4567],{"class":1584},[1578,4708,4554],{"class":1750},[1578,4710,4546],{"class":1584},[1578,4712,4574],{"class":3569},[1578,4714,4577],{"class":1588},[1578,4716,4580],{"class":1584},[1578,4718,4680],{"class":2071},[1578,4720,4427],{"class":1588},[1578,4722,4724],{"class":1580,"line":4723},231,[1578,4725,4726],{"class":1584},"}\n",[1578,4728,4730],{"class":1580,"line":4729},232,[1578,4731,1855],{"emptyLinePlaceholder":1854},[1578,4733,4735,4737,4740,4742,4744,4746],{"class":1580,"line":4734},233,[1578,4736,4412],{"class":1602},[1578,4738,4739],{"class":1750}," exportReport ",[1578,4741,1606],{"class":1584},[1578,4743,4524],{"class":1584},[1578,4745,4527],{"class":1602},[1578,4747,4530],{"class":1584},[1578,4749,4751],{"class":1580,"line":4750},234,[1578,4752,4753],{"class":4536},"  \u002F\u002F In a real implementation, this would export a PDF or CSV report\n",[1578,4755,4757,4760,4762,4764,4767,4769],{"class":1580,"line":4756},235,[1578,4758,4759],{"class":3569},"  alert",[1578,4761,3573],{"class":1588},[1578,4763,3512],{"class":1584},[1578,4765,4766],{"class":1612},"Exporting performance report...",[1578,4768,3512],{"class":1584},[1578,4770,4427],{"class":1588},[1578,4772,4774],{"class":1580,"line":4773},236,[1578,4775,4726],{"class":1584},[1578,4777,4779],{"class":1580,"line":4778},237,[1578,4780,1855],{"emptyLinePlaceholder":1854},[1578,4782,4784,4786,4789,4791,4794,4798,4800,4802],{"class":1580,"line":4783},238,[1578,4785,4412],{"class":1602},[1578,4787,4788],{"class":1750}," setTimeRange ",[1578,4790,1606],{"class":1584},[1578,4792,4793],{"class":1584}," (",[1578,4795,4797],{"class":4796},"sHdIc","range",[1578,4799,3582],{"class":1584},[1578,4801,4527],{"class":1602},[1578,4803,4530],{"class":1584},[1578,4805,4807,4810,4812,4814,4816],{"class":1580,"line":4806},239,[1578,4808,4809],{"class":1750},"  timeRange",[1578,4811,4546],{"class":1584},[1578,4813,2038],{"class":1750},[1578,4815,4551],{"class":1584},[1578,4817,4818],{"class":1750}," range\n",[1578,4820,4822],{"class":1580,"line":4821},240,[1578,4823,4824],{"class":4536},"  \u002F\u002F In a real implementation, this would fetch data for the selected time range\n",[1578,4826,4828,4831,4833,4836,4838,4840,4843,4845,4847,4850],{"class":1580,"line":4827},241,[1578,4829,4830],{"class":1750},"  console",[1578,4832,4546],{"class":1584},[1578,4834,4835],{"class":3569},"log",[1578,4837,3573],{"class":1588},[1578,4839,3512],{"class":1584},[1578,4841,4842],{"class":1612},"Time range set to:",[1578,4844,3512],{"class":1584},[1578,4846,4385],{"class":1584},[1578,4848,4849],{"class":1750}," range",[1578,4851,4427],{"class":1588},[1578,4853,4855],{"class":1580,"line":4854},242,[1578,4856,4726],{"class":1584},[1578,4858,4860],{"class":1580,"line":4859},243,[1578,4861,1855],{"emptyLinePlaceholder":1854},[1578,4863,4865],{"class":1580,"line":4864},244,[1578,4866,4867],{"class":4536},"\u002F\u002F Simulate real-time updates\n",[1578,4869,4871,4874,4876,4879,4881],{"class":1580,"line":4870},245,[1578,4872,4873],{"class":3569},"onMounted",[1578,4875,3573],{"class":1750},[1578,4877,4878],{"class":1584},"()",[1578,4880,4527],{"class":1602},[1578,4882,4530],{"class":1584},[1578,4884,4886,4889,4891,4893,4895],{"class":1580,"line":4885},246,[1578,4887,4888],{"class":3569},"  setInterval",[1578,4890,3573],{"class":1588},[1578,4892,4878],{"class":1584},[1578,4894,4527],{"class":1602},[1578,4896,4530],{"class":1584},[1578,4898,4900,4903],{"class":1580,"line":4899},247,[1578,4901,4902],{"class":3569},"    refreshData",[1578,4904,4905],{"class":1588},"()\n",[1578,4907,4909,4912,4915,4918],{"class":1580,"line":4908},248,[1578,4910,4911],{"class":1584},"  },",[1578,4913,4914],{"class":2071}," 10000",[1578,4916,4917],{"class":1588},") ",[1578,4919,4920],{"class":4536},"\u002F\u002F Update every 10 seconds\n",[1578,4922,4924,4927],{"class":1580,"line":4923},249,[1578,4925,4926],{"class":1584},"}",[1578,4928,4427],{"class":1750},[1578,4930,4932,4934,4936],{"class":1580,"line":4931},250,[1578,4933,1754],{"class":1584},[1578,4935,4364],{"class":1588},[1578,4937,1591],{"class":1584},[1545,4939,4941],{"id":4940},"examples","Examples",[3376,4943,4945],{"id":4944},"live-dashboard","Live dashboard",[1549,4947,4948,4954],{"label":1551},[1553,4949,1560,4951],{"className":4950},[1556,1557,1558,1559],[1562,4952],{"name":4953},"animated-number-dashboard",[1566,4955,4956],{"v-slot:code":1568},[1570,4957,4959],{"className":1572,"code":4958,"language":1574,"meta":1568,"style":1568},"\u003Ctemplate>\n  \u003Cdiv class=\"p-6 bg-gradient-to-br from-gray-50 to-gray-100 dark:from-gray-900 dark:to-gray-800 rounded-xl max-w-2xl mx-auto\">\n    \u003Cdiv class=\"text-center mb-8\">\n      \u003Ch2 class=\"text-2xl font-bold text-gray-900 dark:text-white mb-2\">\n        Live Dashboard Counter\n      \u003C\u002Fh2>\n      \u003Cp class=\"text-gray-600 dark:text-gray-400\">\n        Real-time counter with automatic updates and manual interactions\n      \u003C\u002Fp>\n    \u003C\u002Fdiv>\n\n    \u003C!-- Main Counter Display -->\n    \u003Cdiv class=\"bg-white dark:bg-gray-800 rounded-xl p-6 shadow-lg mb-6\">\n      \u003Cdiv class=\"text-center\">\n        \u003Cdiv class=\"text-sm text-gray-500 dark:text-gray-400 mb-1\">\n          Total Page Views\n        \u003C\u002Fdiv>\n        \u003Cdiv class=\"text-5xl font-bold text-blue-600 dark:text-blue-400 mb-2\">\n          \u003CMAnimatedNumber\n            :value=\"pageViews\"\n            :spring-options=\"{ stiffness: 100, damping: 15 }\"\n          \u002F>\n        \u003C\u002Fdiv>\n        \u003Cdiv class=\"flex items-center justify-center text-sm text-green-600 dark:text-green-400\">\n          \u003CUIcon\n            name=\"i-lucide-trending-up\"\n            class=\"w-4 h-4 mr-1\"\n          \u002F>\n          \u003Cspan>+{{ viewsPerSecond }}\u002Fsec\u003C\u002Fspan>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n\n    \u003C!-- Control Panel -->\n    \u003Cdiv class=\"bg-white dark:bg-gray-800 rounded-xl p-6 shadow-lg\">\n      \u003Ch3 class=\"text-lg font-semibold text-gray-900 dark:text-white mb-4\">\n        Control Panel\n      \u003C\u002Fh3>\n\n      \u003C!-- Auto-update Toggle -->\n      \u003Cdiv class=\"flex items-center justify-between mb-6\">\n        \u003Cdiv>\n          \u003Cdiv class=\"font-medium text-gray-900 dark:text-white\">\n            Auto Update\n          \u003C\u002Fdiv>\n          \u003Cdiv class=\"text-sm text-gray-500 dark:text-gray-400\">\n            Automatic page view simulation\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n        \u003CUSwitch\n          v-model=\"isAutoUpdating\"\n          @update:model-value=\"toggleAutoUpdate\"\n        \u002F>\n      \u003C\u002Fdiv>\n\n      \u003C!-- Hands-on controls -->\n      \u003Cdiv class=\"space-y-4\">\n        \u003Cdiv class=\"font-medium text-gray-900 dark:text-white\">\n          Manual Actions\n        \u003C\u002Fdiv>\n        \u003Cdiv class=\"grid grid-cols-2 gap-3\">\n          \u003CUButton\n            color=\"primary\"\n            size=\"sm\"\n            @click=\"addViews(10)\"\n          >\n            +10 Views\n          \u003C\u002FUButton>\n          \u003CUButton\n            color=\"primary\"\n            variant=\"outline\"\n            size=\"sm\"\n            @click=\"addViews(50)\"\n          >\n            +50 Views\n          \u003C\u002FUButton>\n          \u003CUButton\n            color=\"green\"\n            size=\"sm\"\n            @click=\"addViews(100)\"\n          >\n            +100 Views\n          \u003C\u002FUButton>\n          \u003CUButton\n            color=\"red\"\n            variant=\"outline\"\n            size=\"sm\"\n            @click=\"resetViews\"\n          >\n            Reset\n          \u003C\u002FUButton>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n\n      \u003C!-- Stats Info -->\n      \u003Cdiv class=\"mt-6 pt-4 border-t border-gray-200 dark:border-gray-700\">\n        \u003Cdiv class=\"grid grid-cols-3 gap-4 text-center\">\n          \u003Cdiv>\n            \u003Cdiv class=\"text-sm text-gray-500 dark:text-gray-400\">\n              Started\n            \u003C\u002Fdiv>\n            \u003Cdiv class=\"font-medium text-gray-900 dark:text-white\">\n              {{ startTime }}\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n          \u003Cdiv>\n            \u003Cdiv class=\"text-sm text-gray-500 dark:text-gray-400\">\n              Updates\n            \u003C\u002Fdiv>\n            \u003Cdiv class=\"font-medium text-gray-900 dark:text-white\">\n              {{ updateCount }}\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n          \u003Cdiv>\n            \u003Cdiv class=\"text-sm text-gray-500 dark:text-gray-400\">\n              Manual\n            \u003C\u002Fdiv>\n            \u003Cdiv class=\"font-medium text-gray-900 dark:text-white\">\n              {{ manualActions }}\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup>\nimport { ref, onMounted, onUnmounted } from 'vue'\n\nconst pageViews = ref(1234)\nconst isAutoUpdating = ref(true)\nconst viewsPerSecond = ref(3)\nconst updateCount = ref(0)\nconst manualActions = ref(0)\nconst startTime = ref(new Date().toLocaleTimeString())\n\nlet intervalId = null\n\n\u002F\u002F Add views manually\nconst addViews = (amount) => {\n  pageViews.value += amount\n  manualActions.value++\n}\n\n\u002F\u002F Reset views\nconst resetViews = () => {\n  pageViews.value = 0\n  updateCount.value = 0\n  manualActions.value = 0\n  startTime.value = new Date().toLocaleTimeString()\n}\n\n\u002F\u002F Toggle auto update\nconst toggleAutoUpdate = (enabled) => {\n  if (enabled) {\n    startAutoUpdate()\n  }\n  else {\n    stopAutoUpdate()\n  }\n}\n\n\u002F\u002F Start auto update\nconst startAutoUpdate = () => {\n  stopAutoUpdate() \u002F\u002F Clear any existing interval\n  intervalId = setInterval(() => {\n    \u002F\u002F Add random views per second (1-5)\n    const randomViews = Math.floor(Math.random() * 5) + 1\n    pageViews.value += randomViews\n    updateCount.value++\n  }, 1000)\n}\n\n\u002F\u002F Stop auto update\nconst stopAutoUpdate = () => {\n  if (intervalId) {\n    clearInterval(intervalId)\n    intervalId = null\n  }\n}\n\n\u002F\u002F Initialize\nonMounted(() => {\n  if (isAutoUpdating.value) {\n    startAutoUpdate()\n  }\n})\n\n\u002F\u002F Cleanup\nonUnmounted(() => {\n  stopAutoUpdate()\n})\n\u003C\u002Fscript>\n",[1540,4960,4961,4969,4988,5007,5026,5031,5039,5058,5063,5071,5079,5083,5088,5107,5125,5144,5149,5157,5176,5182,5198,5229,5233,5241,5259,5265,5277,5289,5293,5310,5318,5326,5334,5338,5343,5362,5381,5386,5394,5398,5403,5422,5430,5449,5454,5462,5481,5486,5494,5502,5509,5523,5545,5550,5558,5562,5567,5586,5604,5609,5617,5636,5642,5655,5668,5690,5695,5700,5708,5714,5726,5739,5751,5772,5776,5781,5789,5795,5808,5820,5840,5844,5849,5857,5863,5876,5888,5900,5915,5919,5924,5932,5940,5948,5952,5957,5976,5995,6003,6021,6026,6034,6052,6057,6065,6073,6081,6099,6104,6112,6130,6135,6143,6151,6159,6177,6182,6190,6208,6213,6221,6229,6237,6245,6253,6261,6269,6273,6283,6310,6314,6332,6351,6369,6387,6404,6433,6437,6450,6454,6459,6479,6494,6506,6510,6514,6519,6534,6547,6560,6572,6596,6600,6604,6609,6629,6643,6650,6655,6662,6669,6673,6677,6681,6686,6701,6711,6729,6734,6773,6787,6798,6806,6810,6814,6819,6834,6847,6858,6867,6871,6875,6879,6884,6896,6912,6918,6922,6928,6932,6937,6950,6956,6962],{"__ignoreMap":1568},[1578,4962,4963,4965,4967],{"class":1580,"line":1581},[1578,4964,1585],{"class":1584},[1578,4966,1566],{"class":1588},[1578,4968,1591],{"class":1584},[1578,4970,4971,4973,4975,4977,4979,4981,4984,4986],{"class":1580,"line":1594},[1578,4972,1597],{"class":1584},[1578,4974,1553],{"class":1588},[1578,4976,1603],{"class":1602},[1578,4978,1606],{"class":1584},[1578,4980,1609],{"class":1584},[1578,4982,4983],{"class":1612},"p-6 bg-gradient-to-br from-gray-50 to-gray-100 dark:from-gray-900 dark:to-gray-800 rounded-xl max-w-2xl mx-auto",[1578,4985,1609],{"class":1584},[1578,4987,1591],{"class":1584},[1578,4989,4990,4992,4994,4996,4998,5000,5003,5005],{"class":1580,"line":1620},[1578,4991,1623],{"class":1584},[1578,4993,1553],{"class":1588},[1578,4995,1603],{"class":1602},[1578,4997,1606],{"class":1584},[1578,4999,1609],{"class":1584},[1578,5001,5002],{"class":1612},"text-center mb-8",[1578,5004,1609],{"class":1584},[1578,5006,1591],{"class":1584},[1578,5008,5009,5011,5013,5015,5017,5019,5022,5024],{"class":1580,"line":1641},[1578,5010,1644],{"class":1584},[1578,5012,1545],{"class":1588},[1578,5014,1603],{"class":1602},[1578,5016,1606],{"class":1584},[1578,5018,1609],{"class":1584},[1578,5020,5021],{"class":1612},"text-2xl font-bold text-gray-900 dark:text-white mb-2",[1578,5023,1609],{"class":1584},[1578,5025,1591],{"class":1584},[1578,5027,5028],{"class":1580,"line":1662},[1578,5029,5030],{"class":1750},"        Live Dashboard Counter\n",[1578,5032,5033,5035,5037],{"class":1580,"line":1683},[1578,5034,1844],{"class":1584},[1578,5036,1545],{"class":1588},[1578,5038,1591],{"class":1584},[1578,5040,5041,5043,5045,5047,5049,5051,5054,5056],{"class":1580,"line":1692},[1578,5042,1644],{"class":1584},[1578,5044,1536],{"class":1588},[1578,5046,1603],{"class":1602},[1578,5048,1606],{"class":1584},[1578,5050,1609],{"class":1584},[1578,5052,5053],{"class":1612},"text-gray-600 dark:text-gray-400",[1578,5055,1609],{"class":1584},[1578,5057,1591],{"class":1584},[1578,5059,5060],{"class":1580,"line":1708},[1578,5061,5062],{"class":1750},"        Real-time counter with automatic updates and manual interactions\n",[1578,5064,5065,5067,5069],{"class":1580,"line":1723},[1578,5066,1844],{"class":1584},[1578,5068,1536],{"class":1588},[1578,5070,1591],{"class":1584},[1578,5072,5073,5075,5077],{"class":1580,"line":1729},[1578,5074,4328],{"class":1584},[1578,5076,1553],{"class":1588},[1578,5078,1591],{"class":1584},[1578,5080,5081],{"class":1580,"line":1761},[1578,5082,1855],{"emptyLinePlaceholder":1854},[1578,5084,5085],{"class":1580,"line":1771},[1578,5086,5087],{"class":4536},"    \u003C!-- Main Counter Display -->\n",[1578,5089,5090,5092,5094,5096,5098,5100,5103,5105],{"class":1580,"line":1791},[1578,5091,1623],{"class":1584},[1578,5093,1553],{"class":1588},[1578,5095,1603],{"class":1602},[1578,5097,1606],{"class":1584},[1578,5099,1609],{"class":1584},[1578,5101,5102],{"class":1612},"bg-white dark:bg-gray-800 rounded-xl p-6 shadow-lg mb-6",[1578,5104,1609],{"class":1584},[1578,5106,1591],{"class":1584},[1578,5108,5109,5111,5113,5115,5117,5119,5121,5123],{"class":1580,"line":1797},[1578,5110,1644],{"class":1584},[1578,5112,1553],{"class":1588},[1578,5114,1603],{"class":1602},[1578,5116,1606],{"class":1584},[1578,5118,1609],{"class":1584},[1578,5120,3897],{"class":1612},[1578,5122,1609],{"class":1584},[1578,5124,1591],{"class":1584},[1578,5126,5127,5129,5131,5133,5135,5137,5140,5142],{"class":1580,"line":1806},[1578,5128,1665],{"class":1584},[1578,5130,1553],{"class":1588},[1578,5132,1603],{"class":1602},[1578,5134,1606],{"class":1584},[1578,5136,1609],{"class":1584},[1578,5138,5139],{"class":1612},"text-sm text-gray-500 dark:text-gray-400 mb-1",[1578,5141,1609],{"class":1584},[1578,5143,1591],{"class":1584},[1578,5145,5146],{"class":1580,"line":1826},[1578,5147,5148],{"class":1750},"          Total Page Views\n",[1578,5150,5151,5153,5155],{"class":1580,"line":1832},[1578,5152,1764],{"class":1584},[1578,5154,1553],{"class":1588},[1578,5156,1591],{"class":1584},[1578,5158,5159,5161,5163,5165,5167,5169,5172,5174],{"class":1580,"line":1841},[1578,5160,1665],{"class":1584},[1578,5162,1553],{"class":1588},[1578,5164,1603],{"class":1602},[1578,5166,1606],{"class":1584},[1578,5168,1609],{"class":1584},[1578,5170,5171],{"class":1612},"text-5xl font-bold text-blue-600 dark:text-blue-400 mb-2",[1578,5173,1609],{"class":1584},[1578,5175,1591],{"class":1584},[1578,5177,5178,5180],{"class":1580,"line":1851},[1578,5179,1686],{"class":1584},[1578,5181,2029],{"class":1588},[1578,5183,5184,5187,5189,5191,5193,5196],{"class":1580,"line":1858},[1578,5185,5186],{"class":1584},"            :",[1578,5188,2038],{"class":1602},[1578,5190,1606],{"class":1584},[1578,5192,1609],{"class":1584},[1578,5194,5195],{"class":1750},"pageViews",[1578,5197,1705],{"class":1584},[1578,5199,5200,5202,5204,5206,5208,5210,5212,5214,5216,5218,5220,5222,5225,5227],{"class":1580,"line":1878},[1578,5201,5186],{"class":1584},[1578,5203,2055],{"class":1602},[1578,5205,1606],{"class":1584},[1578,5207,1609],{"class":1584},[1578,5209,2062],{"class":1584},[1578,5211,2065],{"class":1588},[1578,5213,2068],{"class":1584},[1578,5215,2072],{"class":2071},[1578,5217,2075],{"class":1584},[1578,5219,2078],{"class":1588},[1578,5221,2068],{"class":1584},[1578,5223,5224],{"class":2071},"15",[1578,5226,2086],{"class":1584},[1578,5228,1705],{"class":1584},[1578,5230,5231],{"class":1580,"line":1899},[1578,5232,1726],{"class":1584},[1578,5234,5235,5237,5239],{"class":1580,"line":1919},[1578,5236,1764],{"class":1584},[1578,5238,1553],{"class":1588},[1578,5240,1591],{"class":1584},[1578,5242,5243,5245,5247,5249,5251,5253,5255,5257],{"class":1580,"line":1940},[1578,5244,1665],{"class":1584},[1578,5246,1553],{"class":1588},[1578,5248,1603],{"class":1602},[1578,5250,1606],{"class":1584},[1578,5252,1609],{"class":1584},[1578,5254,2154],{"class":1612},[1578,5256,1609],{"class":1584},[1578,5258,1591],{"class":1584},[1578,5260,5261,5263],{"class":1580,"line":1948},[1578,5262,1686],{"class":1584},[1578,5264,1689],{"class":1588},[1578,5266,5267,5269,5271,5273,5275],{"class":1580,"line":1963},[1578,5268,1695],{"class":1602},[1578,5270,1606],{"class":1584},[1578,5272,1609],{"class":1584},[1578,5274,2178],{"class":1612},[1578,5276,1705],{"class":1584},[1578,5278,5279,5281,5283,5285,5287],{"class":1580,"line":1978},[1578,5280,1711],{"class":1602},[1578,5282,1606],{"class":1584},[1578,5284,1609],{"class":1584},[1578,5286,2193],{"class":1612},[1578,5288,1705],{"class":1584},[1578,5290,5291],{"class":1580,"line":1984},[1578,5292,1726],{"class":1584},[1578,5294,5295,5297,5299,5301,5304,5306,5308],{"class":1580,"line":1994},[1578,5296,1686],{"class":1584},[1578,5298,1578],{"class":1588},[1578,5300,1747],{"class":1584},[1578,5302,5303],{"class":1750},"+{{ viewsPerSecond }}\u002Fsec",[1578,5305,1754],{"class":1584},[1578,5307,1578],{"class":1588},[1578,5309,1591],{"class":1584},[1578,5311,5312,5314,5316],{"class":1580,"line":2004},[1578,5313,1764],{"class":1584},[1578,5315,1553],{"class":1588},[1578,5317,1591],{"class":1584},[1578,5319,5320,5322,5324],{"class":1580,"line":2024},[1578,5321,1844],{"class":1584},[1578,5323,1553],{"class":1588},[1578,5325,1591],{"class":1584},[1578,5327,5328,5330,5332],{"class":1580,"line":2032},[1578,5329,4328],{"class":1584},[1578,5331,1553],{"class":1588},[1578,5333,1591],{"class":1584},[1578,5335,5336],{"class":1580,"line":2050},[1578,5337,1855],{"emptyLinePlaceholder":1854},[1578,5339,5340],{"class":1580,"line":2091},[1578,5341,5342],{"class":4536},"    \u003C!-- Control Panel -->\n",[1578,5344,5345,5347,5349,5351,5353,5355,5358,5360],{"class":1580,"line":2097},[1578,5346,1623],{"class":1584},[1578,5348,1553],{"class":1588},[1578,5350,1603],{"class":1602},[1578,5352,1606],{"class":1584},[1578,5354,1609],{"class":1584},[1578,5356,5357],{"class":1612},"bg-white dark:bg-gray-800 rounded-xl p-6 shadow-lg",[1578,5359,1609],{"class":1584},[1578,5361,1591],{"class":1584},[1578,5363,5364,5366,5368,5370,5372,5374,5377,5379],{"class":1580,"line":2106},[1578,5365,1644],{"class":1584},[1578,5367,3376],{"class":1588},[1578,5369,1603],{"class":1602},[1578,5371,1606],{"class":1584},[1578,5373,1609],{"class":1584},[1578,5375,5376],{"class":1612},"text-lg font-semibold text-gray-900 dark:text-white mb-4",[1578,5378,1609],{"class":1584},[1578,5380,1591],{"class":1584},[1578,5382,5383],{"class":1580,"line":2126},[1578,5384,5385],{"class":1750},"        Control Panel\n",[1578,5387,5388,5390,5392],{"class":1580,"line":2132},[1578,5389,1844],{"class":1584},[1578,5391,3376],{"class":1588},[1578,5393,1591],{"class":1584},[1578,5395,5396],{"class":1580,"line":2141},[1578,5397,1855],{"emptyLinePlaceholder":1854},[1578,5399,5400],{"class":1580,"line":2161},[1578,5401,5402],{"class":4536},"      \u003C!-- Auto-update Toggle -->\n",[1578,5404,5405,5407,5409,5411,5413,5415,5418,5420],{"class":1580,"line":2168},[1578,5406,1644],{"class":1584},[1578,5408,1553],{"class":1588},[1578,5410,1603],{"class":1602},[1578,5412,1606],{"class":1584},[1578,5414,1609],{"class":1584},[1578,5416,5417],{"class":1612},"flex items-center justify-between mb-6",[1578,5419,1609],{"class":1584},[1578,5421,1591],{"class":1584},[1578,5423,5424,5426,5428],{"class":1580,"line":2183},[1578,5425,1665],{"class":1584},[1578,5427,1553],{"class":1588},[1578,5429,1591],{"class":1584},[1578,5431,5432,5434,5436,5438,5440,5442,5445,5447],{"class":1580,"line":2198},[1578,5433,1686],{"class":1584},[1578,5435,1553],{"class":1588},[1578,5437,1603],{"class":1602},[1578,5439,1606],{"class":1584},[1578,5441,1609],{"class":1584},[1578,5443,5444],{"class":1612},"font-medium text-gray-900 dark:text-white",[1578,5446,1609],{"class":1584},[1578,5448,1591],{"class":1584},[1578,5450,5451],{"class":1580,"line":2203},[1578,5452,5453],{"class":1750},"            Auto Update\n",[1578,5455,5456,5458,5460],{"class":1580,"line":2221},[1578,5457,1997],{"class":1584},[1578,5459,1553],{"class":1588},[1578,5461,1591],{"class":1584},[1578,5463,5464,5466,5468,5470,5472,5474,5477,5479],{"class":1580,"line":2230},[1578,5465,1686],{"class":1584},[1578,5467,1553],{"class":1588},[1578,5469,1603],{"class":1602},[1578,5471,1606],{"class":1584},[1578,5473,1609],{"class":1584},[1578,5475,5476],{"class":1612},"text-sm text-gray-500 dark:text-gray-400",[1578,5478,1609],{"class":1584},[1578,5480,1591],{"class":1584},[1578,5482,5483],{"class":1580,"line":2239},[1578,5484,5485],{"class":1750},"            Automatic page view simulation\n",[1578,5487,5488,5490,5492],{"class":1580,"line":2244},[1578,5489,1997],{"class":1584},[1578,5491,1553],{"class":1588},[1578,5493,1591],{"class":1584},[1578,5495,5496,5498,5500],{"class":1580,"line":2263},[1578,5497,1764],{"class":1584},[1578,5499,1553],{"class":1588},[1578,5501,1591],{"class":1584},[1578,5503,5504,5506],{"class":1580,"line":2282},[1578,5505,1665],{"class":1584},[1578,5507,5508],{"class":1588},"USwitch\n",[1578,5510,5511,5514,5516,5518,5521],{"class":1580,"line":2302},[1578,5512,5513],{"class":1602},"          v-model",[1578,5515,1606],{"class":1584},[1578,5517,1609],{"class":1584},[1578,5519,5520],{"class":1750},"isAutoUpdating",[1578,5522,1705],{"class":1584},[1578,5524,5525,5527,5530,5533,5536,5538,5540,5543],{"class":1580,"line":2309},[1578,5526,4118],{"class":1584},[1578,5528,5529],{"class":1602},"update",[1578,5531,5532],{"class":1584},":",[1578,5534,5535],{"class":1602},"model-value",[1578,5537,1606],{"class":1584},[1578,5539,1609],{"class":1584},[1578,5541,5542],{"class":1750},"toggleAutoUpdate",[1578,5544,1705],{"class":1584},[1578,5546,5547],{"class":1580,"line":2323},[1578,5548,5549],{"class":1584},"        \u002F>\n",[1578,5551,5552,5554,5556],{"class":1580,"line":2337},[1578,5553,1844],{"class":1584},[1578,5555,1553],{"class":1588},[1578,5557,1591],{"class":1584},[1578,5559,5560],{"class":1580,"line":2342},[1578,5561,1855],{"emptyLinePlaceholder":1854},[1578,5563,5564],{"class":1580,"line":2351},[1578,5565,5566],{"class":4536},"      \u003C!-- Hands-on controls -->\n",[1578,5568,5569,5571,5573,5575,5577,5579,5582,5584],{"class":1580,"line":2360},[1578,5570,1644],{"class":1584},[1578,5572,1553],{"class":1588},[1578,5574,1603],{"class":1602},[1578,5576,1606],{"class":1584},[1578,5578,1609],{"class":1584},[1578,5580,5581],{"class":1612},"space-y-4",[1578,5583,1609],{"class":1584},[1578,5585,1591],{"class":1584},[1578,5587,5588,5590,5592,5594,5596,5598,5600,5602],{"class":1580,"line":2379},[1578,5589,1665],{"class":1584},[1578,5591,1553],{"class":1588},[1578,5593,1603],{"class":1602},[1578,5595,1606],{"class":1584},[1578,5597,1609],{"class":1584},[1578,5599,5444],{"class":1612},[1578,5601,1609],{"class":1584},[1578,5603,1591],{"class":1584},[1578,5605,5606],{"class":1580,"line":2386},[1578,5607,5608],{"class":1750},"          Manual Actions\n",[1578,5610,5611,5613,5615],{"class":1580,"line":2402},[1578,5612,1764],{"class":1584},[1578,5614,1553],{"class":1588},[1578,5616,1591],{"class":1584},[1578,5618,5619,5621,5623,5625,5627,5629,5632,5634],{"class":1580,"line":2433},[1578,5620,1665],{"class":1584},[1578,5622,1553],{"class":1588},[1578,5624,1603],{"class":1602},[1578,5626,1606],{"class":1584},[1578,5628,1609],{"class":1584},[1578,5630,5631],{"class":1612},"grid grid-cols-2 gap-3",[1578,5633,1609],{"class":1584},[1578,5635,1591],{"class":1584},[1578,5637,5638,5640],{"class":1580,"line":2438},[1578,5639,1686],{"class":1584},[1578,5641,3476],{"class":1588},[1578,5643,5644,5647,5649,5651,5653],{"class":1580,"line":2467},[1578,5645,5646],{"class":1602},"            color",[1578,5648,1606],{"class":1584},[1578,5650,1609],{"class":1584},[1578,5652,3525],{"class":1612},[1578,5654,1705],{"class":1584},[1578,5656,5657,5660,5662,5664,5666],{"class":1580,"line":2476},[1578,5658,5659],{"class":1602},"            size",[1578,5661,1606],{"class":1584},[1578,5663,1609],{"class":1584},[1578,5665,3489],{"class":1612},[1578,5667,1705],{"class":1584},[1578,5669,5670,5673,5675,5677,5679,5682,5684,5686,5688],{"class":1580,"line":2495},[1578,5671,5672],{"class":1584},"            @",[1578,5674,3562],{"class":1602},[1578,5676,1606],{"class":1584},[1578,5678,1609],{"class":1584},[1578,5680,5681],{"class":3569},"addViews",[1578,5683,3573],{"class":1584},[1578,5685,2083],{"class":2071},[1578,5687,3582],{"class":1584},[1578,5689,1705],{"class":1584},[1578,5691,5692],{"class":1580,"line":2501},[1578,5693,5694],{"class":1584},"          >\n",[1578,5696,5697],{"class":1580,"line":2510},[1578,5698,5699],{"class":1750},"            +10 Views\n",[1578,5701,5702,5704,5706],{"class":1580,"line":2529},[1578,5703,1997],{"class":1584},[1578,5705,3604],{"class":1588},[1578,5707,1591],{"class":1584},[1578,5709,5710,5712],{"class":1580,"line":2536},[1578,5711,1686],{"class":1584},[1578,5713,3476],{"class":1588},[1578,5715,5716,5718,5720,5722,5724],{"class":1580,"line":2550},[1578,5717,5646],{"class":1602},[1578,5719,1606],{"class":1584},[1578,5721,1609],{"class":1584},[1578,5723,3525],{"class":1612},[1578,5725,1705],{"class":1584},[1578,5727,5728,5731,5733,5735,5737],{"class":1580,"line":2563},[1578,5729,5730],{"class":1602},"            variant",[1578,5732,1606],{"class":1584},[1578,5734,1609],{"class":1584},[1578,5736,4223],{"class":1612},[1578,5738,1705],{"class":1584},[1578,5740,5741,5743,5745,5747,5749],{"class":1580,"line":2568},[1578,5742,5659],{"class":1602},[1578,5744,1606],{"class":1584},[1578,5746,1609],{"class":1584},[1578,5748,3489],{"class":1612},[1578,5750,1705],{"class":1584},[1578,5752,5753,5755,5757,5759,5761,5763,5765,5768,5770],{"class":1580,"line":2586},[1578,5754,5672],{"class":1584},[1578,5756,3562],{"class":1602},[1578,5758,1606],{"class":1584},[1578,5760,1609],{"class":1584},[1578,5762,5681],{"class":3569},[1578,5764,3573],{"class":1584},[1578,5766,5767],{"class":2071},"50",[1578,5769,3582],{"class":1584},[1578,5771,1705],{"class":1584},[1578,5773,5774],{"class":1580,"line":2595},[1578,5775,5694],{"class":1584},[1578,5777,5778],{"class":1580,"line":2604},[1578,5779,5780],{"class":1750},"            +50 Views\n",[1578,5782,5783,5785,5787],{"class":1580,"line":2609},[1578,5784,1997],{"class":1584},[1578,5786,3604],{"class":1588},[1578,5788,1591],{"class":1584},[1578,5790,5791,5793],{"class":1580,"line":2628},[1578,5792,1686],{"class":1584},[1578,5794,3476],{"class":1588},[1578,5796,5797,5799,5801,5803,5806],{"class":1580,"line":2647},[1578,5798,5646],{"class":1602},[1578,5800,1606],{"class":1584},[1578,5802,1609],{"class":1584},[1578,5804,5805],{"class":1612},"green",[1578,5807,1705],{"class":1584},[1578,5809,5810,5812,5814,5816,5818],{"class":1580,"line":2667},[1578,5811,5659],{"class":1602},[1578,5813,1606],{"class":1584},[1578,5815,1609],{"class":1584},[1578,5817,3489],{"class":1612},[1578,5819,1705],{"class":1584},[1578,5821,5822,5824,5826,5828,5830,5832,5834,5836,5838],{"class":1580,"line":2674},[1578,5823,5672],{"class":1584},[1578,5825,3562],{"class":1602},[1578,5827,1606],{"class":1584},[1578,5829,1609],{"class":1584},[1578,5831,5681],{"class":3569},[1578,5833,3573],{"class":1584},[1578,5835,2072],{"class":2071},[1578,5837,3582],{"class":1584},[1578,5839,1705],{"class":1584},[1578,5841,5842],{"class":1580,"line":2688},[1578,5843,5694],{"class":1584},[1578,5845,5846],{"class":1580,"line":2702},[1578,5847,5848],{"class":1750},"            +100 Views\n",[1578,5850,5851,5853,5855],{"class":1580,"line":2707},[1578,5852,1997],{"class":1584},[1578,5854,3604],{"class":1588},[1578,5856,1591],{"class":1584},[1578,5858,5859,5861],{"class":1580,"line":2716},[1578,5860,1686],{"class":1584},[1578,5862,3476],{"class":1588},[1578,5864,5865,5867,5869,5871,5874],{"class":1580,"line":2725},[1578,5866,5646],{"class":1602},[1578,5868,1606],{"class":1584},[1578,5870,1609],{"class":1584},[1578,5872,5873],{"class":1612},"red",[1578,5875,1705],{"class":1584},[1578,5877,5878,5880,5882,5884,5886],{"class":1580,"line":2744},[1578,5879,5730],{"class":1602},[1578,5881,1606],{"class":1584},[1578,5883,1609],{"class":1584},[1578,5885,4223],{"class":1612},[1578,5887,1705],{"class":1584},[1578,5889,5890,5892,5894,5896,5898],{"class":1580,"line":2751},[1578,5891,5659],{"class":1602},[1578,5893,1606],{"class":1584},[1578,5895,1609],{"class":1584},[1578,5897,3489],{"class":1612},[1578,5899,1705],{"class":1584},[1578,5901,5902,5904,5906,5908,5910,5913],{"class":1580,"line":2767},[1578,5903,5672],{"class":1584},[1578,5905,3562],{"class":1602},[1578,5907,1606],{"class":1584},[1578,5909,1609],{"class":1584},[1578,5911,5912],{"class":1750},"resetViews",[1578,5914,1705],{"class":1584},[1578,5916,5917],{"class":1580,"line":2798},[1578,5918,5694],{"class":1584},[1578,5920,5921],{"class":1580,"line":2807},[1578,5922,5923],{"class":1750},"            Reset\n",[1578,5925,5926,5928,5930],{"class":1580,"line":2816},[1578,5927,1997],{"class":1584},[1578,5929,3604],{"class":1588},[1578,5931,1591],{"class":1584},[1578,5933,5934,5936,5938],{"class":1580,"line":2835},[1578,5935,1764],{"class":1584},[1578,5937,1553],{"class":1588},[1578,5939,1591],{"class":1584},[1578,5941,5942,5944,5946],{"class":1580,"line":2841},[1578,5943,1844],{"class":1584},[1578,5945,1553],{"class":1588},[1578,5947,1591],{"class":1584},[1578,5949,5950],{"class":1580,"line":2850},[1578,5951,1855],{"emptyLinePlaceholder":1854},[1578,5953,5954],{"class":1580,"line":2870},[1578,5955,5956],{"class":4536},"      \u003C!-- Stats Info -->\n",[1578,5958,5959,5961,5963,5965,5967,5969,5972,5974],{"class":1580,"line":2877},[1578,5960,1644],{"class":1584},[1578,5962,1553],{"class":1588},[1578,5964,1603],{"class":1602},[1578,5966,1606],{"class":1584},[1578,5968,1609],{"class":1584},[1578,5970,5971],{"class":1612},"mt-6 pt-4 border-t border-gray-200 dark:border-gray-700",[1578,5973,1609],{"class":1584},[1578,5975,1591],{"class":1584},[1578,5977,5978,5980,5982,5984,5986,5988,5991,5993],{"class":1580,"line":2890},[1578,5979,1665],{"class":1584},[1578,5981,1553],{"class":1588},[1578,5983,1603],{"class":1602},[1578,5985,1606],{"class":1584},[1578,5987,1609],{"class":1584},[1578,5989,5990],{"class":1612},"grid grid-cols-3 gap-4 text-center",[1578,5992,1609],{"class":1584},[1578,5994,1591],{"class":1584},[1578,5996,5997,5999,6001],{"class":1580,"line":2903},[1578,5998,1686],{"class":1584},[1578,6000,1553],{"class":1588},[1578,6002,1591],{"class":1584},[1578,6004,6005,6007,6009,6011,6013,6015,6017,6019],{"class":1580,"line":2908},[1578,6006,1922],{"class":1584},[1578,6008,1553],{"class":1588},[1578,6010,1603],{"class":1602},[1578,6012,1606],{"class":1584},[1578,6014,1609],{"class":1584},[1578,6016,5476],{"class":1612},[1578,6018,1609],{"class":1584},[1578,6020,1591],{"class":1584},[1578,6022,6023],{"class":1580,"line":2926},[1578,6024,6025],{"class":1750},"              Started\n",[1578,6027,6028,6030,6032],{"class":1580,"line":2935},[1578,6029,1987],{"class":1584},[1578,6031,1553],{"class":1588},[1578,6033,1591],{"class":1584},[1578,6035,6036,6038,6040,6042,6044,6046,6048,6050],{"class":1580,"line":2944},[1578,6037,1922],{"class":1584},[1578,6039,1553],{"class":1588},[1578,6041,1603],{"class":1602},[1578,6043,1606],{"class":1584},[1578,6045,1609],{"class":1584},[1578,6047,5444],{"class":1612},[1578,6049,1609],{"class":1584},[1578,6051,1591],{"class":1584},[1578,6053,6054],{"class":1580,"line":2949},[1578,6055,6056],{"class":1750},"              {{ startTime }}\n",[1578,6058,6059,6061,6063],{"class":1580,"line":2968},[1578,6060,1987],{"class":1584},[1578,6062,1553],{"class":1588},[1578,6064,1591],{"class":1584},[1578,6066,6067,6069,6071],{"class":1580,"line":2987},[1578,6068,1997],{"class":1584},[1578,6070,1553],{"class":1588},[1578,6072,1591],{"class":1584},[1578,6074,6075,6077,6079],{"class":1580,"line":3007},[1578,6076,1686],{"class":1584},[1578,6078,1553],{"class":1588},[1578,6080,1591],{"class":1584},[1578,6082,6083,6085,6087,6089,6091,6093,6095,6097],{"class":1580,"line":3014},[1578,6084,1922],{"class":1584},[1578,6086,1553],{"class":1588},[1578,6088,1603],{"class":1602},[1578,6090,1606],{"class":1584},[1578,6092,1609],{"class":1584},[1578,6094,5476],{"class":1612},[1578,6096,1609],{"class":1584},[1578,6098,1591],{"class":1584},[1578,6100,6101],{"class":1580,"line":3028},[1578,6102,6103],{"class":1750},"              Updates\n",[1578,6105,6106,6108,6110],{"class":1580,"line":3042},[1578,6107,1987],{"class":1584},[1578,6109,1553],{"class":1588},[1578,6111,1591],{"class":1584},[1578,6113,6114,6116,6118,6120,6122,6124,6126,6128],{"class":1580,"line":3047},[1578,6115,1922],{"class":1584},[1578,6117,1553],{"class":1588},[1578,6119,1603],{"class":1602},[1578,6121,1606],{"class":1584},[1578,6123,1609],{"class":1584},[1578,6125,5444],{"class":1612},[1578,6127,1609],{"class":1584},[1578,6129,1591],{"class":1584},[1578,6131,6132],{"class":1580,"line":3056},[1578,6133,6134],{"class":1750},"              {{ updateCount }}\n",[1578,6136,6137,6139,6141],{"class":1580,"line":3065},[1578,6138,1987],{"class":1584},[1578,6140,1553],{"class":1588},[1578,6142,1591],{"class":1584},[1578,6144,6145,6147,6149],{"class":1580,"line":3084},[1578,6146,1997],{"class":1584},[1578,6148,1553],{"class":1588},[1578,6150,1591],{"class":1584},[1578,6152,6153,6155,6157],{"class":1580,"line":3091},[1578,6154,1686],{"class":1584},[1578,6156,1553],{"class":1588},[1578,6158,1591],{"class":1584},[1578,6160,6161,6163,6165,6167,6169,6171,6173,6175],{"class":1580,"line":3107},[1578,6162,1922],{"class":1584},[1578,6164,1553],{"class":1588},[1578,6166,1603],{"class":1602},[1578,6168,1606],{"class":1584},[1578,6170,1609],{"class":1584},[1578,6172,5476],{"class":1612},[1578,6174,1609],{"class":1584},[1578,6176,1591],{"class":1584},[1578,6178,6179],{"class":1580,"line":3138},[1578,6180,6181],{"class":1750},"              Manual\n",[1578,6183,6184,6186,6188],{"class":1580,"line":3143},[1578,6185,1987],{"class":1584},[1578,6187,1553],{"class":1588},[1578,6189,1591],{"class":1584},[1578,6191,6192,6194,6196,6198,6200,6202,6204,6206],{"class":1580,"line":3171},[1578,6193,1922],{"class":1584},[1578,6195,1553],{"class":1588},[1578,6197,1603],{"class":1602},[1578,6199,1606],{"class":1584},[1578,6201,1609],{"class":1584},[1578,6203,5444],{"class":1612},[1578,6205,1609],{"class":1584},[1578,6207,1591],{"class":1584},[1578,6209,6210],{"class":1580,"line":3180},[1578,6211,6212],{"class":1750},"              {{ manualActions }}\n",[1578,6214,6215,6217,6219],{"class":1580,"line":3199},[1578,6216,1987],{"class":1584},[1578,6218,1553],{"class":1588},[1578,6220,1591],{"class":1584},[1578,6222,6223,6225,6227],{"class":1580,"line":3205},[1578,6224,1997],{"class":1584},[1578,6226,1553],{"class":1588},[1578,6228,1591],{"class":1584},[1578,6230,6231,6233,6235],{"class":1580,"line":3214},[1578,6232,1764],{"class":1584},[1578,6234,1553],{"class":1588},[1578,6236,1591],{"class":1584},[1578,6238,6239,6241,6243],{"class":1580,"line":3233},[1578,6240,1844],{"class":1584},[1578,6242,1553],{"class":1588},[1578,6244,1591],{"class":1584},[1578,6246,6247,6249,6251],{"class":1580,"line":3240},[1578,6248,4328],{"class":1584},[1578,6250,1553],{"class":1588},[1578,6252,1591],{"class":1584},[1578,6254,6255,6257,6259],{"class":1580,"line":3254},[1578,6256,4338],{"class":1584},[1578,6258,1553],{"class":1588},[1578,6260,1591],{"class":1584},[1578,6262,6263,6265,6267],{"class":1580,"line":3267},[1578,6264,1754],{"class":1584},[1578,6266,1566],{"class":1588},[1578,6268,1591],{"class":1584},[1578,6270,6271],{"class":1580,"line":3272},[1578,6272,1855],{"emptyLinePlaceholder":1854},[1578,6274,6275,6277,6279,6281],{"class":1580,"line":3290},[1578,6276,1585],{"class":1584},[1578,6278,4364],{"class":1588},[1578,6280,4367],{"class":1602},[1578,6282,1591],{"class":1584},[1578,6284,6285,6287,6289,6291,6293,6295,6297,6300,6302,6304,6306,6308],{"class":1580,"line":3299},[1578,6286,4376],{"class":4375},[1578,6288,4379],{"class":1584},[1578,6290,4382],{"class":1750},[1578,6292,4385],{"class":1584},[1578,6294,4388],{"class":1750},[1578,6296,4385],{"class":1584},[1578,6298,6299],{"class":1750}," onUnmounted",[1578,6301,2086],{"class":1584},[1578,6303,4393],{"class":4375},[1578,6305,4396],{"class":1584},[1578,6307,1574],{"class":1612},[1578,6309,4401],{"class":1584},[1578,6311,6312],{"class":1580,"line":3308},[1578,6313,1855],{"emptyLinePlaceholder":1854},[1578,6315,6316,6318,6321,6323,6325,6327,6330],{"class":1580,"line":3317},[1578,6317,4412],{"class":1602},[1578,6319,6320],{"class":1750}," pageViews ",[1578,6322,1606],{"class":1584},[1578,6324,4382],{"class":3569},[1578,6326,3573],{"class":1750},[1578,6328,6329],{"class":2071},"1234",[1578,6331,4427],{"class":1750},[1578,6333,6334,6336,6339,6341,6343,6345,6349],{"class":1580,"line":3322},[1578,6335,4412],{"class":1602},[1578,6337,6338],{"class":1750}," isAutoUpdating ",[1578,6340,1606],{"class":1584},[1578,6342,4382],{"class":3569},[1578,6344,3573],{"class":1750},[1578,6346,6348],{"class":6347},"sfNiH","true",[1578,6350,4427],{"class":1750},[1578,6352,6353,6355,6358,6360,6362,6364,6367],{"class":1580,"line":3342},[1578,6354,4412],{"class":1602},[1578,6356,6357],{"class":1750}," viewsPerSecond ",[1578,6359,1606],{"class":1584},[1578,6361,4382],{"class":3569},[1578,6363,3573],{"class":1750},[1578,6365,6366],{"class":2071},"3",[1578,6368,4427],{"class":1750},[1578,6370,6371,6373,6376,6378,6380,6382,6385],{"class":1580,"line":3362},[1578,6372,4412],{"class":1602},[1578,6374,6375],{"class":1750}," updateCount ",[1578,6377,1606],{"class":1584},[1578,6379,4382],{"class":3569},[1578,6381,3573],{"class":1750},[1578,6383,6384],{"class":2071},"0",[1578,6386,4427],{"class":1750},[1578,6388,6389,6391,6394,6396,6398,6400,6402],{"class":1580,"line":3371},[1578,6390,4412],{"class":1602},[1578,6392,6393],{"class":1750}," manualActions ",[1578,6395,1606],{"class":1584},[1578,6397,4382],{"class":3569},[1578,6399,3573],{"class":1750},[1578,6401,6384],{"class":2071},[1578,6403,4427],{"class":1750},[1578,6405,6406,6408,6411,6413,6415,6417,6420,6423,6425,6427,6430],{"class":1580,"line":3392},[1578,6407,4412],{"class":1602},[1578,6409,6410],{"class":1750}," startTime ",[1578,6412,1606],{"class":1584},[1578,6414,4382],{"class":3569},[1578,6416,3573],{"class":1750},[1578,6418,6419],{"class":1584},"new",[1578,6421,6422],{"class":3569}," Date",[1578,6424,4878],{"class":1750},[1578,6426,4546],{"class":1584},[1578,6428,6429],{"class":3569},"toLocaleTimeString",[1578,6431,6432],{"class":1750},"())\n",[1578,6434,6435],{"class":1580,"line":3398},[1578,6436,1855],{"emptyLinePlaceholder":1854},[1578,6438,6439,6442,6445,6447],{"class":1580,"line":3407},[1578,6440,6441],{"class":1602},"let",[1578,6443,6444],{"class":1750}," intervalId ",[1578,6446,1606],{"class":1584},[1578,6448,6449],{"class":1584}," null\n",[1578,6451,6452],{"class":1580,"line":3427},[1578,6453,1855],{"emptyLinePlaceholder":1854},[1578,6455,6456],{"class":1580,"line":3433},[1578,6457,6458],{"class":4536},"\u002F\u002F Add views manually\n",[1578,6460,6461,6463,6466,6468,6470,6473,6475,6477],{"class":1580,"line":3442},[1578,6462,4412],{"class":1602},[1578,6464,6465],{"class":1750}," addViews ",[1578,6467,1606],{"class":1584},[1578,6469,4793],{"class":1584},[1578,6471,6472],{"class":4796},"amount",[1578,6474,3582],{"class":1584},[1578,6476,4527],{"class":1602},[1578,6478,4530],{"class":1584},[1578,6480,6481,6484,6486,6488,6491],{"class":1580,"line":3451},[1578,6482,6483],{"class":1750},"  pageViews",[1578,6485,4546],{"class":1584},[1578,6487,2038],{"class":1750},[1578,6489,6490],{"class":1584}," +=",[1578,6492,6493],{"class":1750}," amount\n",[1578,6495,6496,6499,6501,6503],{"class":1580,"line":3471},[1578,6497,6498],{"class":1750},"  manualActions",[1578,6500,4546],{"class":1584},[1578,6502,2038],{"class":1750},[1578,6504,6505],{"class":1584},"++\n",[1578,6507,6508],{"class":1580,"line":3479},[1578,6509,4726],{"class":1584},[1578,6511,6512],{"class":1580,"line":3494},[1578,6513,1855],{"emptyLinePlaceholder":1854},[1578,6515,6516],{"class":1580,"line":3541},[1578,6517,6518],{"class":4536},"\u002F\u002F Reset views\n",[1578,6520,6521,6523,6526,6528,6530,6532],{"class":1580,"line":3556},[1578,6522,4412],{"class":1602},[1578,6524,6525],{"class":1750}," resetViews ",[1578,6527,1606],{"class":1584},[1578,6529,4524],{"class":1584},[1578,6531,4527],{"class":1602},[1578,6533,4530],{"class":1584},[1578,6535,6536,6538,6540,6542,6544],{"class":1580,"line":3587},[1578,6537,6483],{"class":1750},[1578,6539,4546],{"class":1584},[1578,6541,2038],{"class":1750},[1578,6543,4551],{"class":1584},[1578,6545,6546],{"class":2071}," 0\n",[1578,6548,6549,6552,6554,6556,6558],{"class":1580,"line":3593},[1578,6550,6551],{"class":1750},"  updateCount",[1578,6553,4546],{"class":1584},[1578,6555,2038],{"class":1750},[1578,6557,4551],{"class":1584},[1578,6559,6546],{"class":2071},[1578,6561,6562,6564,6566,6568,6570],{"class":1580,"line":3599},[1578,6563,6498],{"class":1750},[1578,6565,4546],{"class":1584},[1578,6567,2038],{"class":1750},[1578,6569,4551],{"class":1584},[1578,6571,6546],{"class":2071},[1578,6573,6574,6577,6579,6581,6583,6586,6588,6590,6592,6594],{"class":1580,"line":3609},[1578,6575,6576],{"class":1750},"  startTime",[1578,6578,4546],{"class":1584},[1578,6580,2038],{"class":1750},[1578,6582,4551],{"class":1584},[1578,6584,6585],{"class":1584}," new",[1578,6587,6422],{"class":3569},[1578,6589,4878],{"class":1588},[1578,6591,4546],{"class":1584},[1578,6593,6429],{"class":3569},[1578,6595,4905],{"class":1588},[1578,6597,6598],{"class":1580,"line":3616},[1578,6599,4726],{"class":1584},[1578,6601,6602],{"class":1580,"line":3629},[1578,6603,1855],{"emptyLinePlaceholder":1854},[1578,6605,6606],{"class":1580,"line":3667},[1578,6607,6608],{"class":4536},"\u002F\u002F Toggle auto update\n",[1578,6610,6611,6613,6616,6618,6620,6623,6625,6627],{"class":1580,"line":3680},[1578,6612,4412],{"class":1602},[1578,6614,6615],{"class":1750}," toggleAutoUpdate ",[1578,6617,1606],{"class":1584},[1578,6619,4793],{"class":1584},[1578,6621,6622],{"class":4796},"enabled",[1578,6624,3582],{"class":1584},[1578,6626,4527],{"class":1602},[1578,6628,4530],{"class":1584},[1578,6630,6631,6634,6636,6638,6640],{"class":1580,"line":3705},[1578,6632,6633],{"class":4375},"  if",[1578,6635,4793],{"class":1588},[1578,6637,6622],{"class":1750},[1578,6639,4917],{"class":1588},[1578,6641,6642],{"class":1584},"{\n",[1578,6644,6645,6648],{"class":1580,"line":3710},[1578,6646,6647],{"class":3569},"    startAutoUpdate",[1578,6649,4905],{"class":1588},[1578,6651,6652],{"class":1580,"line":3716},[1578,6653,6654],{"class":1584},"  }\n",[1578,6656,6657,6660],{"class":1580,"line":3725},[1578,6658,6659],{"class":4375},"  else",[1578,6661,4530],{"class":1584},[1578,6663,6664,6667],{"class":1580,"line":3732},[1578,6665,6666],{"class":3569},"    stopAutoUpdate",[1578,6668,4905],{"class":1588},[1578,6670,6671],{"class":1580,"line":3745},[1578,6672,6654],{"class":1584},[1578,6674,6675],{"class":1580,"line":3783},[1578,6676,4726],{"class":1584},[1578,6678,6679],{"class":1580,"line":3796},[1578,6680,1855],{"emptyLinePlaceholder":1854},[1578,6682,6683],{"class":1580,"line":3821},[1578,6684,6685],{"class":4536},"\u002F\u002F Start auto update\n",[1578,6687,6688,6690,6693,6695,6697,6699],{"class":1580,"line":3826},[1578,6689,4412],{"class":1602},[1578,6691,6692],{"class":1750}," startAutoUpdate ",[1578,6694,1606],{"class":1584},[1578,6696,4524],{"class":1584},[1578,6698,4527],{"class":1602},[1578,6700,4530],{"class":1584},[1578,6702,6703,6706,6708],{"class":1580,"line":3832},[1578,6704,6705],{"class":3569},"  stopAutoUpdate",[1578,6707,4577],{"class":1588},[1578,6709,6710],{"class":4536},"\u002F\u002F Clear any existing interval\n",[1578,6712,6713,6716,6718,6721,6723,6725,6727],{"class":1580,"line":3841},[1578,6714,6715],{"class":1750},"  intervalId",[1578,6717,4551],{"class":1584},[1578,6719,6720],{"class":3569}," setInterval",[1578,6722,3573],{"class":1588},[1578,6724,4878],{"class":1584},[1578,6726,4527],{"class":1602},[1578,6728,4530],{"class":1584},[1578,6730,6731],{"class":1580,"line":3850},[1578,6732,6733],{"class":4536},"    \u002F\u002F Add random views per second (1-5)\n",[1578,6735,6736,6739,6742,6744,6746,6748,6750,6752,6754,6756,6758,6760,6762,6765,6767,6770],{"class":1580,"line":3859},[1578,6737,6738],{"class":1602},"    const",[1578,6740,6741],{"class":1750}," randomViews",[1578,6743,4551],{"class":1584},[1578,6745,4554],{"class":1750},[1578,6747,4546],{"class":1584},[1578,6749,4559],{"class":3569},[1578,6751,3573],{"class":1588},[1578,6753,4669],{"class":1750},[1578,6755,4546],{"class":1584},[1578,6757,4574],{"class":3569},[1578,6759,4577],{"class":1588},[1578,6761,4580],{"class":1584},[1578,6763,6764],{"class":2071}," 5",[1578,6766,4917],{"class":1588},[1578,6768,6769],{"class":1584},"+",[1578,6771,6772],{"class":2071}," 1\n",[1578,6774,6775,6778,6780,6782,6784],{"class":1580,"line":3864},[1578,6776,6777],{"class":1750},"    pageViews",[1578,6779,4546],{"class":1584},[1578,6781,2038],{"class":1750},[1578,6783,6490],{"class":1584},[1578,6785,6786],{"class":1750}," randomViews\n",[1578,6788,6789,6792,6794,6796],{"class":1580,"line":3884},[1578,6790,6791],{"class":1750},"    updateCount",[1578,6793,4546],{"class":1584},[1578,6795,2038],{"class":1750},[1578,6797,6505],{"class":1584},[1578,6799,6800,6802,6804],{"class":1580,"line":3904},[1578,6801,4911],{"class":1584},[1578,6803,4583],{"class":2071},[1578,6805,4427],{"class":1588},[1578,6807,6808],{"class":1580,"line":3911},[1578,6809,4726],{"class":1584},[1578,6811,6812],{"class":1580,"line":3924},[1578,6813,1855],{"emptyLinePlaceholder":1854},[1578,6815,6816],{"class":1580,"line":3938},[1578,6817,6818],{"class":4536},"\u002F\u002F Stop auto update\n",[1578,6820,6821,6823,6826,6828,6830,6832],{"class":1580,"line":3943},[1578,6822,4412],{"class":1602},[1578,6824,6825],{"class":1750}," stopAutoUpdate ",[1578,6827,1606],{"class":1584},[1578,6829,4524],{"class":1584},[1578,6831,4527],{"class":1602},[1578,6833,4530],{"class":1584},[1578,6835,6836,6838,6840,6843,6845],{"class":1580,"line":3962},[1578,6837,6633],{"class":4375},[1578,6839,4793],{"class":1588},[1578,6841,6842],{"class":1750},"intervalId",[1578,6844,4917],{"class":1588},[1578,6846,6642],{"class":1584},[1578,6848,6849,6852,6854,6856],{"class":1580,"line":3968},[1578,6850,6851],{"class":3569},"    clearInterval",[1578,6853,3573],{"class":1588},[1578,6855,6842],{"class":1750},[1578,6857,4427],{"class":1588},[1578,6859,6860,6863,6865],{"class":1580,"line":3977},[1578,6861,6862],{"class":1750},"    intervalId",[1578,6864,4551],{"class":1584},[1578,6866,6449],{"class":1584},[1578,6868,6869],{"class":1580,"line":3997},[1578,6870,6654],{"class":1584},[1578,6872,6873],{"class":1580,"line":4003},[1578,6874,4726],{"class":1584},[1578,6876,6877],{"class":1580,"line":4012},[1578,6878,1855],{"emptyLinePlaceholder":1854},[1578,6880,6881],{"class":1580,"line":4021},[1578,6882,6883],{"class":4536},"\u002F\u002F Initialize\n",[1578,6885,6886,6888,6890,6892,6894],{"class":1580,"line":4030},[1578,6887,4873],{"class":3569},[1578,6889,3573],{"class":1750},[1578,6891,4878],{"class":1584},[1578,6893,4527],{"class":1602},[1578,6895,4530],{"class":1584},[1578,6897,6898,6900,6902,6904,6906,6908,6910],{"class":1580,"line":4039},[1578,6899,6633],{"class":4375},[1578,6901,4793],{"class":1588},[1578,6903,5520],{"class":1750},[1578,6905,4546],{"class":1584},[1578,6907,2038],{"class":1750},[1578,6909,4917],{"class":1588},[1578,6911,6642],{"class":1584},[1578,6913,6914,6916],{"class":1580,"line":4044},[1578,6915,6647],{"class":3569},[1578,6917,4905],{"class":1588},[1578,6919,6920],{"class":1580,"line":4064},[1578,6921,6654],{"class":1584},[1578,6923,6924,6926],{"class":1580,"line":4071},[1578,6925,4926],{"class":1584},[1578,6927,4427],{"class":1750},[1578,6929,6930],{"class":1580,"line":4086},[1578,6931,1855],{"emptyLinePlaceholder":1854},[1578,6933,6934],{"class":1580,"line":4100},[1578,6935,6936],{"class":4536},"\u002F\u002F Cleanup\n",[1578,6938,6939,6942,6944,6946,6948],{"class":1580,"line":4115},[1578,6940,6941],{"class":3569},"onUnmounted",[1578,6943,3573],{"class":1750},[1578,6945,4878],{"class":1584},[1578,6947,4527],{"class":1602},[1578,6949,4530],{"class":1584},[1578,6951,6952,6954],{"class":1580,"line":4132},[1578,6953,6705],{"class":3569},[1578,6955,4905],{"class":1588},[1578,6957,6958,6960],{"class":1580,"line":4138},[1578,6959,4926],{"class":1584},[1578,6961,4427],{"class":1750},[1578,6963,6964,6966,6968],{"class":1580,"line":4145},[1578,6965,1754],{"class":1584},[1578,6967,4364],{"class":1588},[1578,6969,1591],{"class":1584},[3376,6971,6973],{"id":6972},"live-updating-counter","Live-updating counter",[1549,6975,6976,6982],{"label":1551},[1553,6977,1560,6979],{"className":6978},[1556,1557,1558,1559],[1562,6980],{"name":6981},"animated-number-example",[1566,6983,6984],{"v-slot:code":1568},[1570,6985,6987],{"className":1572,"code":6986,"language":1574,"meta":1568,"style":1568},"\u003Ctemplate>\n  \u003Cdiv class=\"p-6 bg-gradient-to-br from-gray-50 to-gray-100 dark:from-gray-900 dark:to-gray-800 rounded-xl max-w-md mx-auto\">\n    \u003Cdiv class=\"bg-default rounded-lg p-6 shadow mb-6\">\n      \u003Cdiv class=\"text-center\">\n        \u003Cdiv class=\"text-sm text-muted mb-1\">\n          Current Count\n        \u003C\u002Fdiv>\n        \u003Cdiv class=\"text-4xl font-bold text-primary\">\n          \u003CMAnimatedNumber\n            :value=\"count\"\n            :spring-options=\"{ stiffness: 150, damping: 20 }\"\n          \u002F>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup>\nimport { ref, onMounted, onUnmounted } from 'vue'\n\nconst count = ref(1234)\nlet intervalId = null\n\nconst startTimer = () => {\n  intervalId = setInterval(() => {\n    \u002F\u002F Add 1-10 to simulate live updates\n    const increment = Math.floor(Math.random() * 10) + 1\n    count.value += increment\n  }, 1000)\n}\n\nconst stopTimer = () => {\n  if (intervalId) {\n    clearInterval(intervalId)\n    intervalId = null\n  }\n}\n\nonMounted(() => {\n  startTimer()\n})\n\nonUnmounted(() => {\n  stopTimer()\n})\n\u003C\u002Fscript>\n",[1540,6988,6989,6997,7016,7035,7053,7072,7077,7085,7104,7110,7125,7157,7161,7169,7177,7185,7193,7201,7205,7215,7241,7245,7262,7272,7276,7291,7307,7312,7348,7362,7370,7374,7378,7393,7405,7415,7423,7427,7431,7435,7447,7454,7460,7464,7476,7483,7489],{"__ignoreMap":1568},[1578,6990,6991,6993,6995],{"class":1580,"line":1581},[1578,6992,1585],{"class":1584},[1578,6994,1566],{"class":1588},[1578,6996,1591],{"class":1584},[1578,6998,6999,7001,7003,7005,7007,7009,7012,7014],{"class":1580,"line":1594},[1578,7000,1597],{"class":1584},[1578,7002,1553],{"class":1588},[1578,7004,1603],{"class":1602},[1578,7006,1606],{"class":1584},[1578,7008,1609],{"class":1584},[1578,7010,7011],{"class":1612},"p-6 bg-gradient-to-br from-gray-50 to-gray-100 dark:from-gray-900 dark:to-gray-800 rounded-xl max-w-md mx-auto",[1578,7013,1609],{"class":1584},[1578,7015,1591],{"class":1584},[1578,7017,7018,7020,7022,7024,7026,7028,7031,7033],{"class":1580,"line":1620},[1578,7019,1623],{"class":1584},[1578,7021,1553],{"class":1588},[1578,7023,1603],{"class":1602},[1578,7025,1606],{"class":1584},[1578,7027,1609],{"class":1584},[1578,7029,7030],{"class":1612},"bg-default rounded-lg p-6 shadow mb-6",[1578,7032,1609],{"class":1584},[1578,7034,1591],{"class":1584},[1578,7036,7037,7039,7041,7043,7045,7047,7049,7051],{"class":1580,"line":1641},[1578,7038,1644],{"class":1584},[1578,7040,1553],{"class":1588},[1578,7042,1603],{"class":1602},[1578,7044,1606],{"class":1584},[1578,7046,1609],{"class":1584},[1578,7048,3897],{"class":1612},[1578,7050,1609],{"class":1584},[1578,7052,1591],{"class":1584},[1578,7054,7055,7057,7059,7061,7063,7065,7068,7070],{"class":1580,"line":1662},[1578,7056,1665],{"class":1584},[1578,7058,1553],{"class":1588},[1578,7060,1603],{"class":1602},[1578,7062,1606],{"class":1584},[1578,7064,1609],{"class":1584},[1578,7066,7067],{"class":1612},"text-sm text-muted mb-1",[1578,7069,1609],{"class":1584},[1578,7071,1591],{"class":1584},[1578,7073,7074],{"class":1580,"line":1683},[1578,7075,7076],{"class":1750},"          Current Count\n",[1578,7078,7079,7081,7083],{"class":1580,"line":1692},[1578,7080,1764],{"class":1584},[1578,7082,1553],{"class":1588},[1578,7084,1591],{"class":1584},[1578,7086,7087,7089,7091,7093,7095,7097,7100,7102],{"class":1580,"line":1708},[1578,7088,1665],{"class":1584},[1578,7090,1553],{"class":1588},[1578,7092,1603],{"class":1602},[1578,7094,1606],{"class":1584},[1578,7096,1609],{"class":1584},[1578,7098,7099],{"class":1612},"text-4xl font-bold text-primary",[1578,7101,1609],{"class":1584},[1578,7103,1591],{"class":1584},[1578,7105,7106,7108],{"class":1580,"line":1723},[1578,7107,1686],{"class":1584},[1578,7109,2029],{"class":1588},[1578,7111,7112,7114,7116,7118,7120,7123],{"class":1580,"line":1729},[1578,7113,5186],{"class":1584},[1578,7115,2038],{"class":1602},[1578,7117,1606],{"class":1584},[1578,7119,1609],{"class":1584},[1578,7121,7122],{"class":1750},"count",[1578,7124,1705],{"class":1584},[1578,7126,7127,7129,7131,7133,7135,7137,7139,7141,7144,7146,7148,7150,7153,7155],{"class":1580,"line":1761},[1578,7128,5186],{"class":1584},[1578,7130,2055],{"class":1602},[1578,7132,1606],{"class":1584},[1578,7134,1609],{"class":1584},[1578,7136,2062],{"class":1584},[1578,7138,2065],{"class":1588},[1578,7140,2068],{"class":1584},[1578,7142,7143],{"class":2071},"150",[1578,7145,2075],{"class":1584},[1578,7147,2078],{"class":1588},[1578,7149,2068],{"class":1584},[1578,7151,7152],{"class":2071},"20",[1578,7154,2086],{"class":1584},[1578,7156,1705],{"class":1584},[1578,7158,7159],{"class":1580,"line":1771},[1578,7160,1726],{"class":1584},[1578,7162,7163,7165,7167],{"class":1580,"line":1791},[1578,7164,1764],{"class":1584},[1578,7166,1553],{"class":1588},[1578,7168,1591],{"class":1584},[1578,7170,7171,7173,7175],{"class":1580,"line":1797},[1578,7172,1844],{"class":1584},[1578,7174,1553],{"class":1588},[1578,7176,1591],{"class":1584},[1578,7178,7179,7181,7183],{"class":1580,"line":1806},[1578,7180,4328],{"class":1584},[1578,7182,1553],{"class":1588},[1578,7184,1591],{"class":1584},[1578,7186,7187,7189,7191],{"class":1580,"line":1826},[1578,7188,4338],{"class":1584},[1578,7190,1553],{"class":1588},[1578,7192,1591],{"class":1584},[1578,7194,7195,7197,7199],{"class":1580,"line":1832},[1578,7196,1754],{"class":1584},[1578,7198,1566],{"class":1588},[1578,7200,1591],{"class":1584},[1578,7202,7203],{"class":1580,"line":1841},[1578,7204,1855],{"emptyLinePlaceholder":1854},[1578,7206,7207,7209,7211,7213],{"class":1580,"line":1851},[1578,7208,1585],{"class":1584},[1578,7210,4364],{"class":1588},[1578,7212,4367],{"class":1602},[1578,7214,1591],{"class":1584},[1578,7216,7217,7219,7221,7223,7225,7227,7229,7231,7233,7235,7237,7239],{"class":1580,"line":1858},[1578,7218,4376],{"class":4375},[1578,7220,4379],{"class":1584},[1578,7222,4382],{"class":1750},[1578,7224,4385],{"class":1584},[1578,7226,4388],{"class":1750},[1578,7228,4385],{"class":1584},[1578,7230,6299],{"class":1750},[1578,7232,2086],{"class":1584},[1578,7234,4393],{"class":4375},[1578,7236,4396],{"class":1584},[1578,7238,1574],{"class":1612},[1578,7240,4401],{"class":1584},[1578,7242,7243],{"class":1580,"line":1878},[1578,7244,1855],{"emptyLinePlaceholder":1854},[1578,7246,7247,7249,7252,7254,7256,7258,7260],{"class":1580,"line":1899},[1578,7248,4412],{"class":1602},[1578,7250,7251],{"class":1750}," count ",[1578,7253,1606],{"class":1584},[1578,7255,4382],{"class":3569},[1578,7257,3573],{"class":1750},[1578,7259,6329],{"class":2071},[1578,7261,4427],{"class":1750},[1578,7263,7264,7266,7268,7270],{"class":1580,"line":1919},[1578,7265,6441],{"class":1602},[1578,7267,6444],{"class":1750},[1578,7269,1606],{"class":1584},[1578,7271,6449],{"class":1584},[1578,7273,7274],{"class":1580,"line":1940},[1578,7275,1855],{"emptyLinePlaceholder":1854},[1578,7277,7278,7280,7283,7285,7287,7289],{"class":1580,"line":1948},[1578,7279,4412],{"class":1602},[1578,7281,7282],{"class":1750}," startTimer ",[1578,7284,1606],{"class":1584},[1578,7286,4524],{"class":1584},[1578,7288,4527],{"class":1602},[1578,7290,4530],{"class":1584},[1578,7292,7293,7295,7297,7299,7301,7303,7305],{"class":1580,"line":1963},[1578,7294,6715],{"class":1750},[1578,7296,4551],{"class":1584},[1578,7298,6720],{"class":3569},[1578,7300,3573],{"class":1588},[1578,7302,4878],{"class":1584},[1578,7304,4527],{"class":1602},[1578,7306,4530],{"class":1584},[1578,7308,7309],{"class":1580,"line":1978},[1578,7310,7311],{"class":4536},"    \u002F\u002F Add 1-10 to simulate live updates\n",[1578,7313,7314,7316,7319,7321,7323,7325,7327,7329,7331,7333,7335,7337,7339,7342,7344,7346],{"class":1580,"line":1984},[1578,7315,6738],{"class":1602},[1578,7317,7318],{"class":1750}," increment",[1578,7320,4551],{"class":1584},[1578,7322,4554],{"class":1750},[1578,7324,4546],{"class":1584},[1578,7326,4559],{"class":3569},[1578,7328,3573],{"class":1588},[1578,7330,4669],{"class":1750},[1578,7332,4546],{"class":1584},[1578,7334,4574],{"class":3569},[1578,7336,4577],{"class":1588},[1578,7338,4580],{"class":1584},[1578,7340,7341],{"class":2071}," 10",[1578,7343,4917],{"class":1588},[1578,7345,6769],{"class":1584},[1578,7347,6772],{"class":2071},[1578,7349,7350,7353,7355,7357,7359],{"class":1580,"line":1994},[1578,7351,7352],{"class":1750},"    count",[1578,7354,4546],{"class":1584},[1578,7356,2038],{"class":1750},[1578,7358,6490],{"class":1584},[1578,7360,7361],{"class":1750}," increment\n",[1578,7363,7364,7366,7368],{"class":1580,"line":2004},[1578,7365,4911],{"class":1584},[1578,7367,4583],{"class":2071},[1578,7369,4427],{"class":1588},[1578,7371,7372],{"class":1580,"line":2024},[1578,7373,4726],{"class":1584},[1578,7375,7376],{"class":1580,"line":2032},[1578,7377,1855],{"emptyLinePlaceholder":1854},[1578,7379,7380,7382,7385,7387,7389,7391],{"class":1580,"line":2050},[1578,7381,4412],{"class":1602},[1578,7383,7384],{"class":1750}," stopTimer ",[1578,7386,1606],{"class":1584},[1578,7388,4524],{"class":1584},[1578,7390,4527],{"class":1602},[1578,7392,4530],{"class":1584},[1578,7394,7395,7397,7399,7401,7403],{"class":1580,"line":2091},[1578,7396,6633],{"class":4375},[1578,7398,4793],{"class":1588},[1578,7400,6842],{"class":1750},[1578,7402,4917],{"class":1588},[1578,7404,6642],{"class":1584},[1578,7406,7407,7409,7411,7413],{"class":1580,"line":2097},[1578,7408,6851],{"class":3569},[1578,7410,3573],{"class":1588},[1578,7412,6842],{"class":1750},[1578,7414,4427],{"class":1588},[1578,7416,7417,7419,7421],{"class":1580,"line":2106},[1578,7418,6862],{"class":1750},[1578,7420,4551],{"class":1584},[1578,7422,6449],{"class":1584},[1578,7424,7425],{"class":1580,"line":2126},[1578,7426,6654],{"class":1584},[1578,7428,7429],{"class":1580,"line":2132},[1578,7430,4726],{"class":1584},[1578,7432,7433],{"class":1580,"line":2141},[1578,7434,1855],{"emptyLinePlaceholder":1854},[1578,7436,7437,7439,7441,7443,7445],{"class":1580,"line":2161},[1578,7438,4873],{"class":3569},[1578,7440,3573],{"class":1750},[1578,7442,4878],{"class":1584},[1578,7444,4527],{"class":1602},[1578,7446,4530],{"class":1584},[1578,7448,7449,7452],{"class":1580,"line":2168},[1578,7450,7451],{"class":3569},"  startTimer",[1578,7453,4905],{"class":1588},[1578,7455,7456,7458],{"class":1580,"line":2183},[1578,7457,4926],{"class":1584},[1578,7459,4427],{"class":1750},[1578,7461,7462],{"class":1580,"line":2198},[1578,7463,1855],{"emptyLinePlaceholder":1854},[1578,7465,7466,7468,7470,7472,7474],{"class":1580,"line":2203},[1578,7467,6941],{"class":3569},[1578,7469,3573],{"class":1750},[1578,7471,4878],{"class":1584},[1578,7473,4527],{"class":1602},[1578,7475,4530],{"class":1584},[1578,7477,7478,7481],{"class":1580,"line":2221},[1578,7479,7480],{"class":3569},"  stopTimer",[1578,7482,4905],{"class":1588},[1578,7484,7485,7487],{"class":1580,"line":2230},[1578,7486,4926],{"class":1584},[1578,7488,4427],{"class":1750},[1578,7490,7491,7493,7495],{"class":1580,"line":2239},[1578,7492,1754],{"class":1584},[1578,7494,4364],{"class":1588},[1578,7496,1591],{"class":1584},[1545,7498,7500],{"id":7499},"customize","Customize",[1549,7502,7503,7509],{"label":1551},[1553,7504,1560,7506],{"className":7505},[1558],[1562,7507],{"name":7508},"animated-number-custom",[1566,7510,7511],{"v-slot:code":1568},[7512,7513],"playground-code",{"name":7514},"AnimatedNumber",[1545,7516,7518],{"id":7517},"props","Props",[7520,7521,7522,7527,7533,7539,7545,7550],"component-props",{},[7523,7524,7526],"component-prop",{"name":2038,"type":7525,":required":6348},"number","Target value to animate to.",[7523,7528,7532],{"name":7529,"type":7530,"default":7531},"springOptions","SpringOptions","{ stiffness: 300, damping: 30, mass: 1 }","Spring animation options.",[7523,7534,7538],{"name":7535,"type":7536,"default":7537},"as","string","'span'","HTML element to render as.",[7523,7540,7544],{"name":7541,"type":7542,"default":7543},"format","function","(value: number) => Math.round(value).toLocaleString()","Custom formatting function.",[7523,7546,7549],{"name":7547,"type":7536,"default":7548},"class","''","CSS classes to apply to the component.",[7523,7551,7555,7556,4546],{"name":7552,"type":7553,"default":7554},"ui","object","undefined","Per-slot classes merged over the theme defaults. See ",[7557,7558,7560],"a",{"href":7559},"#ui","UI",[1545,7562,7560],{"id":7552},[1536,7564,7565,7566,7571,7572,7575,7576,4546],{},"This component's theme exposes the slots below. Override any of them per instance with the ",[7557,7567,7568,7570],{"href":21},[1540,7569,7552],{}," prop",", or app-wide under ",[1540,7573,7574],{},"ui.animatedNumber"," in ",[1540,7577,7578],{},"app.config.ts",[7520,7580,7581],{},[7523,7582,7583],{"name":7552,"type":7553},"Per-slot classes merged over the theme defaults.",[7585,7586,7587],"component-slots",{},[7588,7589,7591],"component-slot-row",{"name":7590},"root",[1540,7592,7593],{},"inline-block tabular-nums",[1545,7595,7597],{"id":7596},"accessibility","Accessibility",[1536,7599,7600,7601,7604,7605,7607],{},"The value is written into the element's text and updates every frame while the spring settles. That text is not inside an ",[1540,7602,7603],{},"aria-live"," region, so it is not announced on each change; some screen readers that follow DOM mutations may still re-read the element as it settles. That is acceptable for a decorative metric, but if a single value must be announced, wrap it in your own ",[1540,7606,7603],{}," region.",[1536,7609,7610,7611,7613,7614,7616,7617,7620,7621,7624],{},"The element renders as ",[1540,7612,7535],{}," (default ",[1540,7615,1578],{},") and adds no role or ",[1540,7618,7619],{},"tabindex"," — it is plain text. When a currency symbol or unit is supplied by a sibling, add an ",[1540,7622,7623],{},"aria-label"," so the accessible name reads as a complete value rather than a bare number.",[1536,7626,7627,7628,7631],{},"There is no ",[1540,7629,7630],{},"prefers-reduced-motion"," handling: the spring runs regardless. Consumers that must honour the setting should render a static figure instead.",[1545,7633,7635],{"id":7634},"performance","Performance",[7637,7638,7639,7654,7664,7667],"ul",{},[7640,7641,7642,7643,7646,7647,7649,7650,7653],"li",{},"One ",[1540,7644,7645],{},"motionValue"," and one ",[1540,7648,1542],{}," drive the value; the only subscription is ",[1540,7651,7652],{},"springValue.on('change')",", and it is removed on unmount.",[7640,7655,7656,7657,7660,7661,7663],{},"Each spring frame assigns a ",[1540,7658,7659],{},"ref",", which re-runs the ",[1540,7662,7541],{}," computed and patches a single text node — a component re-render per frame while settling, and nothing once the value converges.",[7640,7665,7666],{},"A static number costs one initial frame and then no work; there is no polling and no timer.",[7640,7668,7669,7671,7672,7674,7675,7677],{},[1540,7670,7529],{}," directly control the settling cost: a stiffer spring with more damping reaches the target in fewer frames, so tune ",[1540,7673,2065],{},"\u002F",[1540,7676,2078],{}," before reaching for a rAF loop.",[7679,7680,7681],"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 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 .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 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 .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":1568,"searchDepth":1594,"depth":1594,"links":7683},[7684,7685,7689,7690,7691,7692,7693],{"id":1547,"depth":1594,"text":16},{"id":4940,"depth":1594,"text":4941,"children":7686},[7687,7688],{"id":4944,"depth":1620,"text":4945},{"id":6972,"depth":1620,"text":6973},{"id":7499,"depth":1594,"text":7500},{"id":7517,"depth":1594,"text":7518},{"id":7552,"depth":1594,"text":7560},{"id":7596,"depth":1594,"text":7597},{"id":7634,"depth":1594,"text":7635},"Animated numeric value with smooth transitions.","md",null,{},{"title":1069,"description":7694},"0eIPdXnY0cmDltSdHqth9UGctMEWZxcRdXHRVyd2OKE",[7701,7703],{"title":1065,"path":1066,"stem":1067,"description":7702,"children":-1},"A windowed, recede-style list where new entries slide in and older ones fade and shrink as they age.",{"title":1073,"path":1074,"stem":1075,"description":7704,"children":-1},"A sentence that resolves out of focus, one word at a time.",1793614391360]