[{"data":1,"prerenderedAt":5485},["ShallowReactive",2],{"navigation_docs":3,"-components-effects-siri-orb":1538,"-components-effects-siri-orb-surround":5480},[4,36,43,1322,1345,1352,1507,1531],{"title":5,"path":6,"stem":7,"children":8,"icon":35},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,11,15,19,23,27,31],{"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",{"title":28,"path":29,"stem":30},"Vue + Vite","\u002Fgetting-started\u002Fvue","1.getting-started\u002F7.vue",{"title":32,"path":33,"stem":34},"Laravel","\u002Fgetting-started\u002Flaravel","1.getting-started\u002F8.laravel","i-lucide-rocket",{"title":37,"path":38,"stem":39,"children":40,"icon":42},"Core Concepts","\u002Fcore-concepts","2.core-concepts\u002Findex",[41],{"title":37,"path":38,"stem":39},"i-lucide-lightbulb",{"title":44,"icon":45,"path":46,"stem":47,"children":48},"Components","i-lucide-component","\u002Fcomponents","3.components",[49,51,70,160,274,332,454,472,486,620,710,896,926,956,990,1024,1062,1292],{"title":44,"path":46,"stem":50},"3.components\u002Findex",{"title":52,"icon":53,"path":54,"stem":55,"children":56,"page":69},"3D","i-lucide-box","\u002Fcomponents\u002F3d","3.components\u002F3d",[57,61,65],{"title":58,"path":59,"stem":60},"3D Card","\u002Fcomponents\u002F3d\u002F3d-card","3.components\u002F3d\u002F3d-card",{"title":62,"path":63,"stem":64},"Book","\u002Fcomponents\u002F3d\u002Fbook","3.components\u002F3d\u002Fbook",{"title":66,"path":67,"stem":68},"Globe","\u002Fcomponents\u002F3d\u002Fglobe","3.components\u002F3d\u002Fglobe",false,{"title":71,"icon":72,"path":73,"stem":74,"children":75,"page":69},"AI","i-lucide-sparkles","\u002Fcomponents\u002Fai","3.components\u002Fai",[76,80,84,88,92,96,100,104,108,112,116,120,124,128,132,136,140,144,148,152,156],{"title":77,"path":78,"stem":79},"Agent Avatar","\u002Fcomponents\u002Fai\u002Fagent-avatar","3.components\u002Fai\u002Fagent-avatar",{"title":81,"path":82,"stem":83},"AI Approval","\u002Fcomponents\u002Fai\u002Fai-approval","3.components\u002Fai\u002Fai-approval",{"title":85,"path":86,"stem":87},"AI Artifact","\u002Fcomponents\u002Fai\u002Fai-artifact","3.components\u002Fai\u002Fai-artifact",{"title":89,"path":90,"stem":91},"AI Branch","\u002Fcomponents\u002Fai\u002Fai-branch","3.components\u002Fai\u002Fai-branch",{"title":93,"path":94,"stem":95},"AI Citation","\u002Fcomponents\u002Fai\u002Fai-citation","3.components\u002Fai\u002Fai-citation",{"title":97,"path":98,"stem":99},"AI Context Meter","\u002Fcomponents\u002Fai\u002Fai-context-meter","3.components\u002Fai\u002Fai-context-meter",{"title":101,"path":102,"stem":103},"AI Conversation","\u002Fcomponents\u002Fai\u002Fai-conversation","3.components\u002Fai\u002Fai-conversation",{"title":105,"path":106,"stem":107},"AI Diff","\u002Fcomponents\u002Fai\u002Fai-diff","3.components\u002Fai\u002Fai-diff",{"title":109,"path":110,"stem":111},"AI Message","\u002Fcomponents\u002Fai\u002Fai-message","3.components\u002Fai\u002Fai-message",{"title":113,"path":114,"stem":115},"AI Messages","\u002Fcomponents\u002Fai\u002Fai-messages","3.components\u002Fai\u002Fai-messages",{"title":117,"path":118,"stem":119},"AI Orb","\u002Fcomponents\u002Fai\u002Fai-orb","3.components\u002Fai\u002Fai-orb",{"title":121,"path":122,"stem":123},"AI Orb Face","\u002Fcomponents\u002Fai\u002Fai-orb-face","3.components\u002Fai\u002Fai-orb-face",{"title":125,"path":126,"stem":127},"AI Orb Face Mouth","\u002Fcomponents\u002Fai\u002Fai-orb-face-mouth","3.components\u002Fai\u002Fai-orb-face-mouth",{"title":129,"path":130,"stem":131},"AI Prompt Input","\u002Fcomponents\u002Fai\u002Fai-prompt-input","3.components\u002Fai\u002Fai-prompt-input",{"title":133,"path":134,"stem":135},"AI Reasoning","\u002Fcomponents\u002Fai\u002Fai-reasoning","3.components\u002Fai\u002Fai-reasoning",{"title":137,"path":138,"stem":139},"AI Response","\u002Fcomponents\u002Fai\u002Fai-response","3.components\u002Fai\u002Fai-response",{"title":141,"path":142,"stem":143},"AI Sources","\u002Fcomponents\u002Fai\u002Fai-sources","3.components\u002Fai\u002Fai-sources",{"title":145,"path":146,"stem":147},"AI Suggestions","\u002Fcomponents\u002Fai\u002Fai-suggestions","3.components\u002Fai\u002Fai-suggestions",{"title":149,"path":150,"stem":151},"AI Task List","\u002Fcomponents\u002Fai\u002Fai-task-list","3.components\u002Fai\u002Fai-task-list",{"title":153,"path":154,"stem":155},"AI Tool Call","\u002Fcomponents\u002Fai\u002Fai-tool-call","3.components\u002Fai\u002Fai-tool-call",{"title":157,"path":158,"stem":159},"Image Generation Panel","\u002Fcomponents\u002Fai\u002Fimage-generation-panel","3.components\u002Fai\u002Fimage-generation-panel",{"title":161,"icon":162,"path":163,"stem":164,"children":165,"page":69},"Backgrounds","i-lucide-layers","\u002Fcomponents\u002Fbackgrounds","3.components\u002Fbackgrounds",[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,266,270],{"title":167,"path":168,"stem":169},"Animated Background","\u002Fcomponents\u002Fbackgrounds\u002Fanimated-background","3.components\u002Fbackgrounds\u002Fanimated-background",{"title":171,"path":172,"stem":173},"Animated Grid Pattern","\u002Fcomponents\u002Fbackgrounds\u002Fanimated-grid-pattern","3.components\u002Fbackgrounds\u002Fanimated-grid-pattern",{"title":175,"path":176,"stem":177},"Animated Spotlight","\u002Fcomponents\u002Fbackgrounds\u002Fanimated-spotlight","3.components\u002Fbackgrounds\u002Fanimated-spotlight",{"title":179,"path":180,"stem":181},"Aurora Background","\u002Fcomponents\u002Fbackgrounds\u002Faurora-background","3.components\u002Fbackgrounds\u002Faurora-background",{"title":183,"path":184,"stem":185},"Aurora Curtain","\u002Fcomponents\u002Fbackgrounds\u002Faurora-curtain","3.components\u002Fbackgrounds\u002Faurora-curtain",{"title":187,"path":188,"stem":189},"Background Beams","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-beams","3.components\u002Fbackgrounds\u002Fbackground-beams",{"title":191,"path":192,"stem":193},"Background Gradient Animation","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-gradient-animation","3.components\u002Fbackgrounds\u002Fbackground-gradient-animation",{"title":195,"path":196,"stem":197},"Background Lines","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-lines","3.components\u002Fbackgrounds\u002Fbackground-lines",{"title":199,"path":200,"stem":201},"Background Ripple Effect","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-ripple-effect","3.components\u002Fbackgrounds\u002Fbackground-ripple-effect",{"title":203,"path":204,"stem":205},"Boxes Core","\u002Fcomponents\u002Fbackgrounds\u002Fboxes-core","3.components\u002Fbackgrounds\u002Fboxes-core",{"title":207,"path":208,"stem":209},"Directional Light","\u002Fcomponents\u002Fbackgrounds\u002Fdirectional-light","3.components\u002Fbackgrounds\u002Fdirectional-light",{"title":211,"path":212,"stem":213},"Dotted Glow Background","\u002Fcomponents\u002Fbackgrounds\u002Fdotted-glow-background","3.components\u002Fbackgrounds\u002Fdotted-glow-background",{"title":215,"path":216,"stem":217},"Dotted Map","\u002Fcomponents\u002Fbackgrounds\u002Fdotted-map","3.components\u002Fbackgrounds\u002Fdotted-map",{"title":219,"path":220,"stem":221},"Flickering Grid","\u002Fcomponents\u002Fbackgrounds\u002Fflickering-grid","3.components\u002Fbackgrounds\u002Fflickering-grid",{"title":223,"path":224,"stem":225},"Hexagon Pattern","\u002Fcomponents\u002Fbackgrounds\u002Fhexagon-pattern","3.components\u002Fbackgrounds\u002Fhexagon-pattern",{"title":227,"path":228,"stem":229},"Interactive Grid Pattern","\u002Fcomponents\u002Fbackgrounds\u002Finteractive-grid-pattern","3.components\u002Fbackgrounds\u002Finteractive-grid-pattern",{"title":231,"path":232,"stem":233},"Lamp Container","\u002Fcomponents\u002Fbackgrounds\u002Flamp-container","3.components\u002Fbackgrounds\u002Flamp-container",{"title":235,"path":236,"stem":237},"Light Rays","\u002Fcomponents\u002Fbackgrounds\u002Flight-rays","3.components\u002Fbackgrounds\u002Flight-rays",{"title":239,"path":240,"stem":241},"Meteors","\u002Fcomponents\u002Fbackgrounds\u002Fmeteors","3.components\u002Fbackgrounds\u002Fmeteors",{"title":243,"path":244,"stem":245},"Noise Texture","\u002Fcomponents\u002Fbackgrounds\u002Fnoise-texture","3.components\u002Fbackgrounds\u002Fnoise-texture",{"title":247,"path":248,"stem":249},"Particles","\u002Fcomponents\u002Fbackgrounds\u002Fparticles","3.components\u002Fbackgrounds\u002Fparticles",{"title":251,"path":252,"stem":253},"Retro Grid","\u002Fcomponents\u002Fbackgrounds\u002Fretro-grid","3.components\u002Fbackgrounds\u002Fretro-grid",{"title":255,"path":256,"stem":257},"Shooting Stars","\u002Fcomponents\u002Fbackgrounds\u002Fshooting-stars","3.components\u002Fbackgrounds\u002Fshooting-stars",{"title":259,"path":260,"stem":261},"Stars Background","\u002Fcomponents\u002Fbackgrounds\u002Fstars-background","3.components\u002Fbackgrounds\u002Fstars-background",{"title":263,"path":264,"stem":265},"Striped Pattern","\u002Fcomponents\u002Fbackgrounds\u002Fstriped-pattern","3.components\u002Fbackgrounds\u002Fstriped-pattern",{"title":267,"path":268,"stem":269},"Vortex","\u002Fcomponents\u002Fbackgrounds\u002Fvortex","3.components\u002Fbackgrounds\u002Fvortex",{"title":271,"path":272,"stem":273},"Warp Background","\u002Fcomponents\u002Fbackgrounds\u002Fwarp-background","3.components\u002Fbackgrounds\u002Fwarp-background",{"title":275,"icon":276,"path":277,"stem":278,"children":279,"page":69},"Buttons","i-lucide-mouse-pointer-click","\u002Fcomponents\u002Fbuttons","3.components\u002Fbuttons",[280,284,288,292,296,300,304,308,312,316,320,324,328],{"title":281,"path":282,"stem":283},"Button Copy","\u002Fcomponents\u002Fbuttons\u002Fbutton-copy","3.components\u002Fbuttons\u002Fbutton-copy",{"title":285,"path":286,"stem":287},"Clip Corners Button","\u002Fcomponents\u002Fbuttons\u002Fclip-corners-button","3.components\u002Fbuttons\u002Fclip-corners-button",{"title":289,"path":290,"stem":291},"Dot Morph Button","\u002Fcomponents\u002Fbuttons\u002Fdot-morph-button","3.components\u002Fbuttons\u002Fdot-morph-button",{"title":293,"path":294,"stem":295},"Interactive Hover Button","\u002Fcomponents\u002Fbuttons\u002Finteractive-hover-button","3.components\u002Fbuttons\u002Finteractive-hover-button",{"title":297,"path":298,"stem":299},"Magnetic Button","\u002Fcomponents\u002Fbuttons\u002Fmagnetic-button","3.components\u002Fbuttons\u002Fmagnetic-button",{"title":301,"path":302,"stem":303},"Music Toggle","\u002Fcomponents\u002Fbuttons\u002Fmusic-toggle","3.components\u002Fbuttons\u002Fmusic-toggle",{"title":305,"path":306,"stem":307},"Pulsating Button","\u002Fcomponents\u002Fbuttons\u002Fpulsating-button","3.components\u002Fbuttons\u002Fpulsating-button",{"title":309,"path":310,"stem":311},"Rainbow Button","\u002Fcomponents\u002Fbuttons\u002Frainbow-button","3.components\u002Fbuttons\u002Frainbow-button",{"title":313,"path":314,"stem":315},"Ripple Button","\u002Fcomponents\u002Fbuttons\u002Fripple-button","3.components\u002Fbuttons\u002Fripple-button",{"title":317,"path":318,"stem":319},"Shimmer Button","\u002Fcomponents\u002Fbuttons\u002Fshimmer-button","3.components\u002Fbuttons\u002Fshimmer-button",{"title":321,"path":322,"stem":323},"Shiny Button","\u002Fcomponents\u002Fbuttons\u002Fshiny-button","3.components\u002Fbuttons\u002Fshiny-button",{"title":325,"path":326,"stem":327},"Smooth Button","\u002Fcomponents\u002Fbuttons\u002Fsmooth-button","3.components\u002Fbuttons\u002Fsmooth-button",{"title":329,"path":330,"stem":331},"Theme Toggle","\u002Fcomponents\u002Fbuttons\u002Ftheme-toggle","3.components\u002Fbuttons\u002Ftheme-toggle",{"title":333,"icon":334,"path":335,"stem":336,"children":337,"page":69},"Cards","i-lucide-layout-panel-top","\u002Fcomponents\u002Fcards","3.components\u002Fcards",[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,446,450],{"title":339,"path":340,"stem":341},"App Download Stack","\u002Fcomponents\u002Fcards\u002Fapp-download-stack","3.components\u002Fcards\u002Fapp-download-stack",{"title":343,"path":344,"stem":345},"Apple Invites","\u002Fcomponents\u002Fcards\u002Fapple-invites","3.components\u002Fcards\u002Fapple-invites",{"title":347,"path":348,"stem":349},"Bento Grid","\u002Fcomponents\u002Fcards\u002Fbento-grid","3.components\u002Fcards\u002Fbento-grid",{"title":351,"path":352,"stem":353},"Stacked Cards","\u002Fcomponents\u002Fcards\u002Fcard-stack","3.components\u002Fcards\u002Fcard-stack",{"title":355,"path":356,"stem":357},"Card Swipe Deck","\u002Fcomponents\u002Fcards\u002Fcard-swipe-deck","3.components\u002Fcards\u002Fcard-swipe-deck",{"title":359,"path":360,"stem":361},"Draggable Card","\u002Fcomponents\u002Fcards\u002Fdraggable-card","3.components\u002Fcards\u002Fdraggable-card",{"title":363,"path":364,"stem":365},"Evervault Card","\u002Fcomponents\u002Fcards\u002Fever-vault-card","3.components\u002Fcards\u002Fever-vault-card",{"title":367,"path":368,"stem":369},"Expandable Cards","\u002Fcomponents\u002Fcards\u002Fexpandable-cards","3.components\u002Fcards\u002Fexpandable-cards",{"title":371,"path":372,"stem":373},"Figma Comment","\u002Fcomponents\u002Fcards\u002Ffigma-comment","3.components\u002Fcards\u002Ffigma-comment",{"title":375,"path":376,"stem":377},"Focus Cards","\u002Fcomponents\u002Fcards\u002Ffocus-cards","3.components\u002Fcards\u002Ffocus-cards",{"title":379,"path":380,"stem":381},"Glare Card","\u002Fcomponents\u002Fcards\u002Fglare-card","3.components\u002Fcards\u002Fglare-card",{"title":383,"path":384,"stem":385},"Glass Card","\u002Fcomponents\u002Fcards\u002Fglass-card","3.components\u002Fcards\u002Fglass-card",{"title":387,"path":388,"stem":389},"Glass Panel","\u002Fcomponents\u002Fcards\u002Fglass-panel","3.components\u002Fcards\u002Fglass-panel",{"title":391,"path":392,"stem":393},"Glow Hover Cards","\u002Fcomponents\u002Fcards\u002Fglow-hover-cards","3.components\u002Fcards\u002Fglow-hover-cards",{"title":395,"path":396,"stem":397},"Glowing Stars Card","\u002Fcomponents\u002Fcards\u002Fglowing-stars-card","3.components\u002Fcards\u002Fglowing-stars-card",{"title":399,"path":400,"stem":401},"Mac Terminal","\u002Fcomponents\u002Fcards\u002Fmac-terminal","3.components\u002Fcards\u002Fmac-terminal",{"title":403,"path":404,"stem":405},"Magic Card","\u002Fcomponents\u002Fcards\u002Fmagic-card","3.components\u002Fcards\u002Fmagic-card",{"title":407,"path":408,"stem":409},"Mail Card","\u002Fcomponents\u002Fcards\u002Fmail-card","3.components\u002Fcards\u002Fmail-card",{"title":411,"path":412,"stem":413},"Photo Stack","\u002Fcomponents\u002Fcards\u002Fphoto-stack","3.components\u002Fcards\u002Fphoto-stack",{"title":415,"path":416,"stem":417},"Price Flow","\u002Fcomponents\u002Fcards\u002Fprice-flow","3.components\u002Fcards\u002Fprice-flow",{"title":419,"path":420,"stem":421},"Product Card","\u002Fcomponents\u002Fcards\u002Fproduct-card","3.components\u002Fcards\u002Fproduct-card",{"title":423,"path":424,"stem":425},"Scrollable Card Stack","\u002Fcomponents\u002Fcards\u002Fscrollable-card-stack","3.components\u002Fcards\u002Fscrollable-card-stack",{"title":427,"path":428,"stem":429},"Shine Border","\u002Fcomponents\u002Fcards\u002Fshine-border","3.components\u002Fcards\u002Fshine-border",{"title":431,"path":432,"stem":433},"Social Hover Card","\u002Fcomponents\u002Fcards\u002Fsocial-hover-card","3.components\u002Fcards\u002Fsocial-hover-card",{"title":435,"path":436,"stem":437},"Switchboard Card","\u002Fcomponents\u002Fcards\u002Fswitchboard-card","3.components\u002Fcards\u002Fswitchboard-card",{"title":439,"path":440,"stem":441},"Tilt Card","\u002Fcomponents\u002Fcards\u002Ftilt-card","3.components\u002Fcards\u002Ftilt-card",{"title":443,"path":444,"stem":445},"Tweet Card","\u002Fcomponents\u002Fcards\u002Ftweet-card","3.components\u002Fcards\u002Ftweet-card",{"title":447,"path":448,"stem":449},"Wallet Card","\u002Fcomponents\u002Fcards\u002Fwallet-card","3.components\u002Fcards\u002Fwallet-card",{"title":451,"path":452,"stem":453},"Wobble Card","\u002Fcomponents\u002Fcards\u002Fwobble-card","3.components\u002Fcards\u002Fwobble-card",{"title":455,"icon":456,"path":457,"stem":458,"children":459,"page":69},"Carousels","i-lucide-gallery-horizontal-end","\u002Fcomponents\u002Fcarousels","3.components\u002Fcarousels",[460,464,468],{"title":461,"path":462,"stem":463},"Carousel","\u002Fcomponents\u002Fcarousels\u002Fcarousel","3.components\u002Fcarousels\u002Fcarousel",{"title":465,"path":466,"stem":467},"Coverflow Carousel","\u002Fcomponents\u002Fcarousels\u002Fcoverflow-carousel","3.components\u002Fcarousels\u002Fcoverflow-carousel",{"title":469,"path":470,"stem":471},"Reviews Carousel","\u002Fcomponents\u002Fcarousels\u002Freviews-carousel","3.components\u002Fcarousels\u002Freviews-carousel",{"title":473,"icon":474,"path":475,"stem":476,"children":477,"page":69},"Directional","i-lucide-move-3d","\u002Fcomponents\u002Fdirectional","3.components\u002Fdirectional",[478,482],{"title":479,"path":480,"stem":481},"Direction Aware Hover","\u002Fcomponents\u002Fdirectional\u002Fdirection-aware-hover","3.components\u002Fdirectional\u002Fdirection-aware-hover",{"title":483,"path":484,"stem":485},"Direction Aware Hover New","\u002Fcomponents\u002Fdirectional\u002Fdirection-aware-hover-new","3.components\u002Fdirectional\u002Fdirection-aware-hover-new",{"title":487,"icon":488,"path":489,"stem":490,"children":491,"page":69},"Visual Effects","i-lucide-wand-sparkles","\u002Fcomponents\u002Feffects","3.components\u002Feffects",[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,612,616],{"title":493,"path":494,"stem":495},"Animated Beam","\u002Fcomponents\u002Feffects\u002Fanimated-beam","3.components\u002Feffects\u002Fanimated-beam",{"title":497,"path":498,"stem":499},"Arcade Pixel","\u002Fcomponents\u002Feffects\u002Farcade-pixel","3.components\u002Feffects\u002Farcade-pixel",{"title":501,"path":502,"stem":503},"ASCII Render","\u002Fcomponents\u002Feffects\u002Fascii-render","3.components\u002Feffects\u002Fascii-render",{"title":505,"path":506,"stem":507},"Border Beam","\u002Fcomponents\u002Feffects\u002Fborder-beam","3.components\u002Feffects\u002Fborder-beam",{"title":509,"path":510,"stem":511},"Border Trail","\u002Fcomponents\u002Feffects\u002Fborder-trail","3.components\u002Feffects\u002Fborder-trail",{"title":513,"path":514,"stem":515},"Confetti","\u002Fcomponents\u002Feffects\u002Fconfetti","3.components\u002Feffects\u002Fconfetti",{"title":517,"path":518,"stem":519},"Dither Chart","\u002Fcomponents\u002Feffects\u002Fdither-chart","3.components\u002Feffects\u002Fdither-chart",{"title":521,"path":522,"stem":523},"Dither Image","\u002Fcomponents\u002Feffects\u002Fdither-image","3.components\u002Feffects\u002Fdither-image",{"title":525,"path":526,"stem":527},"Div Grid","\u002Fcomponents\u002Feffects\u002Fdiv-grid","3.components\u002Feffects\u002Fdiv-grid",{"title":529,"path":530,"stem":531},"Drawing Cursor","\u002Fcomponents\u002Feffects\u002Fdrawing-cursor","3.components\u002Feffects\u002Fdrawing-cursor",{"title":533,"path":534,"stem":535},"Emboss Surface","\u002Fcomponents\u002Feffects\u002Femboss-surface","3.components\u002Feffects\u002Femboss-surface",{"title":537,"path":538,"stem":539},"Brightness slider","\u002Fcomponents\u002Feffects\u002Fexposure-slider","3.components\u002Feffects\u002Fexposure-slider",{"title":541,"path":542,"stem":543},"Flowing Stroke","\u002Fcomponents\u002Feffects\u002Fflowing-stroke","3.components\u002Feffects\u002Fflowing-stroke",{"title":545,"path":546,"stem":547},"Glow Effect","\u002Fcomponents\u002Feffects\u002Fglow-effect","3.components\u002Feffects\u002Fglow-effect",{"title":549,"path":550,"stem":551},"Glowing Effect","\u002Fcomponents\u002Feffects\u002Fglowing-effect","3.components\u002Feffects\u002Fglowing-effect",{"title":553,"path":554,"stem":555},"Gooey Filter","\u002Fcomponents\u002Feffects\u002Fgooey-filter","3.components\u002Feffects\u002Fgooey-filter",{"title":557,"path":558,"stem":559},"Gravity Stars","\u002Fcomponents\u002Feffects\u002Fgravity-stars","3.components\u002Feffects\u002Fgravity-stars",{"title":561,"path":562,"stem":563},"Iridescent foil","\u002Fcomponents\u002Feffects\u002Fholographic-foil","3.components\u002Feffects\u002Fholographic-foil",{"title":565,"path":566,"stem":567},"Icon Cloud","\u002Fcomponents\u002Feffects\u002Ficon-cloud","3.components\u002Feffects\u002Ficon-cloud",{"title":569,"path":570,"stem":571},"Liquid Metal","\u002Fcomponents\u002Feffects\u002Fliquid-metal","3.components\u002Feffects\u002Fliquid-metal",{"title":573,"path":574,"stem":575},"Mask Container","\u002Fcomponents\u002Feffects\u002Fmask-container","3.components\u002Feffects\u002Fmask-container",{"title":577,"path":578,"stem":579},"Orbiting Circles","\u002Fcomponents\u002Feffects\u002Forbiting-circles","3.components\u002Feffects\u002Forbiting-circles",{"title":581,"path":582,"stem":583},"Depth layers","\u002Fcomponents\u002Feffects\u002Fparallax-layers","3.components\u002Feffects\u002Fparallax-layers",{"title":585,"path":586,"stem":587},"Pixel Flow Field","\u002Fcomponents\u002Feffects\u002Fpixel-flow-field","3.components\u002Feffects\u002Fpixel-flow-field",{"title":589,"path":590,"stem":591},"Pixelated Canvas","\u002Fcomponents\u002Feffects\u002Fpixelated-canvas","3.components\u002Feffects\u002Fpixelated-canvas",{"title":593,"path":594,"stem":595},"Progressive Blur","\u002Fcomponents\u002Feffects\u002Fprogressive-blur","3.components\u002Feffects\u002Fprogressive-blur",{"title":597,"path":598,"stem":599},"Siri Orb","\u002Fcomponents\u002Feffects\u002Fsiri-orb","3.components\u002Feffects\u002Fsiri-orb",{"title":601,"path":602,"stem":603},"Spotlight","\u002Fcomponents\u002Feffects\u002Fspotlight","3.components\u002Feffects\u002Fspotlight",{"title":605,"path":606,"stem":607},"Squircle","\u002Fcomponents\u002Feffects\u002Fsquircle","3.components\u002Feffects\u002Fsquircle",{"title":609,"path":610,"stem":611},"SVG Clip Mask","\u002Fcomponents\u002Feffects\u002Fsvg-clip-mask","3.components\u002Feffects\u002Fsvg-clip-mask",{"title":613,"path":614,"stem":615},"Tracing Beam","\u002Fcomponents\u002Feffects\u002Ftracing-beam","3.components\u002Feffects\u002Ftracing-beam",{"title":617,"path":618,"stem":619},"Video Ambient","\u002Fcomponents\u002Feffects\u002Fvideo-ambient","3.components\u002Feffects\u002Fvideo-ambient",{"title":621,"icon":622,"path":623,"stem":624,"children":625,"page":69},"Forms","i-lucide-text-cursor-input","\u002Fcomponents\u002Fforms","3.components\u002Fforms",[626,630,634,638,642,646,650,654,658,662,666,670,674,678,682,686,690,694,698,702,706],{"title":627,"path":628,"stem":629},"Animated File Upload","\u002Fcomponents\u002Fforms\u002Fanimated-file-upload","3.components\u002Fforms\u002Fanimated-file-upload",{"title":631,"path":632,"stem":633},"Animated Input","\u002Fcomponents\u002Fforms\u002Fanimated-input","3.components\u002Fforms\u002Fanimated-input",{"title":635,"path":636,"stem":637},"Animated Number Input","\u002Fcomponents\u002Fforms\u002Fanimated-number-input","3.components\u002Fforms\u002Fanimated-number-input",{"title":639,"path":640,"stem":641},"Animated OTP Input","\u002Fcomponents\u002Fforms\u002Fanimated-otp-input","3.components\u002Fforms\u002Fanimated-otp-input",{"title":643,"path":644,"stem":645},"Animated Progress Bar","\u002Fcomponents\u002Fforms\u002Fanimated-progress-bar","3.components\u002Fforms\u002Fanimated-progress-bar",{"title":647,"path":648,"stem":649},"Animated Stepper","\u002Fcomponents\u002Fforms\u002Fanimated-stepper","3.components\u002Fforms\u002Fanimated-stepper",{"title":651,"path":652,"stem":653},"Animated Tags","\u002Fcomponents\u002Fforms\u002Fanimated-tags","3.components\u002Fforms\u002Fanimated-tags",{"title":655,"path":656,"stem":657},"Animated Toggle","\u002Fcomponents\u002Fforms\u002Fanimated-toggle","3.components\u002Fforms\u002Fanimated-toggle",{"title":659,"path":660,"stem":661},"Auth Form","\u002Fcomponents\u002Fforms\u002Fauth-form","3.components\u002Fforms\u002Fauth-form",{"title":663,"path":664,"stem":665},"Checkbox","\u002Fcomponents\u002Fforms\u002Fcheckbox","3.components\u002Fforms\u002Fcheckbox",{"title":667,"path":668,"stem":669},"Country Picker","\u002Fcomponents\u002Fforms\u002Fcountry-picker","3.components\u002Fforms\u002Fcountry-picker",{"title":671,"path":672,"stem":673},"Digit Roll","\u002Fcomponents\u002Fforms\u002Fdigit-roll","3.components\u002Fforms\u002Fdigit-roll",{"title":675,"path":676,"stem":677},"Duration Picker","\u002Fcomponents\u002Fforms\u002Fduration-picker","3.components\u002Fforms\u002Fduration-picker",{"title":679,"path":680,"stem":681},"Favicon Search","\u002Fcomponents\u002Fforms\u002Ffavicon-search","3.components\u002Fforms\u002Ffavicon-search",{"title":683,"path":684,"stem":685},"Float Input","\u002Fcomponents\u002Fforms\u002Ffloat-input","3.components\u002Fforms\u002Ffloat-input",{"title":687,"path":688,"stem":689},"Form","\u002Fcomponents\u002Fforms\u002Fform","3.components\u002Fforms\u002Fform",{"title":691,"path":692,"stem":693},"Morph Toggle","\u002Fcomponents\u002Fforms\u002Fmorph-toggle","3.components\u002Fforms\u002Fmorph-toggle",{"title":695,"path":696,"stem":697},"Radio Group","\u002Fcomponents\u002Fforms\u002Fradio-group","3.components\u002Fforms\u002Fradio-group",{"title":699,"path":700,"stem":701},"Scrubber","\u002Fcomponents\u002Fforms\u002Fscrubber","3.components\u002Fforms\u002Fscrubber",{"title":703,"path":704,"stem":705},"Social Selector","\u002Fcomponents\u002Fforms\u002Fsocial-selector","3.components\u002Fforms\u002Fsocial-selector",{"title":707,"path":708,"stem":709},"Swap Panel","\u002Fcomponents\u002Fforms\u002Fswap-panel","3.components\u002Fforms\u002Fswap-panel",{"title":711,"icon":712,"path":713,"stem":714,"children":715,"page":69},"Interactive","i-lucide-hand","\u002Fcomponents\u002Finteractive","3.components\u002Finteractive",[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,888,892],{"title":717,"path":718,"stem":719},"Accordion","\u002Fcomponents\u002Finteractive\u002Faccordion","3.components\u002Finteractive\u002Faccordion",{"title":721,"path":722,"stem":723},"Motion dialog","\u002Fcomponents\u002Finteractive\u002Fanimated-dialog","3.components\u002Finteractive\u002Fanimated-dialog",{"title":725,"path":726,"stem":727},"Animated Tooltip","\u002Fcomponents\u002Finteractive\u002Fanimated-tooltip","3.components\u002Finteractive\u002Fanimated-tooltip",{"title":729,"path":730,"stem":731},"Basic Dropdown","\u002Fcomponents\u002Finteractive\u002Fbasic-dropdown","3.components\u002Finteractive\u002Fbasic-dropdown",{"title":733,"path":734,"stem":735},"Basic Toast","\u002Fcomponents\u002Finteractive\u002Fbasic-toast","3.components\u002Finteractive\u002Fbasic-toast",{"title":737,"path":738,"stem":739},"Code Block","\u002Fcomponents\u002Finteractive\u002Fcode-block","3.components\u002Finteractive\u002Fcode-block",{"title":741,"path":742,"stem":743},"Code Comparison","\u002Fcomponents\u002Finteractive\u002Fcode-comparison","3.components\u002Finteractive\u002Fcode-comparison",{"title":745,"path":746,"stem":747},"Contribution Graph","\u002Fcomponents\u002Finteractive\u002Fcontribution-graph","3.components\u002Finteractive\u002Fcontribution-graph",{"title":749,"path":750,"stem":751},"Cool Mode","\u002Fcomponents\u002Finteractive\u002Fcool-mode","3.components\u002Finteractive\u002Fcool-mode",{"title":753,"path":754,"stem":755},"Count Badge","\u002Fcomponents\u002Finteractive\u002Fcount-badge","3.components\u002Finteractive\u002Fcount-badge",{"title":757,"path":758,"stem":759},"Dock","\u002Fcomponents\u002Finteractive\u002Fdock","3.components\u002Finteractive\u002Fdock",{"title":761,"path":762,"stem":763},"Drag and Drop","\u002Fcomponents\u002Finteractive\u002Fdrag-and-drop","3.components\u002Finteractive\u002Fdrag-and-drop",{"title":765,"path":766,"stem":767},"Drawer","\u002Fcomponents\u002Finteractive\u002Fdrawer","3.components\u002Finteractive\u002Fdrawer",{"title":769,"path":770,"stem":771},"Dynamic Group","\u002Fcomponents\u002Finteractive\u002Fdynamic-group","3.components\u002Finteractive\u002Fdynamic-group",{"title":773,"path":774,"stem":775},"Dynamic Island","\u002Fcomponents\u002Finteractive\u002Fdynamic-island","3.components\u002Finteractive\u002Fdynamic-island",{"title":777,"path":778,"stem":779},"Emoji Reaction","\u002Fcomponents\u002Finteractive\u002Femoji-reaction","3.components\u002Finteractive\u002Femoji-reaction",{"title":781,"path":782,"stem":783},"Fluid Hover Highlight","\u002Fcomponents\u002Finteractive\u002Ffluid-hover-highlight","3.components\u002Finteractive\u002Ffluid-hover-highlight",{"title":785,"path":786,"stem":787},"Folder Reveal","\u002Fcomponents\u002Finteractive\u002Ffolder-reveal","3.components\u002Finteractive\u002Ffolder-reveal",{"title":789,"path":790,"stem":791},"GitHub Stars Animation","\u002Fcomponents\u002Finteractive\u002Fgithub-stars-animation","3.components\u002Finteractive\u002Fgithub-stars-animation",{"title":793,"path":794,"stem":795},"Hover Expand","\u002Fcomponents\u002Finteractive\u002Fhover-expand","3.components\u002Finteractive\u002Fhover-expand",{"title":797,"path":798,"stem":799},"Hover Image List","\u002Fcomponents\u002Finteractive\u002Fhover-image-list","3.components\u002Finteractive\u002Fhover-image-list",{"title":801,"path":802,"stem":803},"Image compare","\u002Fcomponents\u002Finteractive\u002Fimage-comparison","3.components\u002Finteractive\u002Fimage-comparison",{"title":805,"path":806,"stem":807},"Image Metadata Preview","\u002Fcomponents\u002Finteractive\u002Fimage-metadata-preview","3.components\u002Finteractive\u002Fimage-metadata-preview",{"title":809,"path":810,"stem":811},"Inline Testimonials","\u002Fcomponents\u002Finteractive\u002Finline-testimonials","3.components\u002Finteractive\u002Finline-testimonials",{"title":813,"path":814,"stem":815},"Interactive Image Selector","\u002Fcomponents\u002Finteractive\u002Finteractive-image-selector","3.components\u002Finteractive\u002Finteractive-image-selector",{"title":817,"path":818,"stem":819},"Job Listing","\u002Fcomponents\u002Finteractive\u002Fjob-listing","3.components\u002Finteractive\u002Fjob-listing",{"title":821,"path":822,"stem":823},"Lens","\u002Fcomponents\u002Finteractive\u002Flens","3.components\u002Finteractive\u002Flens",{"title":825,"path":826,"stem":827},"Morph Icon","\u002Fcomponents\u002Finteractive\u002Fmorph-icon","3.components\u002Finteractive\u002Fmorph-icon",{"title":829,"path":830,"stem":831},"Morph Surface","\u002Fcomponents\u002Finteractive\u002Fmorph-surface","3.components\u002Finteractive\u002Fmorph-surface",{"title":833,"path":834,"stem":835},"Shape-shift dialog","\u002Fcomponents\u002Finteractive\u002Fmorphing-dialog","3.components\u002Finteractive\u002Fmorphing-dialog",{"title":837,"path":838,"stem":839},"Shape-shift popover","\u002Fcomponents\u002Finteractive\u002Fmorphing-popover","3.components\u002Finteractive\u002Fmorphing-popover",{"title":841,"path":842,"stem":843},"Notification Badge","\u002Fcomponents\u002Finteractive\u002Fnotification-badge","3.components\u002Finteractive\u002Fnotification-badge",{"title":845,"path":846,"stem":847},"Orbital Image Wheel","\u002Fcomponents\u002Finteractive\u002Forbital-image-wheel","3.components\u002Finteractive\u002Forbital-image-wheel",{"title":849,"path":850,"stem":851},"Phototab","\u002Fcomponents\u002Finteractive\u002Fphototab","3.components\u002Finteractive\u002Fphototab",{"title":853,"path":854,"stem":855},"Pinned List","\u002Fcomponents\u002Finteractive\u002Fpinned-list","3.components\u002Finteractive\u002Fpinned-list",{"title":857,"path":858,"stem":859},"Pixel Brush Canvas","\u002Fcomponents\u002Finteractive\u002Fpixel-brush-canvas","3.components\u002Finteractive\u002Fpixel-brush-canvas",{"title":861,"path":862,"stem":863},"Power Off Slide","\u002Fcomponents\u002Finteractive\u002Fpower-off-slide","3.components\u002Finteractive\u002Fpower-off-slide",{"title":865,"path":866,"stem":867},"Rich Popover","\u002Fcomponents\u002Finteractive\u002Frich-popover","3.components\u002Finteractive\u002Frich-popover",{"title":869,"path":870,"stem":871},"Scratch to Reveal","\u002Fcomponents\u002Finteractive\u002Fscratch-to-reveal","3.components\u002Finteractive\u002Fscratch-to-reveal",{"title":873,"path":874,"stem":875},"Time Machine Stack","\u002Fcomponents\u002Finteractive\u002Ftime-machine-stack","3.components\u002Finteractive\u002Ftime-machine-stack",{"title":877,"path":878,"stem":879},"Unlock Face ID","\u002Fcomponents\u002Finteractive\u002Funlock-face-id","3.components\u002Finteractive\u002Funlock-face-id",{"title":881,"path":882,"stem":883},"User Account Avatar","\u002Fcomponents\u002Finteractive\u002Fuser-account-avatar","3.components\u002Finteractive\u002Fuser-account-avatar",{"title":885,"path":886,"stem":887},"Vector Editor Toolbar","\u002Fcomponents\u002Finteractive\u002Fvector-editor-toolbar","3.components\u002Finteractive\u002Fvector-editor-toolbar",{"title":889,"path":890,"stem":891},"Video Modal","\u002Fcomponents\u002Finteractive\u002Fvideo-modal","3.components\u002Finteractive\u002Fvideo-modal",{"title":893,"path":894,"stem":895},"Zoomable Image","\u002Fcomponents\u002Finteractive\u002Fzoomable-image","3.components\u002Finteractive\u002Fzoomable-image",{"title":897,"icon":898,"path":899,"stem":900,"children":901,"page":69},"Layout","i-lucide-layout-grid","\u002Fcomponents\u002Flayout","3.components\u002Flayout",[902,906,910,914,918,922],{"title":903,"path":904,"stem":905},"Android","\u002Fcomponents\u002Flayout\u002Fandroid","3.components\u002Flayout\u002Fandroid",{"title":907,"path":908,"stem":909},"Animated Group","\u002Fcomponents\u002Flayout\u002Fanimated-group","3.components\u002Flayout\u002Fanimated-group",{"title":911,"path":912,"stem":913},"Breakpoint Indicator","\u002Fcomponents\u002Flayout\u002Fbreakpoint-indicator","3.components\u002Flayout\u002Fbreakpoint-indicator",{"title":915,"path":916,"stem":917},"Collision","\u002Fcomponents\u002Flayout\u002Fcollision","3.components\u002Flayout\u002Fcollision",{"title":919,"path":920,"stem":921},"iPhone 15 Pro","\u002Fcomponents\u002Flayout\u002Fiphone-15-pro","3.components\u002Flayout\u002Fiphone-15-pro",{"title":923,"path":924,"stem":925},"Safari","\u002Fcomponents\u002Flayout\u002Fsafari","3.components\u002Flayout\u002Fsafari",{"title":927,"icon":928,"path":929,"stem":930,"children":931,"page":69},"Loaders & Progress","i-lucide-loader-circle","\u002Fcomponents\u002Floaders","3.components\u002Floaders",[932,936,940,944,948,952],{"title":933,"path":934,"stem":935},"AI Loader","\u002Fcomponents\u002Floaders\u002Fai-loader","3.components\u002Floaders\u002Fai-loader",{"title":937,"path":938,"stem":939},"Circular Progress","\u002Fcomponents\u002Floaders\u002Fcircular-progress","3.components\u002Floaders\u002Fcircular-progress",{"title":941,"path":942,"stem":943},"Content Skeleton","\u002Fcomponents\u002Floaders\u002Fcontent-skeleton","3.components\u002Floaders\u002Fcontent-skeleton",{"title":945,"path":946,"stem":947},"Grid Loader","\u002Fcomponents\u002Floaders\u002Fgrid-loader","3.components\u002Floaders\u002Fgrid-loader",{"title":949,"path":950,"stem":951},"Motion Loader","\u002Fcomponents\u002Floaders\u002Fmotion-loader","3.components\u002Floaders\u002Fmotion-loader",{"title":953,"path":954,"stem":955},"Page Preloader","\u002Fcomponents\u002Floaders\u002Fpage-preloader","3.components\u002Floaders\u002Fpage-preloader",{"title":957,"icon":958,"path":959,"stem":960,"children":961,"page":69},"Interaction & Movement","i-lucide-move","\u002Fcomponents\u002Fmovement","3.components\u002Fmovement",[962,966,970,974,978,982,986],{"title":963,"path":964,"stem":965},"Cursor","\u002Fcomponents\u002Fmovement\u002Fcursor","3.components\u002Fmovement\u002Fcursor",{"title":967,"path":968,"stem":969},"Cursor Follow","\u002Fcomponents\u002Fmovement\u002Fcursor-follow","3.components\u002Fmovement\u002Fcursor-follow",{"title":971,"path":972,"stem":973},"Cursor Image Trail","\u002Fcomponents\u002Fmovement\u002Fcursor-image-trail","3.components\u002Fmovement\u002Fcursor-image-trail",{"title":975,"path":976,"stem":977},"Force Dot","\u002Fcomponents\u002Fmovement\u002Fforce-dot","3.components\u002Fmovement\u002Fforce-dot",{"title":979,"path":980,"stem":981},"Magnetic","\u002Fcomponents\u002Fmovement\u002Fmagnetic","3.components\u002Fmovement\u002Fmagnetic",{"title":983,"path":984,"stem":985},"Magnetic Field","\u002Fcomponents\u002Fmovement\u002Fmagnetic-field","3.components\u002Fmovement\u002Fmagnetic-field",{"title":987,"path":988,"stem":989},"Tilt","\u002Fcomponents\u002Fmovement\u002Ftilt","3.components\u002Fmovement\u002Ftilt",{"title":991,"icon":992,"path":993,"stem":994,"children":995,"page":69},"Navigation & Toolbars","i-lucide-menu","\u002Fcomponents\u002Fnavigation","3.components\u002Fnavigation",[996,1000,1004,1008,1012,1016,1020],{"title":997,"path":998,"stem":999},"Breadcrumb","\u002Fcomponents\u002Fnavigation\u002Fbreadcrumb","3.components\u002Fnavigation\u002Fbreadcrumb",{"title":1001,"path":1002,"stem":1003},"Expandable Navbar","\u002Fcomponents\u002Fnavigation\u002Fexpandable-navbar","3.components\u002Fnavigation\u002Fexpandable-navbar",{"title":1005,"path":1006,"stem":1007},"File Tree","\u002Fcomponents\u002Fnavigation\u002Ffile-tree","3.components\u002Fnavigation\u002Ffile-tree",{"title":1009,"path":1010,"stem":1011},"Floating Navbar","\u002Fcomponents\u002Fnavigation\u002Ffloating-navbar","3.components\u002Fnavigation\u002Ffloating-navbar",{"title":1013,"path":1014,"stem":1015},"Pagination","\u002Fcomponents\u002Fnavigation\u002Fpagination","3.components\u002Fnavigation\u002Fpagination",{"title":1017,"path":1018,"stem":1019},"Toolbar adaptive","\u002Fcomponents\u002Fnavigation\u002Ftoolbar-dynamic","3.components\u002Fnavigation\u002Ftoolbar-dynamic",{"title":1021,"path":1022,"stem":1023},"Toolbar collapsible","\u002Fcomponents\u002Fnavigation\u002Ftoolbar-expandable","3.components\u002Fnavigation\u002Ftoolbar-expandable",{"title":1025,"icon":1026,"path":1027,"stem":1028,"children":1029,"page":69},"Scroll & Viewport","i-lucide-scroll-text","\u002Fcomponents\u002Fscroll","3.components\u002Fscroll",[1030,1034,1038,1042,1046,1050,1054,1058],{"title":1031,"path":1032,"stem":1033},"In View","\u002Fcomponents\u002Fscroll\u002Fin-view","3.components\u002Fscroll\u002Fin-view",{"title":1035,"path":1036,"stem":1037},"Infinite Slider","\u002Fcomponents\u002Fscroll\u002Finfinite-slider","3.components\u002Fscroll\u002Finfinite-slider",{"title":1039,"path":1040,"stem":1041},"Kinetic Type Scroll","\u002Fcomponents\u002Fscroll\u002Fkinetic-type-scroll","3.components\u002Fscroll\u002Fkinetic-type-scroll",{"title":1043,"path":1044,"stem":1045},"Marquee","\u002Fcomponents\u002Fscroll\u002Fmarquee","3.components\u002Fscroll\u002Fmarquee",{"title":1047,"path":1048,"stem":1049},"Scroll Image Reveal","\u002Fcomponents\u002Fscroll\u002Fscroll-image-reveal","3.components\u002Fscroll\u002Fscroll-image-reveal",{"title":1051,"path":1052,"stem":1053},"Scroll Progress","\u002Fcomponents\u002Fscroll\u002Fscroll-progress","3.components\u002Fscroll\u002Fscroll-progress",{"title":1055,"path":1056,"stem":1057},"Scroll Velocity","\u002Fcomponents\u002Fscroll\u002Fscroll-velocity","3.components\u002Fscroll\u002Fscroll-velocity",{"title":1059,"path":1060,"stem":1061},"Svg Draw On Scroll","\u002Fcomponents\u002Fscroll\u002Fsvg-draw-on-scroll","3.components\u002Fscroll\u002Fsvg-draw-on-scroll",{"title":1063,"icon":1064,"path":1065,"stem":1066,"children":1067,"page":69},"Text & Numbers","i-lucide-type","\u002Fcomponents\u002Ftext","3.components\u002Ftext",[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,1284,1288],{"title":1069,"path":1070,"stem":1071},"Animated Avatar Group","\u002Fcomponents\u002Ftext\u002Fanimated-avatar-group","3.components\u002Ftext\u002Fanimated-avatar-group",{"title":1073,"path":1074,"stem":1075},"Animated List","\u002Fcomponents\u002Ftext\u002Fanimated-list","3.components\u002Ftext\u002Fanimated-list",{"title":1077,"path":1078,"stem":1079},"Animated Number","\u002Fcomponents\u002Ftext\u002Fanimated-number","3.components\u002Ftext\u002Fanimated-number",{"title":1081,"path":1082,"stem":1083},"Blur Out Up","\u002Fcomponents\u002Ftext\u002Fblur-out-up","3.components\u002Ftext\u002Fblur-out-up",{"title":1085,"path":1086,"stem":1087},"Bottom Up Letters","\u002Fcomponents\u002Ftext\u002Fbottom-up-letters","3.components\u002Ftext\u002Fbottom-up-letters",{"title":1089,"path":1090,"stem":1091},"Comic Text","\u002Fcomponents\u002Ftext\u002Fcomic-text","3.components\u002Ftext\u002Fcomic-text",{"title":1093,"path":1094,"stem":1095},"Counting Number","\u002Fcomponents\u002Ftext\u002Fcounting-number","3.components\u002Ftext\u002Fcounting-number",{"title":1097,"path":1098,"stem":1099},"Depth Parallax Words","\u002Fcomponents\u002Ftext\u002Fdepth-parallax-words","3.components\u002Ftext\u002Fdepth-parallax-words",{"title":1101,"path":1102,"stem":1103},"Fade Through","\u002Fcomponents\u002Ftext\u002Ffade-through","3.components\u002Ftext\u002Ffade-through",{"title":1105,"path":1106,"stem":1107},"Focus Blur Resolve","\u002Fcomponents\u002Ftext\u002Ffocus-blur-resolve","3.components\u002Ftext\u002Ffocus-blur-resolve",{"title":1109,"path":1110,"stem":1111},"Gravity Letters","\u002Fcomponents\u002Ftext\u002Fgravity-letters","3.components\u002Ftext\u002Fgravity-letters",{"title":1113,"path":1114,"stem":1115},"Kinetic Center Build","\u002Fcomponents\u002Ftext\u002Fkinetic-center-build","3.components\u002Ftext\u002Fkinetic-center-build",{"title":1117,"path":1118,"stem":1119},"Line By Line Slide","\u002Fcomponents\u002Ftext\u002Fline-by-line-slide","3.components\u002Ftext\u002Fline-by-line-slide",{"title":1121,"path":1122,"stem":1123},"Line Shadow Text","\u002Fcomponents\u002Ftext\u002Fline-shadow-text","3.components\u002Ftext\u002Fline-shadow-text",{"title":1125,"path":1126,"stem":1127},"Mask Reveal Up","\u002Fcomponents\u002Ftext\u002Fmask-reveal-up","3.components\u002Ftext\u002Fmask-reveal-up",{"title":1129,"path":1130,"stem":1131},"Micro Scale Fade","\u002Fcomponents\u002Ftext\u002Fmicro-scale-fade","3.components\u002Ftext\u002Fmicro-scale-fade",{"title":1133,"path":1134,"stem":1135},"Number Flow","\u002Fcomponents\u002Ftext\u002Fnumber-flow","3.components\u002Ftext\u002Fnumber-flow",{"title":1137,"path":1138,"stem":1139},"Per Character Rise","\u002Fcomponents\u002Ftext\u002Fper-character-rise","3.components\u002Ftext\u002Fper-character-rise",{"title":1141,"path":1142,"stem":1143},"Per Word Crossfade","\u002Fcomponents\u002Ftext\u002Fper-word-crossfade","3.components\u002Ftext\u002Fper-word-crossfade",{"title":1145,"path":1146,"stem":1147},"Perspective Text 3D","\u002Fcomponents\u002Ftext\u002Fperspective-text-3d","3.components\u002Ftext\u002Fperspective-text-3d",{"title":1149,"path":1150,"stem":1151},"Ransom Note","\u002Fcomponents\u002Ftext\u002Fransom-note","3.components\u002Ftext\u002Fransom-note",{"title":1153,"path":1154,"stem":1155},"Rolling Text","\u002Fcomponents\u002Ftext\u002Frolling-text","3.components\u002Ftext\u002Frolling-text",{"title":1157,"path":1158,"stem":1159},"Scale Down Fade","\u002Fcomponents\u002Ftext\u002Fscale-down-fade","3.components\u002Ftext\u002Fscale-down-fade",{"title":1161,"path":1162,"stem":1163},"Scroll Reveal Paragraph","\u002Fcomponents\u002Ftext\u002Fscroll-reveal-paragraph","3.components\u002Ftext\u002Fscroll-reveal-paragraph",{"title":1165,"path":1166,"stem":1167},"Shared Axis","\u002Fcomponents\u002Ftext\u002Fshared-axis","3.components\u002Ftext\u002Fshared-axis",{"title":1169,"path":1170,"stem":1171},"Shimmer Sweep","\u002Fcomponents\u002Ftext\u002Fshimmer-sweep","3.components\u002Ftext\u002Fshimmer-sweep",{"title":1173,"path":1174,"stem":1175},"Shine Text","\u002Fcomponents\u002Ftext\u002Fshine-text","3.components\u002Ftext\u002Fshine-text",{"title":1177,"path":1178,"stem":1179},"Short Lower in","\u002Fcomponents\u002Ftext\u002Fshort-slide-down","3.components\u002Ftext\u002Fshort-slide-down",{"title":1181,"path":1182,"stem":1183},"Short Slide Right","\u002Fcomponents\u002Ftext\u002Fshort-slide-right","3.components\u002Ftext\u002Fshort-slide-right",{"title":1185,"path":1186,"stem":1187},"Sliding Number","\u002Fcomponents\u002Ftext\u002Fsliding-number","3.components\u002Ftext\u002Fsliding-number",{"title":1189,"path":1190,"stem":1191},"Soft Blur In","\u002Fcomponents\u002Ftext\u002Fsoft-blur-in","3.components\u002Ftext\u002Fsoft-blur-in",{"title":1193,"path":1194,"stem":1195},"Sparkles Text","\u002Fcomponents\u002Ftext\u002Fsparkles-text","3.components\u002Ftext\u002Fsparkles-text",{"title":1197,"path":1198,"stem":1199},"Spinning Text","\u002Fcomponents\u002Ftext\u002Fspinning-text","3.components\u002Ftext\u002Fspinning-text",{"title":1201,"path":1202,"stem":1203},"Spring Scale In","\u002Fcomponents\u002Ftext\u002Fspring-scale-in","3.components\u002Ftext\u002Fspring-scale-in",{"title":1205,"path":1206,"stem":1207},"Stagger From Center","\u002Fcomponents\u002Ftext\u002Fstagger-from-center","3.components\u002Ftext\u002Fstagger-from-center",{"title":1209,"path":1210,"stem":1211},"Stagger From Edges","\u002Fcomponents\u002Ftext\u002Fstagger-from-edges","3.components\u002Ftext\u002Fstagger-from-edges",{"title":1213,"path":1214,"stem":1215},"Text Animate","\u002Fcomponents\u002Ftext\u002Ftext-animate","3.components\u002Ftext\u002Ftext-animate",{"title":1217,"path":1218,"stem":1219},"Text motion","\u002Fcomponents\u002Ftext\u002Ftext-effect","3.components\u002Ftext\u002Ftext-effect",{"title":1221,"path":1222,"stem":1223},"Text Glitch","\u002Fcomponents\u002Ftext\u002Ftext-glitch","3.components\u002Ftext\u002Ftext-glitch",{"title":1225,"path":1226,"stem":1227},"Text Glitch New","\u002Fcomponents\u002Ftext\u002Ftext-glitch-new","3.components\u002Ftext\u002Ftext-glitch-new",{"title":1229,"path":1230,"stem":1231},"Text Gradient","\u002Fcomponents\u002Ftext\u002Ftext-gradient","3.components\u002Ftext\u002Ftext-gradient",{"title":1233,"path":1234,"stem":1235},"Text Highlighter","\u002Fcomponents\u002Ftext\u002Ftext-highlighter","3.components\u002Ftext\u002Ftext-highlighter",{"title":1237,"path":1238,"stem":1239},"Text Loop","\u002Fcomponents\u002Ftext\u002Ftext-loop","3.components\u002Ftext\u002Ftext-loop",{"title":1241,"path":1242,"stem":1243},"Text Morph","\u002Fcomponents\u002Ftext\u002Ftext-morph","3.components\u002Ftext\u002Ftext-morph",{"title":1245,"path":1246,"stem":1247},"Text Reveal","\u002Fcomponents\u002Ftext\u002Ftext-reveal","3.components\u002Ftext\u002Ftext-reveal",{"title":1249,"path":1250,"stem":1251},"Text Roll","\u002Fcomponents\u002Ftext\u002Ftext-roll","3.components\u002Ftext\u002Ftext-roll",{"title":1253,"path":1254,"stem":1255},"Text Scramble","\u002Fcomponents\u002Ftext\u002Ftext-scramble","3.components\u002Ftext\u002Ftext-scramble",{"title":1257,"path":1258,"stem":1259},"Text Shimmer","\u002Fcomponents\u002Ftext\u002Ftext-shimmer","3.components\u002Ftext\u002Ftext-shimmer",{"title":1261,"path":1262,"stem":1263},"Text Shimmer Wave","\u002Fcomponents\u002Ftext\u002Ftext-shimmer-wave","3.components\u002Ftext\u002Ftext-shimmer-wave",{"title":1265,"path":1266,"stem":1267},"Top Down Letters","\u002Fcomponents\u002Ftext\u002Ftop-down-letters","3.components\u002Ftext\u002Ftop-down-letters",{"title":1269,"path":1270,"stem":1271},"True Focus","\u002Fcomponents\u002Ftext\u002Ftrue-focus","3.components\u002Ftext\u002Ftrue-focus",{"title":1273,"path":1274,"stem":1275},"Typing Text","\u002Fcomponents\u002Ftext\u002Ftyping-text","3.components\u002Ftext\u002Ftyping-text",{"title":1277,"path":1278,"stem":1279},"Variable Proximity","\u002Fcomponents\u002Ftext\u002Fvariable-proximity","3.components\u002Ftext\u002Fvariable-proximity",{"title":1281,"path":1282,"stem":1283},"Video Text","\u002Fcomponents\u002Ftext\u002Fvideo-text","3.components\u002Ftext\u002Fvideo-text",{"title":1285,"path":1286,"stem":1287},"Wave Text","\u002Fcomponents\u002Ftext\u002Fwave-text","3.components\u002Ftext\u002Fwave-text",{"title":1289,"path":1290,"stem":1291},"Word Rotate","\u002Fcomponents\u002Ftext\u002Fword-rotate","3.components\u002Ftext\u002Fword-rotate",{"title":1293,"icon":1294,"path":1295,"stem":1296,"children":1297,"page":69},"Transitions","i-lucide-git-compare","\u002Fcomponents\u002Ftransitions","3.components\u002Ftransitions",[1298,1302,1306,1310,1314,1318],{"title":1299,"path":1300,"stem":1301},"Aperture Blur Transition","\u002Fcomponents\u002Ftransitions\u002Faperture-blur-transition","3.components\u002Ftransitions\u002Faperture-blur-transition",{"title":1303,"path":1304,"stem":1305},"Chroma Blur Transition","\u002Fcomponents\u002Ftransitions\u002Fchroma-blur-transition","3.components\u002Ftransitions\u002Fchroma-blur-transition",{"title":1307,"path":1308,"stem":1309},"Prism Sweep Transition","\u002Fcomponents\u002Ftransitions\u002Fprism-sweep-transition","3.components\u002Ftransitions\u002Fprism-sweep-transition",{"title":1311,"path":1312,"stem":1313},"SDF Blob Transition","\u002Fcomponents\u002Ftransitions\u002Fsdf-blob-transition","3.components\u002Ftransitions\u002Fsdf-blob-transition",{"title":1315,"path":1316,"stem":1317},"Shader Reveal Transition","\u002Fcomponents\u002Ftransitions\u002Fshader-reveal-transition","3.components\u002Ftransitions\u002Fshader-reveal-transition",{"title":1319,"path":1320,"stem":1321},"Transition Panel","\u002Fcomponents\u002Ftransitions\u002Ftransition-panel","3.components\u002Ftransitions\u002Ftransition-panel",{"title":1323,"path":1324,"stem":1325,"children":1326,"icon":1344},"Composables","\u002Fcomposables","4.composables\u002Findex",[1327,1328,1332,1336,1340],{"title":1323,"path":1324,"stem":1325},{"title":1329,"path":1330,"stem":1331},"useCanvasCursor","\u002Fcomposables\u002Fuse-canvas-cursor","4.composables\u002Fuse-canvas-cursor",{"title":1333,"path":1334,"stem":1335},"useFluidCursor","\u002Fcomposables\u002Fuse-fluid-cursor","4.composables\u002Fuse-fluid-cursor",{"title":1337,"path":1338,"stem":1339},"useMotionBlockUI","\u002Fcomposables\u002Fuse-motion-block-ui","4.composables\u002Fuse-motion-block-ui",{"title":1341,"path":1342,"stem":1343},"useThemeColor","\u002Fcomposables\u002Fuse-theme-color","4.composables\u002Fuse-theme-color","i-lucide-puzzle",{"title":1346,"path":1347,"stem":1348,"children":1349,"icon":1351},"Guides","\u002Fguides","5.guides\u002Findex",[1350],{"title":1346,"path":1347,"stem":1348},"i-lucide-book-open",{"title":1353,"icon":1354,"path":1355,"stem":1356,"children":1357},"Blocks","i-lucide-blocks","\u002Fblocks","6.blocks",[1358,1360,1373,1382,1395,1408,1424,1437,1446,1455,1468,1477,1490,1499],{"title":1353,"path":1355,"stem":1359},"6.blocks\u002Findex",{"title":1361,"path":1362,"stem":1363,"children":1364,"page":69},"Blog","\u002Fblocks\u002Fblog","6.blocks\u002Fblog",[1365,1369],{"title":1366,"path":1367,"stem":1368},"Article Page","\u002Fblocks\u002Fblog\u002Farticle-page","6.blocks\u002Fblog\u002Farticle-page",{"title":1370,"path":1371,"stem":1372},"Blog Listing","\u002Fblocks\u002Fblog\u002Fblog-listing","6.blocks\u002Fblog\u002Fblog-listing",{"title":1374,"path":1375,"stem":1376,"children":1377,"page":69},"Cta","\u002Fblocks\u002Fcta","6.blocks\u002Fcta",[1378],{"title":1379,"path":1380,"stem":1381},"Centered CTA","\u002Fblocks\u002Fcta\u002Fcentered-cta","6.blocks\u002Fcta\u002Fcentered-cta",{"title":1383,"path":1384,"stem":1385,"children":1386,"page":69},"Dashboard Components","\u002Fblocks\u002Fdashboard-components","6.blocks\u002Fdashboard-components",[1387,1391],{"title":1388,"path":1389,"stem":1390},"Analytics Dashboard","\u002Fblocks\u002Fdashboard-components\u002Fanalytics-dashboard","6.blocks\u002Fdashboard-components\u002Fanalytics-dashboard",{"title":1392,"path":1393,"stem":1394},"User Management Table","\u002Fblocks\u002Fdashboard-components\u002Fuser-management","6.blocks\u002Fdashboard-components\u002Fuser-management",{"title":1396,"path":1397,"stem":1398,"children":1399,"page":69},"E Commerce","\u002Fblocks\u002Fe-commerce","6.blocks\u002Fe-commerce",[1400,1404],{"title":1401,"path":1402,"stem":1403},"Product Grid","\u002Fblocks\u002Fe-commerce\u002Fproduct-grid","6.blocks\u002Fe-commerce\u002Fproduct-grid",{"title":1405,"path":1406,"stem":1407},"Shopping Cart","\u002Fblocks\u002Fe-commerce\u002Fshopping-cart","6.blocks\u002Fe-commerce\u002Fshopping-cart",{"title":1409,"path":1410,"stem":1411,"children":1412,"page":69},"Featured Components","\u002Fblocks\u002Ffeatured-components","6.blocks\u002Ffeatured-components",[1413,1417,1420],{"title":1414,"path":1415,"stem":1416},"Animated Gradient","\u002Fblocks\u002Ffeatured-components\u002Fanimated-gradient","6.blocks\u002Ffeatured-components\u002Fanimated-gradient",{"title":175,"path":1418,"stem":1419},"\u002Fblocks\u002Ffeatured-components\u002Fanimated-spotlight","6.blocks\u002Ffeatured-components\u002Fanimated-spotlight",{"title":1421,"path":1422,"stem":1423},"Ripple Effect","\u002Fblocks\u002Ffeatured-components\u002Fripple-effect","6.blocks\u002Ffeatured-components\u002Fripple-effect",{"title":1425,"path":1426,"stem":1427,"children":1428,"page":69},"Features","\u002Fblocks\u002Ffeatures","6.blocks\u002Ffeatures",[1429,1433],{"title":1430,"path":1431,"stem":1432},"Feature Grid","\u002Fblocks\u002Ffeatures\u002Ffeature-grid","6.blocks\u002Ffeatures\u002Ffeature-grid",{"title":1434,"path":1435,"stem":1436},"Glare Card Features","\u002Fblocks\u002Ffeatures\u002Fglare-card-features","6.blocks\u002Ffeatures\u002Fglare-card-features",{"title":1438,"path":1439,"stem":1440,"children":1441,"page":69},"Footers","\u002Fblocks\u002Ffooters","6.blocks\u002Ffooters",[1442],{"title":1443,"path":1444,"stem":1445},"Multi-column Footer","\u002Fblocks\u002Ffooters\u002Fmulti-column-footer","6.blocks\u002Ffooters\u002Fmulti-column-footer",{"title":1447,"path":1448,"stem":1449,"children":1450,"page":69},"Hero Sections","\u002Fblocks\u002Fhero-sections","6.blocks\u002Fhero-sections",[1451],{"title":1452,"path":1453,"stem":1454},"Gradient Hero","\u002Fblocks\u002Fhero-sections\u002Fgradient-hero","6.blocks\u002Fhero-sections\u002Fgradient-hero",{"title":1456,"path":1457,"stem":1458,"children":1459,"page":69},"Landing Page","\u002Fblocks\u002Flanding-page","6.blocks\u002Flanding-page",[1460,1464],{"title":1461,"path":1462,"stem":1463},"Feature Showcase","\u002Fblocks\u002Flanding-page\u002Ffeature-showcase","6.blocks\u002Flanding-page\u002Ffeature-showcase",{"title":1465,"path":1466,"stem":1467},"Testimonial Carousel","\u002Fblocks\u002Flanding-page\u002Ftestimonial-carousel","6.blocks\u002Flanding-page\u002Ftestimonial-carousel",{"title":1469,"path":1470,"stem":1471,"children":1472,"page":69},"Navigation","\u002Fblocks\u002Fnavigation","6.blocks\u002Fnavigation",[1473],{"title":1474,"path":1475,"stem":1476},"Modern Navbar","\u002Fblocks\u002Fnavigation\u002Fmodern-navbar","6.blocks\u002Fnavigation\u002Fmodern-navbar",{"title":1478,"path":1479,"stem":1480,"children":1481,"page":69},"Portfolio","\u002Fblocks\u002Fportfolio","6.blocks\u002Fportfolio",[1482,1486],{"title":1483,"path":1484,"stem":1485},"Case Study","\u002Fblocks\u002Fportfolio\u002Fcase-study","6.blocks\u002Fportfolio\u002Fcase-study",{"title":1487,"path":1488,"stem":1489},"Project Gallery","\u002Fblocks\u002Fportfolio\u002Fproject-gallery","6.blocks\u002Fportfolio\u002Fproject-gallery",{"title":1491,"path":1492,"stem":1493,"children":1494,"page":69},"Pricing","\u002Fblocks\u002Fpricing","6.blocks\u002Fpricing",[1495],{"title":1496,"path":1497,"stem":1498},"Pricing Cards","\u002Fblocks\u002Fpricing\u002Fpricing-cards","6.blocks\u002Fpricing\u002Fpricing-cards",{"title":1500,"path":1501,"stem":1502,"children":1503,"page":69},"Testimonials","\u002Fblocks\u002Ftestimonials","6.blocks\u002Ftestimonials",[1504],{"title":1465,"path":1505,"stem":1506},"\u002Fblocks\u002Ftestimonials\u002Ftestimonial-carousel","6.blocks\u002Ftestimonials\u002Ftestimonial-carousel",{"title":1508,"icon":1509,"path":1510,"stem":1511,"children":1512},"Templates","i-lucide-layout-template","\u002Ftemplates","7.templates",[1513,1515,1519,1523,1527],{"title":1508,"path":1510,"stem":1514},"7.templates\u002Findex",{"title":1516,"path":1517,"stem":1518},"Basic Landing Page","\u002Ftemplates\u002Fbasic-landing-page","7.templates\u002F2.basic-landing-page",{"title":1520,"path":1521,"stem":1522},"SaaS Landing Page","\u002Ftemplates\u002Fsaas-landing-page","7.templates\u002F3.saas-landing-page",{"title":1524,"path":1525,"stem":1526},"E-commerce Landing Page","\u002Ftemplates\u002Fecommerce-landing-page","7.templates\u002F4.ecommerce-landing-page",{"title":1528,"path":1529,"stem":1530},"Creative Agency Landing Page","\u002Ftemplates\u002Fcreative-agency-landing-page","7.templates\u002F5.creative-agency-landing-page",{"title":1532,"path":1533,"stem":1534,"children":1535,"icon":1537},"API Reference","\u002Fapi-reference","8.api-reference\u002Findex",[1536],{"title":1532,"path":1533,"stem":1534},"i-lucide-braces",{"id":1539,"title":597,"body":1540,"description":5474,"extension":5475,"links":5476,"meta":5477,"navigation":1828,"path":598,"seo":5478,"stem":599,"__hash__":5479},"docs\u002F3.components\u002Feffects\u002Fsiri-orb.md",{"type":1541,"value":1542,"toc":5459},"minimark",[1543,1547,1550,1554,1669,1677,1681,1685,2575,2579,2593,2597,2660,2663,2668,3241,3245,3258,3989,3992,4456,4460,4476,4808,4811,4816,5278,5288,5292,5298,5304,5349,5365,5369,5421,5425,5455],[1544,1545,1546],"p",{},"An assistant orb: a slowly rotating conic gradient that blooms, saturates and\nscales with the assistant's state, and — when you give it a live audio level —\nripples to the sound.",[1544,1548,1549],{},"SiriOrb takes no children and no slots. It is a fixed-size ambient visual that\nexpects to sit next to your own copy, rather than a container for it.",[1551,1552,16],"h2",{"id":1553},"usage",[1555,1556,1558,1571],"code-preview",{"label":1557},"Preview",[1559,1560,1566,1567],"div",{"className":1561},[1562,1563,1564,1565],"flex","justify-center","w-full","h-full","  ",[1568,1569],"component-example",{"name":1570},"siri-orb-basic",[1572,1573,1575],"template",{"v-slot:code":1574},"",[1576,1577,1581],"pre",{"className":1578,"code":1579,"language":1580,"meta":1574,"style":1574},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003Cdiv class=\"flex items-center justify-center py-6\">\n    \u003CMSiriOrb size=\"160px\" \u002F>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n","vue",[1582,1583,1584,1599,1625,1649,1659],"code",{"__ignoreMap":1574},[1585,1586,1589,1593,1596],"span",{"class":1587,"line":1588},"line",1,[1585,1590,1592],{"class":1591},"sMK4o","\u003C",[1585,1594,1572],{"class":1595},"swJcz",[1585,1597,1598],{"class":1591},">\n",[1585,1600,1602,1605,1607,1611,1614,1617,1621,1623],{"class":1587,"line":1601},2,[1585,1603,1604],{"class":1591},"  \u003C",[1585,1606,1559],{"class":1595},[1585,1608,1610],{"class":1609},"spNyl"," class",[1585,1612,1613],{"class":1591},"=",[1585,1615,1616],{"class":1591},"\"",[1585,1618,1620],{"class":1619},"sfazB","flex items-center justify-center py-6",[1585,1622,1616],{"class":1591},[1585,1624,1598],{"class":1591},[1585,1626,1628,1631,1634,1637,1639,1641,1644,1646],{"class":1587,"line":1627},3,[1585,1629,1630],{"class":1591},"    \u003C",[1585,1632,1633],{"class":1595},"MSiriOrb",[1585,1635,1636],{"class":1609}," size",[1585,1638,1613],{"class":1591},[1585,1640,1616],{"class":1591},[1585,1642,1643],{"class":1619},"160px",[1585,1645,1616],{"class":1591},[1585,1647,1648],{"class":1591}," \u002F>\n",[1585,1650,1652,1655,1657],{"class":1587,"line":1651},4,[1585,1653,1654],{"class":1591},"  \u003C\u002F",[1585,1656,1559],{"class":1595},[1585,1658,1598],{"class":1591},[1585,1660,1662,1665,1667],{"class":1587,"line":1661},5,[1585,1663,1664],{"class":1591},"\u003C\u002F",[1585,1666,1572],{"class":1595},[1585,1668,1598],{"class":1591},[1670,1671,1672,1673,1676],"tip",{},"The orb is ",[1582,1674,1675],{},"aria-hidden=\"true\""," and exposes no role. Announce state changes\nyourself if they are meaningful — an assistive-tech user gets nothing from the\nanimation, so pair it with a live region or visible label.",[1551,1678,1680],{"id":1679},"examples","Examples",[1682,1683,597],"h3",{"id":1684},"siri-orb",[1555,1686,1687,1693],{"label":1557},[1559,1688,1566,1690],{"className":1689},[1564],[1568,1691],{"name":1692},"siri-orb-amplitude",[1572,1694,1695],{"v-slot:code":1574},[1576,1696,1698],{"className":1578,"code":1697,"language":1580,"meta":1574,"style":1574},"\u003Ctemplate>\n  \u003Cdiv class=\"flex w-full max-w-sm flex-col gap-4\">\n    \u003Cdiv class=\"flex min-h-40 items-center justify-center\">\n      \u003CMSiriOrb\n        :amplitude=\"amplitude\"\n        :size=\"'140px'\"\n        :state=\"state\"\n      \u002F>\n    \u003C\u002Fdiv>\n\n    \u003Cdiv class=\"flex flex-col gap-3\">\n      \u003Clabel class=\"flex items-center gap-3 text-xs text-muted\">\n        \u003Cspan class=\"w-16\">amplitude\u003C\u002Fspan>\n        \u003CUSlider\n          v-model=\"amplitude\"\n          :min=\"0\"\n          :max=\"1\"\n          :step=\"0.01\"\n          class=\"flex-1\"\n        \u002F>\n      \u003C\u002Flabel>\n      \u003CUSelect\n        v-model=\"state\"\n        :items=\"states\"\n        class=\"w-full\"\n      \u002F>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nconst amplitude = ref(0)\nconst state = ref('idle')\n\nconst states = [\n  { label: 'idle', value: 'idle' },\n  { label: 'listening', value: 'listening' },\n  { label: 'thinking', value: 'thinking' },\n  { label: 'speaking', value: 'speaking' },\n  { label: 'error', value: 'error' },\n]\n\n\u002F\u002F A slow synthetic level, standing in for a real microphone. Feed\n\u002F\u002F `amplitude` a MotionValue from `useAudioAmplitude` for live input.\nlet raf = 0\nlet t = 0\nconst tick = () => {\n  t += 0.02\n  amplitude.value = 0.5 + 0.5 * Math.sin(t) * Math.sin(t * 0.37)\n  raf = requestAnimationFrame(tick)\n}\nonMounted(() => {\n  raf = requestAnimationFrame(tick)\n})\nonBeforeUnmount(() => cancelAnimationFrame(raf))\n\u003C\u002Fscript>\n",[1582,1699,1700,1708,1727,1746,1754,1772,1791,1807,1813,1823,1830,1850,1871,1901,1909,1923,1942,1959,1976,1991,1997,2007,2015,2029,2046,2060,2065,2074,2083,2092,2097,2122,2145,2169,2174,2187,2223,2253,2283,2313,2343,2349,2354,2361,2367,2381,2393,2412,2424,2486,2504,2510,2525,2540,2548,2566],{"__ignoreMap":1574},[1585,1701,1702,1704,1706],{"class":1587,"line":1588},[1585,1703,1592],{"class":1591},[1585,1705,1572],{"class":1595},[1585,1707,1598],{"class":1591},[1585,1709,1710,1712,1714,1716,1718,1720,1723,1725],{"class":1587,"line":1601},[1585,1711,1604],{"class":1591},[1585,1713,1559],{"class":1595},[1585,1715,1610],{"class":1609},[1585,1717,1613],{"class":1591},[1585,1719,1616],{"class":1591},[1585,1721,1722],{"class":1619},"flex w-full max-w-sm flex-col gap-4",[1585,1724,1616],{"class":1591},[1585,1726,1598],{"class":1591},[1585,1728,1729,1731,1733,1735,1737,1739,1742,1744],{"class":1587,"line":1627},[1585,1730,1630],{"class":1591},[1585,1732,1559],{"class":1595},[1585,1734,1610],{"class":1609},[1585,1736,1613],{"class":1591},[1585,1738,1616],{"class":1591},[1585,1740,1741],{"class":1619},"flex min-h-40 items-center justify-center",[1585,1743,1616],{"class":1591},[1585,1745,1598],{"class":1591},[1585,1747,1748,1751],{"class":1587,"line":1651},[1585,1749,1750],{"class":1591},"      \u003C",[1585,1752,1753],{"class":1595},"MSiriOrb\n",[1585,1755,1756,1759,1762,1764,1766,1769],{"class":1587,"line":1661},[1585,1757,1758],{"class":1591},"        :",[1585,1760,1761],{"class":1609},"amplitude",[1585,1763,1613],{"class":1591},[1585,1765,1616],{"class":1591},[1585,1767,1761],{"class":1768},"sTEyZ",[1585,1770,1771],{"class":1591},"\"\n",[1585,1773,1775,1777,1780,1782,1785,1788],{"class":1587,"line":1774},6,[1585,1776,1758],{"class":1591},[1585,1778,1779],{"class":1609},"size",[1585,1781,1613],{"class":1591},[1585,1783,1784],{"class":1591},"\"'",[1585,1786,1787],{"class":1619},"140px",[1585,1789,1790],{"class":1591},"'\"\n",[1585,1792,1794,1796,1799,1801,1803,1805],{"class":1587,"line":1793},7,[1585,1795,1758],{"class":1591},[1585,1797,1798],{"class":1609},"state",[1585,1800,1613],{"class":1591},[1585,1802,1616],{"class":1591},[1585,1804,1798],{"class":1768},[1585,1806,1771],{"class":1591},[1585,1808,1810],{"class":1587,"line":1809},8,[1585,1811,1812],{"class":1591},"      \u002F>\n",[1585,1814,1816,1819,1821],{"class":1587,"line":1815},9,[1585,1817,1818],{"class":1591},"    \u003C\u002F",[1585,1820,1559],{"class":1595},[1585,1822,1598],{"class":1591},[1585,1824,1826],{"class":1587,"line":1825},10,[1585,1827,1829],{"emptyLinePlaceholder":1828},true,"\n",[1585,1831,1833,1835,1837,1839,1841,1843,1846,1848],{"class":1587,"line":1832},11,[1585,1834,1630],{"class":1591},[1585,1836,1559],{"class":1595},[1585,1838,1610],{"class":1609},[1585,1840,1613],{"class":1591},[1585,1842,1616],{"class":1591},[1585,1844,1845],{"class":1619},"flex flex-col gap-3",[1585,1847,1616],{"class":1591},[1585,1849,1598],{"class":1591},[1585,1851,1853,1855,1858,1860,1862,1864,1867,1869],{"class":1587,"line":1852},12,[1585,1854,1750],{"class":1591},[1585,1856,1857],{"class":1595},"label",[1585,1859,1610],{"class":1609},[1585,1861,1613],{"class":1591},[1585,1863,1616],{"class":1591},[1585,1865,1866],{"class":1619},"flex items-center gap-3 text-xs text-muted",[1585,1868,1616],{"class":1591},[1585,1870,1598],{"class":1591},[1585,1872,1874,1877,1879,1881,1883,1885,1888,1890,1893,1895,1897,1899],{"class":1587,"line":1873},13,[1585,1875,1876],{"class":1591},"        \u003C",[1585,1878,1585],{"class":1595},[1585,1880,1610],{"class":1609},[1585,1882,1613],{"class":1591},[1585,1884,1616],{"class":1591},[1585,1886,1887],{"class":1619},"w-16",[1585,1889,1616],{"class":1591},[1585,1891,1892],{"class":1591},">",[1585,1894,1761],{"class":1768},[1585,1896,1664],{"class":1591},[1585,1898,1585],{"class":1595},[1585,1900,1598],{"class":1591},[1585,1902,1904,1906],{"class":1587,"line":1903},14,[1585,1905,1876],{"class":1591},[1585,1907,1908],{"class":1595},"USlider\n",[1585,1910,1912,1915,1917,1919,1921],{"class":1587,"line":1911},15,[1585,1913,1914],{"class":1609},"          v-model",[1585,1916,1613],{"class":1591},[1585,1918,1616],{"class":1591},[1585,1920,1761],{"class":1768},[1585,1922,1771],{"class":1591},[1585,1924,1926,1929,1932,1934,1936,1940],{"class":1587,"line":1925},16,[1585,1927,1928],{"class":1591},"          :",[1585,1930,1931],{"class":1609},"min",[1585,1933,1613],{"class":1591},[1585,1935,1616],{"class":1591},[1585,1937,1939],{"class":1938},"sbssI","0",[1585,1941,1771],{"class":1591},[1585,1943,1945,1947,1950,1952,1954,1957],{"class":1587,"line":1944},17,[1585,1946,1928],{"class":1591},[1585,1948,1949],{"class":1609},"max",[1585,1951,1613],{"class":1591},[1585,1953,1616],{"class":1591},[1585,1955,1956],{"class":1938},"1",[1585,1958,1771],{"class":1591},[1585,1960,1962,1964,1967,1969,1971,1974],{"class":1587,"line":1961},18,[1585,1963,1928],{"class":1591},[1585,1965,1966],{"class":1609},"step",[1585,1968,1613],{"class":1591},[1585,1970,1616],{"class":1591},[1585,1972,1973],{"class":1938},"0.01",[1585,1975,1771],{"class":1591},[1585,1977,1979,1982,1984,1986,1989],{"class":1587,"line":1978},19,[1585,1980,1981],{"class":1609},"          class",[1585,1983,1613],{"class":1591},[1585,1985,1616],{"class":1591},[1585,1987,1988],{"class":1619},"flex-1",[1585,1990,1771],{"class":1591},[1585,1992,1994],{"class":1587,"line":1993},20,[1585,1995,1996],{"class":1591},"        \u002F>\n",[1585,1998,2000,2003,2005],{"class":1587,"line":1999},21,[1585,2001,2002],{"class":1591},"      \u003C\u002F",[1585,2004,1857],{"class":1595},[1585,2006,1598],{"class":1591},[1585,2008,2010,2012],{"class":1587,"line":2009},22,[1585,2011,1750],{"class":1591},[1585,2013,2014],{"class":1595},"USelect\n",[1585,2016,2018,2021,2023,2025,2027],{"class":1587,"line":2017},23,[1585,2019,2020],{"class":1609},"        v-model",[1585,2022,1613],{"class":1591},[1585,2024,1616],{"class":1591},[1585,2026,1798],{"class":1768},[1585,2028,1771],{"class":1591},[1585,2030,2032,2034,2037,2039,2041,2044],{"class":1587,"line":2031},24,[1585,2033,1758],{"class":1591},[1585,2035,2036],{"class":1609},"items",[1585,2038,1613],{"class":1591},[1585,2040,1616],{"class":1591},[1585,2042,2043],{"class":1768},"states",[1585,2045,1771],{"class":1591},[1585,2047,2049,2052,2054,2056,2058],{"class":1587,"line":2048},25,[1585,2050,2051],{"class":1609},"        class",[1585,2053,1613],{"class":1591},[1585,2055,1616],{"class":1591},[1585,2057,1564],{"class":1619},[1585,2059,1771],{"class":1591},[1585,2061,2063],{"class":1587,"line":2062},26,[1585,2064,1812],{"class":1591},[1585,2066,2068,2070,2072],{"class":1587,"line":2067},27,[1585,2069,1818],{"class":1591},[1585,2071,1559],{"class":1595},[1585,2073,1598],{"class":1591},[1585,2075,2077,2079,2081],{"class":1587,"line":2076},28,[1585,2078,1654],{"class":1591},[1585,2080,1559],{"class":1595},[1585,2082,1598],{"class":1591},[1585,2084,2086,2088,2090],{"class":1587,"line":2085},29,[1585,2087,1664],{"class":1591},[1585,2089,1572],{"class":1595},[1585,2091,1598],{"class":1591},[1585,2093,2095],{"class":1587,"line":2094},30,[1585,2096,1829],{"emptyLinePlaceholder":1828},[1585,2098,2100,2102,2105,2108,2111,2113,2115,2118,2120],{"class":1587,"line":2099},31,[1585,2101,1592],{"class":1591},[1585,2103,2104],{"class":1595},"script",[1585,2106,2107],{"class":1609}," setup",[1585,2109,2110],{"class":1609}," lang",[1585,2112,1613],{"class":1591},[1585,2114,1616],{"class":1591},[1585,2116,2117],{"class":1619},"ts",[1585,2119,1616],{"class":1591},[1585,2121,1598],{"class":1591},[1585,2123,2125,2128,2131,2133,2137,2140,2142],{"class":1587,"line":2124},32,[1585,2126,2127],{"class":1609},"const",[1585,2129,2130],{"class":1768}," amplitude ",[1585,2132,1613],{"class":1591},[1585,2134,2136],{"class":2135},"s2Zo4"," ref",[1585,2138,2139],{"class":1768},"(",[1585,2141,1939],{"class":1938},[1585,2143,2144],{"class":1768},")\n",[1585,2146,2148,2150,2153,2155,2157,2159,2162,2165,2167],{"class":1587,"line":2147},33,[1585,2149,2127],{"class":1609},[1585,2151,2152],{"class":1768}," state ",[1585,2154,1613],{"class":1591},[1585,2156,2136],{"class":2135},[1585,2158,2139],{"class":1768},[1585,2160,2161],{"class":1591},"'",[1585,2163,2164],{"class":1619},"idle",[1585,2166,2161],{"class":1591},[1585,2168,2144],{"class":1768},[1585,2170,2172],{"class":1587,"line":2171},34,[1585,2173,1829],{"emptyLinePlaceholder":1828},[1585,2175,2177,2179,2182,2184],{"class":1587,"line":2176},35,[1585,2178,2127],{"class":1609},[1585,2180,2181],{"class":1768}," states ",[1585,2183,1613],{"class":1591},[1585,2185,2186],{"class":1768}," [\n",[1585,2188,2190,2193,2196,2199,2202,2204,2206,2209,2212,2214,2216,2218,2220],{"class":1587,"line":2189},36,[1585,2191,2192],{"class":1591},"  {",[1585,2194,2195],{"class":1595}," label",[1585,2197,2198],{"class":1591},":",[1585,2200,2201],{"class":1591}," '",[1585,2203,2164],{"class":1619},[1585,2205,2161],{"class":1591},[1585,2207,2208],{"class":1591},",",[1585,2210,2211],{"class":1595}," value",[1585,2213,2198],{"class":1591},[1585,2215,2201],{"class":1591},[1585,2217,2164],{"class":1619},[1585,2219,2161],{"class":1591},[1585,2221,2222],{"class":1591}," },\n",[1585,2224,2226,2228,2230,2232,2234,2237,2239,2241,2243,2245,2247,2249,2251],{"class":1587,"line":2225},37,[1585,2227,2192],{"class":1591},[1585,2229,2195],{"class":1595},[1585,2231,2198],{"class":1591},[1585,2233,2201],{"class":1591},[1585,2235,2236],{"class":1619},"listening",[1585,2238,2161],{"class":1591},[1585,2240,2208],{"class":1591},[1585,2242,2211],{"class":1595},[1585,2244,2198],{"class":1591},[1585,2246,2201],{"class":1591},[1585,2248,2236],{"class":1619},[1585,2250,2161],{"class":1591},[1585,2252,2222],{"class":1591},[1585,2254,2256,2258,2260,2262,2264,2267,2269,2271,2273,2275,2277,2279,2281],{"class":1587,"line":2255},38,[1585,2257,2192],{"class":1591},[1585,2259,2195],{"class":1595},[1585,2261,2198],{"class":1591},[1585,2263,2201],{"class":1591},[1585,2265,2266],{"class":1619},"thinking",[1585,2268,2161],{"class":1591},[1585,2270,2208],{"class":1591},[1585,2272,2211],{"class":1595},[1585,2274,2198],{"class":1591},[1585,2276,2201],{"class":1591},[1585,2278,2266],{"class":1619},[1585,2280,2161],{"class":1591},[1585,2282,2222],{"class":1591},[1585,2284,2286,2288,2290,2292,2294,2297,2299,2301,2303,2305,2307,2309,2311],{"class":1587,"line":2285},39,[1585,2287,2192],{"class":1591},[1585,2289,2195],{"class":1595},[1585,2291,2198],{"class":1591},[1585,2293,2201],{"class":1591},[1585,2295,2296],{"class":1619},"speaking",[1585,2298,2161],{"class":1591},[1585,2300,2208],{"class":1591},[1585,2302,2211],{"class":1595},[1585,2304,2198],{"class":1591},[1585,2306,2201],{"class":1591},[1585,2308,2296],{"class":1619},[1585,2310,2161],{"class":1591},[1585,2312,2222],{"class":1591},[1585,2314,2316,2318,2320,2322,2324,2327,2329,2331,2333,2335,2337,2339,2341],{"class":1587,"line":2315},40,[1585,2317,2192],{"class":1591},[1585,2319,2195],{"class":1595},[1585,2321,2198],{"class":1591},[1585,2323,2201],{"class":1591},[1585,2325,2326],{"class":1619},"error",[1585,2328,2161],{"class":1591},[1585,2330,2208],{"class":1591},[1585,2332,2211],{"class":1595},[1585,2334,2198],{"class":1591},[1585,2336,2201],{"class":1591},[1585,2338,2326],{"class":1619},[1585,2340,2161],{"class":1591},[1585,2342,2222],{"class":1591},[1585,2344,2346],{"class":1587,"line":2345},41,[1585,2347,2348],{"class":1768},"]\n",[1585,2350,2352],{"class":1587,"line":2351},42,[1585,2353,1829],{"emptyLinePlaceholder":1828},[1585,2355,2357],{"class":1587,"line":2356},43,[1585,2358,2360],{"class":2359},"sHwdD","\u002F\u002F A slow synthetic level, standing in for a real microphone. Feed\n",[1585,2362,2364],{"class":1587,"line":2363},44,[1585,2365,2366],{"class":2359},"\u002F\u002F `amplitude` a MotionValue from `useAudioAmplitude` for live input.\n",[1585,2368,2370,2373,2376,2378],{"class":1587,"line":2369},45,[1585,2371,2372],{"class":1609},"let",[1585,2374,2375],{"class":1768}," raf ",[1585,2377,1613],{"class":1591},[1585,2379,2380],{"class":1938}," 0\n",[1585,2382,2384,2386,2389,2391],{"class":1587,"line":2383},46,[1585,2385,2372],{"class":1609},[1585,2387,2388],{"class":1768}," t ",[1585,2390,1613],{"class":1591},[1585,2392,2380],{"class":1938},[1585,2394,2396,2398,2401,2403,2406,2409],{"class":1587,"line":2395},47,[1585,2397,2127],{"class":1609},[1585,2399,2400],{"class":1768}," tick ",[1585,2402,1613],{"class":1591},[1585,2404,2405],{"class":1591}," ()",[1585,2407,2408],{"class":1609}," =>",[1585,2410,2411],{"class":1591}," {\n",[1585,2413,2415,2418,2421],{"class":1587,"line":2414},48,[1585,2416,2417],{"class":1768},"  t",[1585,2419,2420],{"class":1591}," +=",[1585,2422,2423],{"class":1938}," 0.02\n",[1585,2425,2427,2430,2433,2436,2439,2442,2445,2447,2450,2453,2455,2458,2460,2463,2466,2469,2471,2473,2475,2477,2479,2481,2484],{"class":1587,"line":2426},49,[1585,2428,2429],{"class":1768},"  amplitude",[1585,2431,2432],{"class":1591},".",[1585,2434,2435],{"class":1768},"value",[1585,2437,2438],{"class":1591}," =",[1585,2440,2441],{"class":1938}," 0.5",[1585,2443,2444],{"class":1591}," +",[1585,2446,2441],{"class":1938},[1585,2448,2449],{"class":1591}," *",[1585,2451,2452],{"class":1768}," Math",[1585,2454,2432],{"class":1591},[1585,2456,2457],{"class":2135},"sin",[1585,2459,2139],{"class":1595},[1585,2461,2462],{"class":1768},"t",[1585,2464,2465],{"class":1595},") ",[1585,2467,2468],{"class":1591},"*",[1585,2470,2452],{"class":1768},[1585,2472,2432],{"class":1591},[1585,2474,2457],{"class":2135},[1585,2476,2139],{"class":1595},[1585,2478,2462],{"class":1768},[1585,2480,2449],{"class":1591},[1585,2482,2483],{"class":1938}," 0.37",[1585,2485,2144],{"class":1595},[1585,2487,2489,2492,2494,2497,2499,2502],{"class":1587,"line":2488},50,[1585,2490,2491],{"class":1768},"  raf",[1585,2493,2438],{"class":1591},[1585,2495,2496],{"class":2135}," requestAnimationFrame",[1585,2498,2139],{"class":1595},[1585,2500,2501],{"class":1768},"tick",[1585,2503,2144],{"class":1595},[1585,2505,2507],{"class":1587,"line":2506},51,[1585,2508,2509],{"class":1591},"}\n",[1585,2511,2513,2516,2518,2521,2523],{"class":1587,"line":2512},52,[1585,2514,2515],{"class":2135},"onMounted",[1585,2517,2139],{"class":1768},[1585,2519,2520],{"class":1591},"()",[1585,2522,2408],{"class":1609},[1585,2524,2411],{"class":1591},[1585,2526,2528,2530,2532,2534,2536,2538],{"class":1587,"line":2527},53,[1585,2529,2491],{"class":1768},[1585,2531,2438],{"class":1591},[1585,2533,2496],{"class":2135},[1585,2535,2139],{"class":1595},[1585,2537,2501],{"class":1768},[1585,2539,2144],{"class":1595},[1585,2541,2543,2546],{"class":1587,"line":2542},54,[1585,2544,2545],{"class":1591},"}",[1585,2547,2144],{"class":1768},[1585,2549,2551,2554,2556,2558,2560,2563],{"class":1587,"line":2550},55,[1585,2552,2553],{"class":2135},"onBeforeUnmount",[1585,2555,2139],{"class":1768},[1585,2557,2520],{"class":1591},[1585,2559,2408],{"class":1609},[1585,2561,2562],{"class":2135}," cancelAnimationFrame",[1585,2564,2565],{"class":1768},"(raf))\n",[1585,2567,2569,2571,2573],{"class":1587,"line":2568},56,[1585,2570,1664],{"class":1591},[1585,2572,2104],{"class":1595},[1585,2574,1598],{"class":1591},[1682,2576,2578],{"id":2577},"customize","Customize",[1555,2580,2581,2587],{"label":1557},[1559,2582,1566,2584],{"className":2583},[1564],[1568,2585],{"name":2586},"siri-orb-custom",[1572,2588,2589],{"v-slot:code":1574},[2590,2591],"playground-code",{"name":2592},"SiriOrb",[1551,2594,2596],{"id":2595},"props","Props",[2598,2599,2600,2606,2623,2635,2644,2656],"component-props",{},[2601,2602,2605],"component-prop",{"name":1779,"type":2603,"default":2604},"string","DEFAULT_SIRI_ORB_SIZE","Diameter of the disc. Every internal value derives from it — the ambient blur,\nthe gradient contrast, the dot size, the rim width and the mask radius are all\nexpressed as a fraction of the size, so there is no second scale prop to keep\nin sync.",[2601,2607,2610,2611,2613,2614,2616,2617,2613,2619,2613,2621,2432],{"name":1798,"type":2608,"default":2609},"AIState","'idle'","Assistant state. Drives the bloom, the gradient saturation, the base scale and\nhow far the amplitude is allowed to move anything. One of ",[1582,2612,2164],{},", ",[1582,2615,2236],{},",\n",[1582,2618,2266],{},[1582,2620,2296],{},[1582,2622,2326],{},[2601,2624,2626,2627,2630,2631,2634],{"name":1761,"type":2625},"number | MotionValue\u003Cnumber>","Live audio level in ",[1582,2628,2629],{},"0..1",". Pass a ",[1582,2632,2633],{},"MotionValue"," for real microphone input or a\nplain number for a static level. When omitted the orb falls back to its\nambient animation alone.",[2601,2636,2639,2640,2643],{"name":2637,"type":2638},"colors","{ bg?, c1?, c2?, c3?, c4? }","Partial palette merged over the defaults. Channels you leave out keep their\ndefault, so ",[1582,2641,2642],{},"{ c2: '#ff4d2e' }"," recolours the orb without touching the rest.",[2601,2645,2649,2650,2652,2653,2655],{"name":2646,"type":2647,"default":2648},"animationDuration","number","20","Seconds for one full ambient gradient rotation. ",[1582,2651,2266],{}," runs it 2.4× faster\nthan ",[1582,2654,2164],{},"; every other state uses this value as-is.",[2601,2657,2659],{"name":2658,"type":2603},"class","Merged onto the outer wrapper.",[1551,2661,2662],{"id":2043},"States",[1544,2664,2665,2667],{},[1582,2666,1798],{}," is the whole visual vocabulary — each one reads differently at a glance,\nwhich is why the states are distinguished by bloom, saturation, scale and shake\nrather than by swapping colours alone.",[1555,2669,2670,2676],{"label":1557},[1559,2671,1566,2673],{"className":2672},[1562,1563,1564,1565],[1568,2674],{"name":2675},"siri-orb-states",[1572,2677,2678],{"v-slot:code":1574},[1576,2679,2681],{"className":1578,"code":2680,"language":1580,"meta":1574,"style":1574},"\u003Ctemplate>\n  \u003Cdiv class=\"flex w-full max-w-sm flex-col gap-4\">\n    \u003Cdiv class=\"flex min-h-32 items-center justify-center rounded-xl bg-black\u002F5 p-6\">\n      \u003CMSiriOrb\n        :state=\"state\"\n        size=\"120px\"\n      \u002F>\n    \u003C\u002Fdiv>\n\n    \u003Cdiv class=\"flex flex-wrap gap-2\">\n      \u003CUButton\n        v-for=\"value in states\"\n        :key=\"value\"\n        :label=\"value\"\n        :variant=\"state === value ? 'solid' : 'outline'\"\n        :color=\"state === value ? 'primary' : 'neutral'\"\n        @click=\"state = value\"\n      \u002F>\n    \u003C\u002Fdiv>\n\n    \u003Cp class=\"text-xs text-muted\">\n      state = \u003Cspan class=\"font-medium\">{{ state }}\u003C\u002Fspan> · rotation period\n      {{ period }}s\n    \u003C\u002Fp>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nconst state = ref('idle')\nconst states = ['idle', 'listening', 'thinking', 'speaking', 'error']\n\n\u002F\u002F `thinking` runs the ambient gradient 2.4x faster than `idle`; every other\n\u002F\u002F state uses animationDuration as-is.\nconst period = computed(() =>\n  state.value === 'thinking' ? (20 \u002F 2.4).toFixed(1) : '20',\n)\n\u003C\u002Fscript>\n",[1582,2682,2683,2691,2709,2728,2734,2748,2762,2766,2774,2778,2797,2804,2823,2838,2852,2890,2925,2946,2950,2958,2962,2981,3015,3020,3028,3036,3044,3048,3068,3088,3139,3143,3148,3153,3172,3229,3233],{"__ignoreMap":1574},[1585,2684,2685,2687,2689],{"class":1587,"line":1588},[1585,2686,1592],{"class":1591},[1585,2688,1572],{"class":1595},[1585,2690,1598],{"class":1591},[1585,2692,2693,2695,2697,2699,2701,2703,2705,2707],{"class":1587,"line":1601},[1585,2694,1604],{"class":1591},[1585,2696,1559],{"class":1595},[1585,2698,1610],{"class":1609},[1585,2700,1613],{"class":1591},[1585,2702,1616],{"class":1591},[1585,2704,1722],{"class":1619},[1585,2706,1616],{"class":1591},[1585,2708,1598],{"class":1591},[1585,2710,2711,2713,2715,2717,2719,2721,2724,2726],{"class":1587,"line":1627},[1585,2712,1630],{"class":1591},[1585,2714,1559],{"class":1595},[1585,2716,1610],{"class":1609},[1585,2718,1613],{"class":1591},[1585,2720,1616],{"class":1591},[1585,2722,2723],{"class":1619},"flex min-h-32 items-center justify-center rounded-xl bg-black\u002F5 p-6",[1585,2725,1616],{"class":1591},[1585,2727,1598],{"class":1591},[1585,2729,2730,2732],{"class":1587,"line":1651},[1585,2731,1750],{"class":1591},[1585,2733,1753],{"class":1595},[1585,2735,2736,2738,2740,2742,2744,2746],{"class":1587,"line":1661},[1585,2737,1758],{"class":1591},[1585,2739,1798],{"class":1609},[1585,2741,1613],{"class":1591},[1585,2743,1616],{"class":1591},[1585,2745,1798],{"class":1768},[1585,2747,1771],{"class":1591},[1585,2749,2750,2753,2755,2757,2760],{"class":1587,"line":1774},[1585,2751,2752],{"class":1609},"        size",[1585,2754,1613],{"class":1591},[1585,2756,1616],{"class":1591},[1585,2758,2759],{"class":1619},"120px",[1585,2761,1771],{"class":1591},[1585,2763,2764],{"class":1587,"line":1793},[1585,2765,1812],{"class":1591},[1585,2767,2768,2770,2772],{"class":1587,"line":1809},[1585,2769,1818],{"class":1591},[1585,2771,1559],{"class":1595},[1585,2773,1598],{"class":1591},[1585,2775,2776],{"class":1587,"line":1815},[1585,2777,1829],{"emptyLinePlaceholder":1828},[1585,2779,2780,2782,2784,2786,2788,2790,2793,2795],{"class":1587,"line":1825},[1585,2781,1630],{"class":1591},[1585,2783,1559],{"class":1595},[1585,2785,1610],{"class":1609},[1585,2787,1613],{"class":1591},[1585,2789,1616],{"class":1591},[1585,2791,2792],{"class":1619},"flex flex-wrap gap-2",[1585,2794,1616],{"class":1591},[1585,2796,1598],{"class":1591},[1585,2798,2799,2801],{"class":1587,"line":1832},[1585,2800,1750],{"class":1591},[1585,2802,2803],{"class":1595},"UButton\n",[1585,2805,2806,2810,2812,2814,2816,2819,2821],{"class":1587,"line":1852},[1585,2807,2809],{"class":2808},"s7zQu","        v-for",[1585,2811,1613],{"class":1591},[1585,2813,1616],{"class":1591},[1585,2815,2435],{"class":1768},[1585,2817,2818],{"class":1591}," in ",[1585,2820,2043],{"class":1768},[1585,2822,1771],{"class":1591},[1585,2824,2825,2827,2830,2832,2834,2836],{"class":1587,"line":1873},[1585,2826,1758],{"class":1591},[1585,2828,2829],{"class":1609},"key",[1585,2831,1613],{"class":1591},[1585,2833,1616],{"class":1591},[1585,2835,2435],{"class":1768},[1585,2837,1771],{"class":1591},[1585,2839,2840,2842,2844,2846,2848,2850],{"class":1587,"line":1903},[1585,2841,1758],{"class":1591},[1585,2843,1857],{"class":1609},[1585,2845,1613],{"class":1591},[1585,2847,1616],{"class":1591},[1585,2849,2435],{"class":1768},[1585,2851,1771],{"class":1591},[1585,2853,2854,2856,2859,2861,2863,2865,2868,2870,2873,2875,2878,2880,2883,2885,2888],{"class":1587,"line":1911},[1585,2855,1758],{"class":1591},[1585,2857,2858],{"class":1609},"variant",[1585,2860,1613],{"class":1591},[1585,2862,1616],{"class":1591},[1585,2864,1798],{"class":1768},[1585,2866,2867],{"class":1591}," === ",[1585,2869,2435],{"class":1768},[1585,2871,2872],{"class":1591}," ? ",[1585,2874,2161],{"class":1591},[1585,2876,2877],{"class":1619},"solid",[1585,2879,2161],{"class":1591},[1585,2881,2882],{"class":1591}," : ",[1585,2884,2161],{"class":1591},[1585,2886,2887],{"class":1619},"outline",[1585,2889,1790],{"class":1591},[1585,2891,2892,2894,2897,2899,2901,2903,2905,2907,2909,2911,2914,2916,2918,2920,2923],{"class":1587,"line":1925},[1585,2893,1758],{"class":1591},[1585,2895,2896],{"class":1609},"color",[1585,2898,1613],{"class":1591},[1585,2900,1616],{"class":1591},[1585,2902,1798],{"class":1768},[1585,2904,2867],{"class":1591},[1585,2906,2435],{"class":1768},[1585,2908,2872],{"class":1591},[1585,2910,2161],{"class":1591},[1585,2912,2913],{"class":1619},"primary",[1585,2915,2161],{"class":1591},[1585,2917,2882],{"class":1591},[1585,2919,2161],{"class":1591},[1585,2921,2922],{"class":1619},"neutral",[1585,2924,1790],{"class":1591},[1585,2926,2927,2930,2933,2935,2937,2939,2942,2944],{"class":1587,"line":1944},[1585,2928,2929],{"class":1591},"        @",[1585,2931,2932],{"class":1609},"click",[1585,2934,1613],{"class":1591},[1585,2936,1616],{"class":1591},[1585,2938,1798],{"class":1768},[1585,2940,2941],{"class":1591}," = ",[1585,2943,2435],{"class":1768},[1585,2945,1771],{"class":1591},[1585,2947,2948],{"class":1587,"line":1961},[1585,2949,1812],{"class":1591},[1585,2951,2952,2954,2956],{"class":1587,"line":1978},[1585,2953,1818],{"class":1591},[1585,2955,1559],{"class":1595},[1585,2957,1598],{"class":1591},[1585,2959,2960],{"class":1587,"line":1993},[1585,2961,1829],{"emptyLinePlaceholder":1828},[1585,2963,2964,2966,2968,2970,2972,2974,2977,2979],{"class":1587,"line":1999},[1585,2965,1630],{"class":1591},[1585,2967,1544],{"class":1595},[1585,2969,1610],{"class":1609},[1585,2971,1613],{"class":1591},[1585,2973,1616],{"class":1591},[1585,2975,2976],{"class":1619},"text-xs text-muted",[1585,2978,1616],{"class":1591},[1585,2980,1598],{"class":1591},[1585,2982,2983,2986,2988,2990,2992,2994,2996,2999,3001,3003,3006,3008,3010,3012],{"class":1587,"line":2009},[1585,2984,2985],{"class":1768},"      state = ",[1585,2987,1592],{"class":1591},[1585,2989,1585],{"class":1595},[1585,2991,1610],{"class":1609},[1585,2993,1613],{"class":1591},[1585,2995,1616],{"class":1591},[1585,2997,2998],{"class":1619},"font-medium",[1585,3000,1616],{"class":1591},[1585,3002,1892],{"class":1591},[1585,3004,3005],{"class":1768},"{{ state }}",[1585,3007,1664],{"class":1591},[1585,3009,1585],{"class":1595},[1585,3011,1892],{"class":1591},[1585,3013,3014],{"class":1768}," · rotation period\n",[1585,3016,3017],{"class":1587,"line":2017},[1585,3018,3019],{"class":1768},"      {{ period }}s\n",[1585,3021,3022,3024,3026],{"class":1587,"line":2031},[1585,3023,1818],{"class":1591},[1585,3025,1544],{"class":1595},[1585,3027,1598],{"class":1591},[1585,3029,3030,3032,3034],{"class":1587,"line":2048},[1585,3031,1654],{"class":1591},[1585,3033,1559],{"class":1595},[1585,3035,1598],{"class":1591},[1585,3037,3038,3040,3042],{"class":1587,"line":2062},[1585,3039,1664],{"class":1591},[1585,3041,1572],{"class":1595},[1585,3043,1598],{"class":1591},[1585,3045,3046],{"class":1587,"line":2067},[1585,3047,1829],{"emptyLinePlaceholder":1828},[1585,3049,3050,3052,3054,3056,3058,3060,3062,3064,3066],{"class":1587,"line":2076},[1585,3051,1592],{"class":1591},[1585,3053,2104],{"class":1595},[1585,3055,2107],{"class":1609},[1585,3057,2110],{"class":1609},[1585,3059,1613],{"class":1591},[1585,3061,1616],{"class":1591},[1585,3063,2117],{"class":1619},[1585,3065,1616],{"class":1591},[1585,3067,1598],{"class":1591},[1585,3069,3070,3072,3074,3076,3078,3080,3082,3084,3086],{"class":1587,"line":2085},[1585,3071,2127],{"class":1609},[1585,3073,2152],{"class":1768},[1585,3075,1613],{"class":1591},[1585,3077,2136],{"class":2135},[1585,3079,2139],{"class":1768},[1585,3081,2161],{"class":1591},[1585,3083,2164],{"class":1619},[1585,3085,2161],{"class":1591},[1585,3087,2144],{"class":1768},[1585,3089,3090,3092,3094,3096,3099,3101,3103,3105,3107,3109,3111,3113,3115,3117,3119,3121,3123,3125,3127,3129,3131,3133,3135,3137],{"class":1587,"line":2094},[1585,3091,2127],{"class":1609},[1585,3093,2181],{"class":1768},[1585,3095,1613],{"class":1591},[1585,3097,3098],{"class":1768}," [",[1585,3100,2161],{"class":1591},[1585,3102,2164],{"class":1619},[1585,3104,2161],{"class":1591},[1585,3106,2208],{"class":1591},[1585,3108,2201],{"class":1591},[1585,3110,2236],{"class":1619},[1585,3112,2161],{"class":1591},[1585,3114,2208],{"class":1591},[1585,3116,2201],{"class":1591},[1585,3118,2266],{"class":1619},[1585,3120,2161],{"class":1591},[1585,3122,2208],{"class":1591},[1585,3124,2201],{"class":1591},[1585,3126,2296],{"class":1619},[1585,3128,2161],{"class":1591},[1585,3130,2208],{"class":1591},[1585,3132,2201],{"class":1591},[1585,3134,2326],{"class":1619},[1585,3136,2161],{"class":1591},[1585,3138,2348],{"class":1768},[1585,3140,3141],{"class":1587,"line":2099},[1585,3142,1829],{"emptyLinePlaceholder":1828},[1585,3144,3145],{"class":1587,"line":2124},[1585,3146,3147],{"class":2359},"\u002F\u002F `thinking` runs the ambient gradient 2.4x faster than `idle`; every other\n",[1585,3149,3150],{"class":1587,"line":2147},[1585,3151,3152],{"class":2359},"\u002F\u002F state uses animationDuration as-is.\n",[1585,3154,3155,3157,3160,3162,3165,3167,3169],{"class":1587,"line":2171},[1585,3156,2127],{"class":1609},[1585,3158,3159],{"class":1768}," period ",[1585,3161,1613],{"class":1591},[1585,3163,3164],{"class":2135}," computed",[1585,3166,2139],{"class":1768},[1585,3168,2520],{"class":1591},[1585,3170,3171],{"class":1609}," =>\n",[1585,3173,3174,3177,3179,3182,3185,3187,3189,3191,3194,3197,3199,3202,3205,3208,3210,3213,3215,3217,3219,3221,3223,3225,3227],{"class":1587,"line":2176},[1585,3175,3176],{"class":1768},"  state",[1585,3178,2432],{"class":1591},[1585,3180,3181],{"class":1768},"value ",[1585,3183,3184],{"class":1591},"===",[1585,3186,2201],{"class":1591},[1585,3188,2266],{"class":1619},[1585,3190,2161],{"class":1591},[1585,3192,3193],{"class":1591}," ?",[1585,3195,3196],{"class":1768}," (",[1585,3198,2648],{"class":1938},[1585,3200,3201],{"class":1591}," \u002F",[1585,3203,3204],{"class":1938}," 2.4",[1585,3206,3207],{"class":1768},")",[1585,3209,2432],{"class":1591},[1585,3211,3212],{"class":2135},"toFixed",[1585,3214,2139],{"class":1768},[1585,3216,1956],{"class":1938},[1585,3218,2465],{"class":1768},[1585,3220,2198],{"class":1591},[1585,3222,2201],{"class":1591},[1585,3224,2648],{"class":1619},[1585,3226,2161],{"class":1591},[1585,3228,2616],{"class":1591},[1585,3230,3231],{"class":1587,"line":2189},[1585,3232,2144],{"class":1768},[1585,3234,3235,3237,3239],{"class":1587,"line":2225},[1585,3236,1664],{"class":1591},[1585,3238,2104],{"class":1595},[1585,3240,1598],{"class":1591},[1551,3242,3244],{"id":3243},"audio-amplitude","Audio amplitude",[1544,3246,3247,3248,3250,3251,3253,3254,3257],{},"Pass ",[1582,3249,1761],{}," to make the disc ripple to sound. A plain number is fine for a\nstatic level; for real microphone input pass the ",[1582,3252,2633],{}," from\n",[1582,3255,3256],{},"useAudioAmplitude"," so the animation runs on the motion thread rather than\nre-rendering your component sixty times a second.",[1555,3259,3260,3265],{"label":1557},[1559,3261,1566,3263],{"className":3262},[1562,1563,1564,1565],[1568,3264],{"name":1692},[1572,3266,3267],{"v-slot:code":1574},[1576,3268,3269],{"className":1578,"code":1697,"language":1580,"meta":1574,"style":1574},[1582,3270,3271,3279,3297,3315,3321,3335,3349,3363,3367,3375,3379,3397,3415,3441,3447,3459,3473,3487,3501,3513,3517,3525,3531,3543,3557,3569,3573,3581,3589,3597,3601,3621,3637,3657,3661,3671,3699,3727,3755,3783,3811,3815,3819,3823,3827,3837,3847,3861,3869,3917,3931,3935,3947,3961,3967,3981],{"__ignoreMap":1574},[1585,3272,3273,3275,3277],{"class":1587,"line":1588},[1585,3274,1592],{"class":1591},[1585,3276,1572],{"class":1595},[1585,3278,1598],{"class":1591},[1585,3280,3281,3283,3285,3287,3289,3291,3293,3295],{"class":1587,"line":1601},[1585,3282,1604],{"class":1591},[1585,3284,1559],{"class":1595},[1585,3286,1610],{"class":1609},[1585,3288,1613],{"class":1591},[1585,3290,1616],{"class":1591},[1585,3292,1722],{"class":1619},[1585,3294,1616],{"class":1591},[1585,3296,1598],{"class":1591},[1585,3298,3299,3301,3303,3305,3307,3309,3311,3313],{"class":1587,"line":1627},[1585,3300,1630],{"class":1591},[1585,3302,1559],{"class":1595},[1585,3304,1610],{"class":1609},[1585,3306,1613],{"class":1591},[1585,3308,1616],{"class":1591},[1585,3310,1741],{"class":1619},[1585,3312,1616],{"class":1591},[1585,3314,1598],{"class":1591},[1585,3316,3317,3319],{"class":1587,"line":1651},[1585,3318,1750],{"class":1591},[1585,3320,1753],{"class":1595},[1585,3322,3323,3325,3327,3329,3331,3333],{"class":1587,"line":1661},[1585,3324,1758],{"class":1591},[1585,3326,1761],{"class":1609},[1585,3328,1613],{"class":1591},[1585,3330,1616],{"class":1591},[1585,3332,1761],{"class":1768},[1585,3334,1771],{"class":1591},[1585,3336,3337,3339,3341,3343,3345,3347],{"class":1587,"line":1774},[1585,3338,1758],{"class":1591},[1585,3340,1779],{"class":1609},[1585,3342,1613],{"class":1591},[1585,3344,1784],{"class":1591},[1585,3346,1787],{"class":1619},[1585,3348,1790],{"class":1591},[1585,3350,3351,3353,3355,3357,3359,3361],{"class":1587,"line":1793},[1585,3352,1758],{"class":1591},[1585,3354,1798],{"class":1609},[1585,3356,1613],{"class":1591},[1585,3358,1616],{"class":1591},[1585,3360,1798],{"class":1768},[1585,3362,1771],{"class":1591},[1585,3364,3365],{"class":1587,"line":1809},[1585,3366,1812],{"class":1591},[1585,3368,3369,3371,3373],{"class":1587,"line":1815},[1585,3370,1818],{"class":1591},[1585,3372,1559],{"class":1595},[1585,3374,1598],{"class":1591},[1585,3376,3377],{"class":1587,"line":1825},[1585,3378,1829],{"emptyLinePlaceholder":1828},[1585,3380,3381,3383,3385,3387,3389,3391,3393,3395],{"class":1587,"line":1832},[1585,3382,1630],{"class":1591},[1585,3384,1559],{"class":1595},[1585,3386,1610],{"class":1609},[1585,3388,1613],{"class":1591},[1585,3390,1616],{"class":1591},[1585,3392,1845],{"class":1619},[1585,3394,1616],{"class":1591},[1585,3396,1598],{"class":1591},[1585,3398,3399,3401,3403,3405,3407,3409,3411,3413],{"class":1587,"line":1852},[1585,3400,1750],{"class":1591},[1585,3402,1857],{"class":1595},[1585,3404,1610],{"class":1609},[1585,3406,1613],{"class":1591},[1585,3408,1616],{"class":1591},[1585,3410,1866],{"class":1619},[1585,3412,1616],{"class":1591},[1585,3414,1598],{"class":1591},[1585,3416,3417,3419,3421,3423,3425,3427,3429,3431,3433,3435,3437,3439],{"class":1587,"line":1873},[1585,3418,1876],{"class":1591},[1585,3420,1585],{"class":1595},[1585,3422,1610],{"class":1609},[1585,3424,1613],{"class":1591},[1585,3426,1616],{"class":1591},[1585,3428,1887],{"class":1619},[1585,3430,1616],{"class":1591},[1585,3432,1892],{"class":1591},[1585,3434,1761],{"class":1768},[1585,3436,1664],{"class":1591},[1585,3438,1585],{"class":1595},[1585,3440,1598],{"class":1591},[1585,3442,3443,3445],{"class":1587,"line":1903},[1585,3444,1876],{"class":1591},[1585,3446,1908],{"class":1595},[1585,3448,3449,3451,3453,3455,3457],{"class":1587,"line":1911},[1585,3450,1914],{"class":1609},[1585,3452,1613],{"class":1591},[1585,3454,1616],{"class":1591},[1585,3456,1761],{"class":1768},[1585,3458,1771],{"class":1591},[1585,3460,3461,3463,3465,3467,3469,3471],{"class":1587,"line":1925},[1585,3462,1928],{"class":1591},[1585,3464,1931],{"class":1609},[1585,3466,1613],{"class":1591},[1585,3468,1616],{"class":1591},[1585,3470,1939],{"class":1938},[1585,3472,1771],{"class":1591},[1585,3474,3475,3477,3479,3481,3483,3485],{"class":1587,"line":1944},[1585,3476,1928],{"class":1591},[1585,3478,1949],{"class":1609},[1585,3480,1613],{"class":1591},[1585,3482,1616],{"class":1591},[1585,3484,1956],{"class":1938},[1585,3486,1771],{"class":1591},[1585,3488,3489,3491,3493,3495,3497,3499],{"class":1587,"line":1961},[1585,3490,1928],{"class":1591},[1585,3492,1966],{"class":1609},[1585,3494,1613],{"class":1591},[1585,3496,1616],{"class":1591},[1585,3498,1973],{"class":1938},[1585,3500,1771],{"class":1591},[1585,3502,3503,3505,3507,3509,3511],{"class":1587,"line":1978},[1585,3504,1981],{"class":1609},[1585,3506,1613],{"class":1591},[1585,3508,1616],{"class":1591},[1585,3510,1988],{"class":1619},[1585,3512,1771],{"class":1591},[1585,3514,3515],{"class":1587,"line":1993},[1585,3516,1996],{"class":1591},[1585,3518,3519,3521,3523],{"class":1587,"line":1999},[1585,3520,2002],{"class":1591},[1585,3522,1857],{"class":1595},[1585,3524,1598],{"class":1591},[1585,3526,3527,3529],{"class":1587,"line":2009},[1585,3528,1750],{"class":1591},[1585,3530,2014],{"class":1595},[1585,3532,3533,3535,3537,3539,3541],{"class":1587,"line":2017},[1585,3534,2020],{"class":1609},[1585,3536,1613],{"class":1591},[1585,3538,1616],{"class":1591},[1585,3540,1798],{"class":1768},[1585,3542,1771],{"class":1591},[1585,3544,3545,3547,3549,3551,3553,3555],{"class":1587,"line":2031},[1585,3546,1758],{"class":1591},[1585,3548,2036],{"class":1609},[1585,3550,1613],{"class":1591},[1585,3552,1616],{"class":1591},[1585,3554,2043],{"class":1768},[1585,3556,1771],{"class":1591},[1585,3558,3559,3561,3563,3565,3567],{"class":1587,"line":2048},[1585,3560,2051],{"class":1609},[1585,3562,1613],{"class":1591},[1585,3564,1616],{"class":1591},[1585,3566,1564],{"class":1619},[1585,3568,1771],{"class":1591},[1585,3570,3571],{"class":1587,"line":2062},[1585,3572,1812],{"class":1591},[1585,3574,3575,3577,3579],{"class":1587,"line":2067},[1585,3576,1818],{"class":1591},[1585,3578,1559],{"class":1595},[1585,3580,1598],{"class":1591},[1585,3582,3583,3585,3587],{"class":1587,"line":2076},[1585,3584,1654],{"class":1591},[1585,3586,1559],{"class":1595},[1585,3588,1598],{"class":1591},[1585,3590,3591,3593,3595],{"class":1587,"line":2085},[1585,3592,1664],{"class":1591},[1585,3594,1572],{"class":1595},[1585,3596,1598],{"class":1591},[1585,3598,3599],{"class":1587,"line":2094},[1585,3600,1829],{"emptyLinePlaceholder":1828},[1585,3602,3603,3605,3607,3609,3611,3613,3615,3617,3619],{"class":1587,"line":2099},[1585,3604,1592],{"class":1591},[1585,3606,2104],{"class":1595},[1585,3608,2107],{"class":1609},[1585,3610,2110],{"class":1609},[1585,3612,1613],{"class":1591},[1585,3614,1616],{"class":1591},[1585,3616,2117],{"class":1619},[1585,3618,1616],{"class":1591},[1585,3620,1598],{"class":1591},[1585,3622,3623,3625,3627,3629,3631,3633,3635],{"class":1587,"line":2124},[1585,3624,2127],{"class":1609},[1585,3626,2130],{"class":1768},[1585,3628,1613],{"class":1591},[1585,3630,2136],{"class":2135},[1585,3632,2139],{"class":1768},[1585,3634,1939],{"class":1938},[1585,3636,2144],{"class":1768},[1585,3638,3639,3641,3643,3645,3647,3649,3651,3653,3655],{"class":1587,"line":2147},[1585,3640,2127],{"class":1609},[1585,3642,2152],{"class":1768},[1585,3644,1613],{"class":1591},[1585,3646,2136],{"class":2135},[1585,3648,2139],{"class":1768},[1585,3650,2161],{"class":1591},[1585,3652,2164],{"class":1619},[1585,3654,2161],{"class":1591},[1585,3656,2144],{"class":1768},[1585,3658,3659],{"class":1587,"line":2171},[1585,3660,1829],{"emptyLinePlaceholder":1828},[1585,3662,3663,3665,3667,3669],{"class":1587,"line":2176},[1585,3664,2127],{"class":1609},[1585,3666,2181],{"class":1768},[1585,3668,1613],{"class":1591},[1585,3670,2186],{"class":1768},[1585,3672,3673,3675,3677,3679,3681,3683,3685,3687,3689,3691,3693,3695,3697],{"class":1587,"line":2189},[1585,3674,2192],{"class":1591},[1585,3676,2195],{"class":1595},[1585,3678,2198],{"class":1591},[1585,3680,2201],{"class":1591},[1585,3682,2164],{"class":1619},[1585,3684,2161],{"class":1591},[1585,3686,2208],{"class":1591},[1585,3688,2211],{"class":1595},[1585,3690,2198],{"class":1591},[1585,3692,2201],{"class":1591},[1585,3694,2164],{"class":1619},[1585,3696,2161],{"class":1591},[1585,3698,2222],{"class":1591},[1585,3700,3701,3703,3705,3707,3709,3711,3713,3715,3717,3719,3721,3723,3725],{"class":1587,"line":2225},[1585,3702,2192],{"class":1591},[1585,3704,2195],{"class":1595},[1585,3706,2198],{"class":1591},[1585,3708,2201],{"class":1591},[1585,3710,2236],{"class":1619},[1585,3712,2161],{"class":1591},[1585,3714,2208],{"class":1591},[1585,3716,2211],{"class":1595},[1585,3718,2198],{"class":1591},[1585,3720,2201],{"class":1591},[1585,3722,2236],{"class":1619},[1585,3724,2161],{"class":1591},[1585,3726,2222],{"class":1591},[1585,3728,3729,3731,3733,3735,3737,3739,3741,3743,3745,3747,3749,3751,3753],{"class":1587,"line":2255},[1585,3730,2192],{"class":1591},[1585,3732,2195],{"class":1595},[1585,3734,2198],{"class":1591},[1585,3736,2201],{"class":1591},[1585,3738,2266],{"class":1619},[1585,3740,2161],{"class":1591},[1585,3742,2208],{"class":1591},[1585,3744,2211],{"class":1595},[1585,3746,2198],{"class":1591},[1585,3748,2201],{"class":1591},[1585,3750,2266],{"class":1619},[1585,3752,2161],{"class":1591},[1585,3754,2222],{"class":1591},[1585,3756,3757,3759,3761,3763,3765,3767,3769,3771,3773,3775,3777,3779,3781],{"class":1587,"line":2285},[1585,3758,2192],{"class":1591},[1585,3760,2195],{"class":1595},[1585,3762,2198],{"class":1591},[1585,3764,2201],{"class":1591},[1585,3766,2296],{"class":1619},[1585,3768,2161],{"class":1591},[1585,3770,2208],{"class":1591},[1585,3772,2211],{"class":1595},[1585,3774,2198],{"class":1591},[1585,3776,2201],{"class":1591},[1585,3778,2296],{"class":1619},[1585,3780,2161],{"class":1591},[1585,3782,2222],{"class":1591},[1585,3784,3785,3787,3789,3791,3793,3795,3797,3799,3801,3803,3805,3807,3809],{"class":1587,"line":2315},[1585,3786,2192],{"class":1591},[1585,3788,2195],{"class":1595},[1585,3790,2198],{"class":1591},[1585,3792,2201],{"class":1591},[1585,3794,2326],{"class":1619},[1585,3796,2161],{"class":1591},[1585,3798,2208],{"class":1591},[1585,3800,2211],{"class":1595},[1585,3802,2198],{"class":1591},[1585,3804,2201],{"class":1591},[1585,3806,2326],{"class":1619},[1585,3808,2161],{"class":1591},[1585,3810,2222],{"class":1591},[1585,3812,3813],{"class":1587,"line":2345},[1585,3814,2348],{"class":1768},[1585,3816,3817],{"class":1587,"line":2351},[1585,3818,1829],{"emptyLinePlaceholder":1828},[1585,3820,3821],{"class":1587,"line":2356},[1585,3822,2360],{"class":2359},[1585,3824,3825],{"class":1587,"line":2363},[1585,3826,2366],{"class":2359},[1585,3828,3829,3831,3833,3835],{"class":1587,"line":2369},[1585,3830,2372],{"class":1609},[1585,3832,2375],{"class":1768},[1585,3834,1613],{"class":1591},[1585,3836,2380],{"class":1938},[1585,3838,3839,3841,3843,3845],{"class":1587,"line":2383},[1585,3840,2372],{"class":1609},[1585,3842,2388],{"class":1768},[1585,3844,1613],{"class":1591},[1585,3846,2380],{"class":1938},[1585,3848,3849,3851,3853,3855,3857,3859],{"class":1587,"line":2395},[1585,3850,2127],{"class":1609},[1585,3852,2400],{"class":1768},[1585,3854,1613],{"class":1591},[1585,3856,2405],{"class":1591},[1585,3858,2408],{"class":1609},[1585,3860,2411],{"class":1591},[1585,3862,3863,3865,3867],{"class":1587,"line":2414},[1585,3864,2417],{"class":1768},[1585,3866,2420],{"class":1591},[1585,3868,2423],{"class":1938},[1585,3870,3871,3873,3875,3877,3879,3881,3883,3885,3887,3889,3891,3893,3895,3897,3899,3901,3903,3905,3907,3909,3911,3913,3915],{"class":1587,"line":2426},[1585,3872,2429],{"class":1768},[1585,3874,2432],{"class":1591},[1585,3876,2435],{"class":1768},[1585,3878,2438],{"class":1591},[1585,3880,2441],{"class":1938},[1585,3882,2444],{"class":1591},[1585,3884,2441],{"class":1938},[1585,3886,2449],{"class":1591},[1585,3888,2452],{"class":1768},[1585,3890,2432],{"class":1591},[1585,3892,2457],{"class":2135},[1585,3894,2139],{"class":1595},[1585,3896,2462],{"class":1768},[1585,3898,2465],{"class":1595},[1585,3900,2468],{"class":1591},[1585,3902,2452],{"class":1768},[1585,3904,2432],{"class":1591},[1585,3906,2457],{"class":2135},[1585,3908,2139],{"class":1595},[1585,3910,2462],{"class":1768},[1585,3912,2449],{"class":1591},[1585,3914,2483],{"class":1938},[1585,3916,2144],{"class":1595},[1585,3918,3919,3921,3923,3925,3927,3929],{"class":1587,"line":2488},[1585,3920,2491],{"class":1768},[1585,3922,2438],{"class":1591},[1585,3924,2496],{"class":2135},[1585,3926,2139],{"class":1595},[1585,3928,2501],{"class":1768},[1585,3930,2144],{"class":1595},[1585,3932,3933],{"class":1587,"line":2506},[1585,3934,2509],{"class":1591},[1585,3936,3937,3939,3941,3943,3945],{"class":1587,"line":2512},[1585,3938,2515],{"class":2135},[1585,3940,2139],{"class":1768},[1585,3942,2520],{"class":1591},[1585,3944,2408],{"class":1609},[1585,3946,2411],{"class":1591},[1585,3948,3949,3951,3953,3955,3957,3959],{"class":1587,"line":2527},[1585,3950,2491],{"class":1768},[1585,3952,2438],{"class":1591},[1585,3954,2496],{"class":2135},[1585,3956,2139],{"class":1595},[1585,3958,2501],{"class":1768},[1585,3960,2144],{"class":1595},[1585,3962,3963,3965],{"class":1587,"line":2542},[1585,3964,2545],{"class":1591},[1585,3966,2144],{"class":1768},[1585,3968,3969,3971,3973,3975,3977,3979],{"class":1587,"line":2550},[1585,3970,2553],{"class":2135},[1585,3972,2139],{"class":1768},[1585,3974,2520],{"class":1591},[1585,3976,2408],{"class":1609},[1585,3978,2562],{"class":2135},[1585,3980,2565],{"class":1768},[1585,3982,3983,3985,3987],{"class":1587,"line":2568},[1585,3984,1664],{"class":1591},[1585,3986,2104],{"class":1595},[1585,3988,1598],{"class":1591},[1544,3990,3991],{},"In a chat row the orb is usually a small inline presence indicator:",[1555,3993,3994,4000],{"label":1557},[1559,3995,1566,3997],{"className":3996},[1562,1563,1564,1565],[1568,3998],{"name":3999},"siri-orb-voice-row",[1572,4001,4002],{"v-slot:code":1574},[1576,4003,4005],{"className":1578,"code":4004,"language":1580,"meta":1574,"style":1574},"\u003Ctemplate>\n  \u003Cdiv class=\"w-full max-w-md rounded-xl bg-black\u002F5 p-6\">\n    \u003Cdiv class=\"flex items-center gap-4\">\n      \u003CMSiriOrb\n        :amplitude=\"level\"\n        :size=\"'56px'\"\n        state=\"listening\"\n      \u002F>\n      \u003Cdiv class=\"flex flex-col gap-1\">\n        \u003Cspan class=\"text-sm font-medium text-highlighted\">\n          Hey, how can I help?\n        \u003C\u002Fspan>\n        \u003Cspan class=\"text-xs text-muted\">Listening…\u003C\u002Fspan>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\n\u002F\u002F In a real app, `level` is a MotionValue\u003Cnumber> from `useAudioAmplitude`.\n\u002F\u002F The orb reads it through `useTransform`, so a 60Hz audio stream animates on\n\u002F\u002F the motion thread instead of costing 60 component updates per second.\nconst level = ref(0)\n\nlet raf = 0\nlet t = 0\nconst tick = () => {\n  t += 0.03\n  level.value = 0.35 + 0.4 * Math.abs(Math.sin(t) * Math.cos(t * 0.6))\n  raf = requestAnimationFrame(tick)\n}\nonMounted(() => {\n  raf = requestAnimationFrame(tick)\n})\nonBeforeUnmount(() => cancelAnimationFrame(raf))\n\u003C\u002Fscript>\n",[1582,4006,4007,4015,4034,4053,4059,4074,4089,4102,4106,4125,4144,4149,4158,4185,4193,4201,4209,4217,4221,4241,4246,4251,4256,4273,4277,4287,4297,4311,4320,4384,4398,4402,4414,4428,4434,4448],{"__ignoreMap":1574},[1585,4008,4009,4011,4013],{"class":1587,"line":1588},[1585,4010,1592],{"class":1591},[1585,4012,1572],{"class":1595},[1585,4014,1598],{"class":1591},[1585,4016,4017,4019,4021,4023,4025,4027,4030,4032],{"class":1587,"line":1601},[1585,4018,1604],{"class":1591},[1585,4020,1559],{"class":1595},[1585,4022,1610],{"class":1609},[1585,4024,1613],{"class":1591},[1585,4026,1616],{"class":1591},[1585,4028,4029],{"class":1619},"w-full max-w-md rounded-xl bg-black\u002F5 p-6",[1585,4031,1616],{"class":1591},[1585,4033,1598],{"class":1591},[1585,4035,4036,4038,4040,4042,4044,4046,4049,4051],{"class":1587,"line":1627},[1585,4037,1630],{"class":1591},[1585,4039,1559],{"class":1595},[1585,4041,1610],{"class":1609},[1585,4043,1613],{"class":1591},[1585,4045,1616],{"class":1591},[1585,4047,4048],{"class":1619},"flex items-center gap-4",[1585,4050,1616],{"class":1591},[1585,4052,1598],{"class":1591},[1585,4054,4055,4057],{"class":1587,"line":1651},[1585,4056,1750],{"class":1591},[1585,4058,1753],{"class":1595},[1585,4060,4061,4063,4065,4067,4069,4072],{"class":1587,"line":1661},[1585,4062,1758],{"class":1591},[1585,4064,1761],{"class":1609},[1585,4066,1613],{"class":1591},[1585,4068,1616],{"class":1591},[1585,4070,4071],{"class":1768},"level",[1585,4073,1771],{"class":1591},[1585,4075,4076,4078,4080,4082,4084,4087],{"class":1587,"line":1774},[1585,4077,1758],{"class":1591},[1585,4079,1779],{"class":1609},[1585,4081,1613],{"class":1591},[1585,4083,1784],{"class":1591},[1585,4085,4086],{"class":1619},"56px",[1585,4088,1790],{"class":1591},[1585,4090,4091,4094,4096,4098,4100],{"class":1587,"line":1793},[1585,4092,4093],{"class":1609},"        state",[1585,4095,1613],{"class":1591},[1585,4097,1616],{"class":1591},[1585,4099,2236],{"class":1619},[1585,4101,1771],{"class":1591},[1585,4103,4104],{"class":1587,"line":1809},[1585,4105,1812],{"class":1591},[1585,4107,4108,4110,4112,4114,4116,4118,4121,4123],{"class":1587,"line":1815},[1585,4109,1750],{"class":1591},[1585,4111,1559],{"class":1595},[1585,4113,1610],{"class":1609},[1585,4115,1613],{"class":1591},[1585,4117,1616],{"class":1591},[1585,4119,4120],{"class":1619},"flex flex-col gap-1",[1585,4122,1616],{"class":1591},[1585,4124,1598],{"class":1591},[1585,4126,4127,4129,4131,4133,4135,4137,4140,4142],{"class":1587,"line":1825},[1585,4128,1876],{"class":1591},[1585,4130,1585],{"class":1595},[1585,4132,1610],{"class":1609},[1585,4134,1613],{"class":1591},[1585,4136,1616],{"class":1591},[1585,4138,4139],{"class":1619},"text-sm font-medium text-highlighted",[1585,4141,1616],{"class":1591},[1585,4143,1598],{"class":1591},[1585,4145,4146],{"class":1587,"line":1832},[1585,4147,4148],{"class":1768},"          Hey, how can I help?\n",[1585,4150,4151,4154,4156],{"class":1587,"line":1852},[1585,4152,4153],{"class":1591},"        \u003C\u002F",[1585,4155,1585],{"class":1595},[1585,4157,1598],{"class":1591},[1585,4159,4160,4162,4164,4166,4168,4170,4172,4174,4176,4179,4181,4183],{"class":1587,"line":1873},[1585,4161,1876],{"class":1591},[1585,4163,1585],{"class":1595},[1585,4165,1610],{"class":1609},[1585,4167,1613],{"class":1591},[1585,4169,1616],{"class":1591},[1585,4171,2976],{"class":1619},[1585,4173,1616],{"class":1591},[1585,4175,1892],{"class":1591},[1585,4177,4178],{"class":1768},"Listening…",[1585,4180,1664],{"class":1591},[1585,4182,1585],{"class":1595},[1585,4184,1598],{"class":1591},[1585,4186,4187,4189,4191],{"class":1587,"line":1903},[1585,4188,2002],{"class":1591},[1585,4190,1559],{"class":1595},[1585,4192,1598],{"class":1591},[1585,4194,4195,4197,4199],{"class":1587,"line":1911},[1585,4196,1818],{"class":1591},[1585,4198,1559],{"class":1595},[1585,4200,1598],{"class":1591},[1585,4202,4203,4205,4207],{"class":1587,"line":1925},[1585,4204,1654],{"class":1591},[1585,4206,1559],{"class":1595},[1585,4208,1598],{"class":1591},[1585,4210,4211,4213,4215],{"class":1587,"line":1944},[1585,4212,1664],{"class":1591},[1585,4214,1572],{"class":1595},[1585,4216,1598],{"class":1591},[1585,4218,4219],{"class":1587,"line":1961},[1585,4220,1829],{"emptyLinePlaceholder":1828},[1585,4222,4223,4225,4227,4229,4231,4233,4235,4237,4239],{"class":1587,"line":1978},[1585,4224,1592],{"class":1591},[1585,4226,2104],{"class":1595},[1585,4228,2107],{"class":1609},[1585,4230,2110],{"class":1609},[1585,4232,1613],{"class":1591},[1585,4234,1616],{"class":1591},[1585,4236,2117],{"class":1619},[1585,4238,1616],{"class":1591},[1585,4240,1598],{"class":1591},[1585,4242,4243],{"class":1587,"line":1993},[1585,4244,4245],{"class":2359},"\u002F\u002F In a real app, `level` is a MotionValue\u003Cnumber> from `useAudioAmplitude`.\n",[1585,4247,4248],{"class":1587,"line":1999},[1585,4249,4250],{"class":2359},"\u002F\u002F The orb reads it through `useTransform`, so a 60Hz audio stream animates on\n",[1585,4252,4253],{"class":1587,"line":2009},[1585,4254,4255],{"class":2359},"\u002F\u002F the motion thread instead of costing 60 component updates per second.\n",[1585,4257,4258,4260,4263,4265,4267,4269,4271],{"class":1587,"line":2017},[1585,4259,2127],{"class":1609},[1585,4261,4262],{"class":1768}," level ",[1585,4264,1613],{"class":1591},[1585,4266,2136],{"class":2135},[1585,4268,2139],{"class":1768},[1585,4270,1939],{"class":1938},[1585,4272,2144],{"class":1768},[1585,4274,4275],{"class":1587,"line":2031},[1585,4276,1829],{"emptyLinePlaceholder":1828},[1585,4278,4279,4281,4283,4285],{"class":1587,"line":2048},[1585,4280,2372],{"class":1609},[1585,4282,2375],{"class":1768},[1585,4284,1613],{"class":1591},[1585,4286,2380],{"class":1938},[1585,4288,4289,4291,4293,4295],{"class":1587,"line":2062},[1585,4290,2372],{"class":1609},[1585,4292,2388],{"class":1768},[1585,4294,1613],{"class":1591},[1585,4296,2380],{"class":1938},[1585,4298,4299,4301,4303,4305,4307,4309],{"class":1587,"line":2067},[1585,4300,2127],{"class":1609},[1585,4302,2400],{"class":1768},[1585,4304,1613],{"class":1591},[1585,4306,2405],{"class":1591},[1585,4308,2408],{"class":1609},[1585,4310,2411],{"class":1591},[1585,4312,4313,4315,4317],{"class":1587,"line":2076},[1585,4314,2417],{"class":1768},[1585,4316,2420],{"class":1591},[1585,4318,4319],{"class":1938}," 0.03\n",[1585,4321,4322,4325,4327,4329,4331,4334,4336,4339,4341,4343,4345,4348,4350,4353,4355,4357,4359,4361,4363,4365,4367,4369,4372,4374,4376,4378,4381],{"class":1587,"line":2085},[1585,4323,4324],{"class":1768},"  level",[1585,4326,2432],{"class":1591},[1585,4328,2435],{"class":1768},[1585,4330,2438],{"class":1591},[1585,4332,4333],{"class":1938}," 0.35",[1585,4335,2444],{"class":1591},[1585,4337,4338],{"class":1938}," 0.4",[1585,4340,2449],{"class":1591},[1585,4342,2452],{"class":1768},[1585,4344,2432],{"class":1591},[1585,4346,4347],{"class":2135},"abs",[1585,4349,2139],{"class":1595},[1585,4351,4352],{"class":1768},"Math",[1585,4354,2432],{"class":1591},[1585,4356,2457],{"class":2135},[1585,4358,2139],{"class":1595},[1585,4360,2462],{"class":1768},[1585,4362,2465],{"class":1595},[1585,4364,2468],{"class":1591},[1585,4366,2452],{"class":1768},[1585,4368,2432],{"class":1591},[1585,4370,4371],{"class":2135},"cos",[1585,4373,2139],{"class":1595},[1585,4375,2462],{"class":1768},[1585,4377,2449],{"class":1591},[1585,4379,4380],{"class":1938}," 0.6",[1585,4382,4383],{"class":1595},"))\n",[1585,4385,4386,4388,4390,4392,4394,4396],{"class":1587,"line":2094},[1585,4387,2491],{"class":1768},[1585,4389,2438],{"class":1591},[1585,4391,2496],{"class":2135},[1585,4393,2139],{"class":1595},[1585,4395,2501],{"class":1768},[1585,4397,2144],{"class":1595},[1585,4399,4400],{"class":1587,"line":2099},[1585,4401,2509],{"class":1591},[1585,4403,4404,4406,4408,4410,4412],{"class":1587,"line":2124},[1585,4405,2515],{"class":2135},[1585,4407,2139],{"class":1768},[1585,4409,2520],{"class":1591},[1585,4411,2408],{"class":1609},[1585,4413,2411],{"class":1591},[1585,4415,4416,4418,4420,4422,4424,4426],{"class":1587,"line":2147},[1585,4417,2491],{"class":1768},[1585,4419,2438],{"class":1591},[1585,4421,2496],{"class":2135},[1585,4423,2139],{"class":1595},[1585,4425,2501],{"class":1768},[1585,4427,2144],{"class":1595},[1585,4429,4430,4432],{"class":1587,"line":2171},[1585,4431,2545],{"class":1591},[1585,4433,2144],{"class":1768},[1585,4435,4436,4438,4440,4442,4444,4446],{"class":1587,"line":2176},[1585,4437,2553],{"class":2135},[1585,4439,2139],{"class":1768},[1585,4441,2520],{"class":1591},[1585,4443,2408],{"class":1609},[1585,4445,2562],{"class":2135},[1585,4447,2565],{"class":1768},[1585,4449,4450,4452,4454],{"class":1587,"line":2189},[1585,4451,1664],{"class":1591},[1585,4453,2104],{"class":1595},[1585,4455,1598],{"class":1591},[1551,4457,4459],{"id":4458},"sizes","Sizes",[1544,4461,4462,4464,4465,2616,4468,4471,4472,4475],{},[1582,4463,1779],{}," is the only scale control, and it is a CSS length string — so ",[1582,4466,4467],{},"'56px'",[1582,4469,4470],{},"'4rem'"," and ",[1582,4473,4474],{},"'clamp(48px, 12vw, 160px)'"," all work.",[1555,4477,4478,4484],{"label":1557},[1559,4479,1566,4481],{"className":4480},[1562,1563,1564,1565],[1568,4482],{"name":4483},"siri-orb-sizes",[1572,4485,4486],{"v-slot:code":1574},[1576,4487,4489],{"className":1578,"code":4488,"language":1580,"meta":1574,"style":1574},"\u003Ctemplate>\n  \u003Cdiv class=\"flex flex-col gap-6\">\n    \u003Cdiv class=\"flex flex-wrap items-center justify-center gap-8\">\n      \u003Cdiv\n        v-for=\"size in sizes\"\n        :key=\"size\"\n        class=\"flex flex-col items-center gap-2\"\n      >\n        \u003CMSiriOrb\n          :size=\"size\"\n          state=\"speaking\"\n        \u002F>\n        \u003Cspan class=\"text-xs text-muted\">{{ size }}\u003C\u002Fspan>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n\n    \u003Cp class=\"text-center text-xs text-muted\">\n      Blur, contrast, dot size, rim and mask radius all derive from\n      \u003Ccode>size\u003C\u002Fcode> — there is no separate scale prop to keep in sync.\n    \u003C\u002Fp>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nconst sizes = ['72px', '120px', '200px']\n\u003C\u002Fscript>\n",[1582,4490,4491,4499,4518,4537,4544,4557,4570,4583,4588,4594,4608,4621,4625,4652,4660,4668,4672,4691,4696,4715,4723,4731,4739,4743,4763,4800],{"__ignoreMap":1574},[1585,4492,4493,4495,4497],{"class":1587,"line":1588},[1585,4494,1592],{"class":1591},[1585,4496,1572],{"class":1595},[1585,4498,1598],{"class":1591},[1585,4500,4501,4503,4505,4507,4509,4511,4514,4516],{"class":1587,"line":1601},[1585,4502,1604],{"class":1591},[1585,4504,1559],{"class":1595},[1585,4506,1610],{"class":1609},[1585,4508,1613],{"class":1591},[1585,4510,1616],{"class":1591},[1585,4512,4513],{"class":1619},"flex flex-col gap-6",[1585,4515,1616],{"class":1591},[1585,4517,1598],{"class":1591},[1585,4519,4520,4522,4524,4526,4528,4530,4533,4535],{"class":1587,"line":1627},[1585,4521,1630],{"class":1591},[1585,4523,1559],{"class":1595},[1585,4525,1610],{"class":1609},[1585,4527,1613],{"class":1591},[1585,4529,1616],{"class":1591},[1585,4531,4532],{"class":1619},"flex flex-wrap items-center justify-center gap-8",[1585,4534,1616],{"class":1591},[1585,4536,1598],{"class":1591},[1585,4538,4539,4541],{"class":1587,"line":1651},[1585,4540,1750],{"class":1591},[1585,4542,4543],{"class":1595},"div\n",[1585,4545,4546,4548,4550,4552,4555],{"class":1587,"line":1661},[1585,4547,2809],{"class":1609},[1585,4549,1613],{"class":1591},[1585,4551,1616],{"class":1591},[1585,4553,4554],{"class":1619},"size in sizes",[1585,4556,1771],{"class":1591},[1585,4558,4559,4562,4564,4566,4568],{"class":1587,"line":1774},[1585,4560,4561],{"class":1609},"        :key",[1585,4563,1613],{"class":1591},[1585,4565,1616],{"class":1591},[1585,4567,1779],{"class":1619},[1585,4569,1771],{"class":1591},[1585,4571,4572,4574,4576,4578,4581],{"class":1587,"line":1793},[1585,4573,2051],{"class":1609},[1585,4575,1613],{"class":1591},[1585,4577,1616],{"class":1591},[1585,4579,4580],{"class":1619},"flex flex-col items-center gap-2",[1585,4582,1771],{"class":1591},[1585,4584,4585],{"class":1587,"line":1809},[1585,4586,4587],{"class":1591},"      >\n",[1585,4589,4590,4592],{"class":1587,"line":1815},[1585,4591,1876],{"class":1591},[1585,4593,1753],{"class":1595},[1585,4595,4596,4598,4600,4602,4604,4606],{"class":1587,"line":1825},[1585,4597,1928],{"class":1591},[1585,4599,1779],{"class":1609},[1585,4601,1613],{"class":1591},[1585,4603,1616],{"class":1591},[1585,4605,1779],{"class":1768},[1585,4607,1771],{"class":1591},[1585,4609,4610,4613,4615,4617,4619],{"class":1587,"line":1832},[1585,4611,4612],{"class":1609},"          state",[1585,4614,1613],{"class":1591},[1585,4616,1616],{"class":1591},[1585,4618,2296],{"class":1619},[1585,4620,1771],{"class":1591},[1585,4622,4623],{"class":1587,"line":1852},[1585,4624,1996],{"class":1591},[1585,4626,4627,4629,4631,4633,4635,4637,4639,4641,4643,4646,4648,4650],{"class":1587,"line":1873},[1585,4628,1876],{"class":1591},[1585,4630,1585],{"class":1595},[1585,4632,1610],{"class":1609},[1585,4634,1613],{"class":1591},[1585,4636,1616],{"class":1591},[1585,4638,2976],{"class":1619},[1585,4640,1616],{"class":1591},[1585,4642,1892],{"class":1591},[1585,4644,4645],{"class":1768},"{{ size }}",[1585,4647,1664],{"class":1591},[1585,4649,1585],{"class":1595},[1585,4651,1598],{"class":1591},[1585,4653,4654,4656,4658],{"class":1587,"line":1903},[1585,4655,2002],{"class":1591},[1585,4657,1559],{"class":1595},[1585,4659,1598],{"class":1591},[1585,4661,4662,4664,4666],{"class":1587,"line":1911},[1585,4663,1818],{"class":1591},[1585,4665,1559],{"class":1595},[1585,4667,1598],{"class":1591},[1585,4669,4670],{"class":1587,"line":1925},[1585,4671,1829],{"emptyLinePlaceholder":1828},[1585,4673,4674,4676,4678,4680,4682,4684,4687,4689],{"class":1587,"line":1944},[1585,4675,1630],{"class":1591},[1585,4677,1544],{"class":1595},[1585,4679,1610],{"class":1609},[1585,4681,1613],{"class":1591},[1585,4683,1616],{"class":1591},[1585,4685,4686],{"class":1619},"text-center text-xs text-muted",[1585,4688,1616],{"class":1591},[1585,4690,1598],{"class":1591},[1585,4692,4693],{"class":1587,"line":1961},[1585,4694,4695],{"class":1768},"      Blur, contrast, dot size, rim and mask radius all derive from\n",[1585,4697,4698,4700,4702,4704,4706,4708,4710,4712],{"class":1587,"line":1978},[1585,4699,1750],{"class":1591},[1585,4701,1582],{"class":1595},[1585,4703,1892],{"class":1591},[1585,4705,1779],{"class":1768},[1585,4707,1664],{"class":1591},[1585,4709,1582],{"class":1595},[1585,4711,1892],{"class":1591},[1585,4713,4714],{"class":1768}," — there is no separate scale prop to keep in sync.\n",[1585,4716,4717,4719,4721],{"class":1587,"line":1993},[1585,4718,1818],{"class":1591},[1585,4720,1544],{"class":1595},[1585,4722,1598],{"class":1591},[1585,4724,4725,4727,4729],{"class":1587,"line":1999},[1585,4726,1654],{"class":1591},[1585,4728,1559],{"class":1595},[1585,4730,1598],{"class":1591},[1585,4732,4733,4735,4737],{"class":1587,"line":2009},[1585,4734,1664],{"class":1591},[1585,4736,1572],{"class":1595},[1585,4738,1598],{"class":1591},[1585,4740,4741],{"class":1587,"line":2017},[1585,4742,1829],{"emptyLinePlaceholder":1828},[1585,4744,4745,4747,4749,4751,4753,4755,4757,4759,4761],{"class":1587,"line":2031},[1585,4746,1592],{"class":1591},[1585,4748,2104],{"class":1595},[1585,4750,2107],{"class":1609},[1585,4752,2110],{"class":1609},[1585,4754,1613],{"class":1591},[1585,4756,1616],{"class":1591},[1585,4758,2117],{"class":1619},[1585,4760,1616],{"class":1591},[1585,4762,1598],{"class":1591},[1585,4764,4765,4767,4770,4772,4774,4776,4779,4781,4783,4785,4787,4789,4791,4793,4796,4798],{"class":1587,"line":2048},[1585,4766,2127],{"class":1609},[1585,4768,4769],{"class":1768}," sizes ",[1585,4771,1613],{"class":1591},[1585,4773,3098],{"class":1768},[1585,4775,2161],{"class":1591},[1585,4777,4778],{"class":1619},"72px",[1585,4780,2161],{"class":1591},[1585,4782,2208],{"class":1591},[1585,4784,2201],{"class":1591},[1585,4786,2759],{"class":1619},[1585,4788,2161],{"class":1591},[1585,4790,2208],{"class":1591},[1585,4792,2201],{"class":1591},[1585,4794,4795],{"class":1619},"200px",[1585,4797,2161],{"class":1591},[1585,4799,2348],{"class":1768},[1585,4801,4802,4804,4806],{"class":1587,"line":2062},[1585,4803,1664],{"class":1591},[1585,4805,2104],{"class":1595},[1585,4807,1598],{"class":1591},[1551,4809,4810],{"id":2637},"Colors",[1544,4812,4813,4815],{},[1582,4814,2637],{}," is merged, not replaced — pass only the channels you want to change.",[1555,4817,4818,4824],{"label":1557},[1559,4819,1566,4821],{"className":4820},[1562,1563,1564,1565],[1568,4822],{"name":4823},"siri-orb-colors",[1572,4825,4826],{"v-slot:code":1574},[1576,4827,4829],{"className":1578,"code":4828,"language":1580,"meta":1574,"style":1574},"\u003Ctemplate>\n  \u003Cdiv class=\"flex flex-wrap items-center justify-center gap-8\">\n    \u003Cdiv\n      v-for=\"preset in presets\"\n      :key=\"preset.name\"\n      class=\"flex flex-col items-center gap-2\"\n    >\n      \u003CMSiriOrb\n        :colors=\"preset.colors\"\n        size=\"120px\"\n      \u002F>\n      \u003Cspan class=\"text-xs text-muted\">{{ preset.name }}\u003C\u002Fspan>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\n\u002F\u002F Partial palettes: any channel you leave out keeps the component default.\nconst presets = [\n  { name: 'default', colors: undefined },\n  { name: 'ember', colors: { c1: '#ff9d4d', c2: '#ff4d2e', c3: '#ffd18a' } },\n  { name: 'mint', colors: { c1: '#6ee7c8', c2: '#22d3ee', c3: '#a7f3d0' } },\n  { name: 'violet', colors: { c1: '#c4b5fd', c2: '#8b5cf6', c3: '#f0abfc' } },\n]\n\u003C\u002Fscript>\n",[1582,4830,4831,4839,4857,4863,4877,4891,4904,4909,4915,4934,4946,4950,4977,4985,4993,5001,5005,5025,5030,5041,5069,5138,5202,5266,5270],{"__ignoreMap":1574},[1585,4832,4833,4835,4837],{"class":1587,"line":1588},[1585,4834,1592],{"class":1591},[1585,4836,1572],{"class":1595},[1585,4838,1598],{"class":1591},[1585,4840,4841,4843,4845,4847,4849,4851,4853,4855],{"class":1587,"line":1601},[1585,4842,1604],{"class":1591},[1585,4844,1559],{"class":1595},[1585,4846,1610],{"class":1609},[1585,4848,1613],{"class":1591},[1585,4850,1616],{"class":1591},[1585,4852,4532],{"class":1619},[1585,4854,1616],{"class":1591},[1585,4856,1598],{"class":1591},[1585,4858,4859,4861],{"class":1587,"line":1627},[1585,4860,1630],{"class":1591},[1585,4862,4543],{"class":1595},[1585,4864,4865,4868,4870,4872,4875],{"class":1587,"line":1651},[1585,4866,4867],{"class":1609},"      v-for",[1585,4869,1613],{"class":1591},[1585,4871,1616],{"class":1591},[1585,4873,4874],{"class":1619},"preset in presets",[1585,4876,1771],{"class":1591},[1585,4878,4879,4882,4884,4886,4889],{"class":1587,"line":1661},[1585,4880,4881],{"class":1609},"      :key",[1585,4883,1613],{"class":1591},[1585,4885,1616],{"class":1591},[1585,4887,4888],{"class":1619},"preset.name",[1585,4890,1771],{"class":1591},[1585,4892,4893,4896,4898,4900,4902],{"class":1587,"line":1774},[1585,4894,4895],{"class":1609},"      class",[1585,4897,1613],{"class":1591},[1585,4899,1616],{"class":1591},[1585,4901,4580],{"class":1619},[1585,4903,1771],{"class":1591},[1585,4905,4906],{"class":1587,"line":1793},[1585,4907,4908],{"class":1591},"    >\n",[1585,4910,4911,4913],{"class":1587,"line":1809},[1585,4912,1750],{"class":1591},[1585,4914,1753],{"class":1595},[1585,4916,4917,4919,4921,4923,4925,4928,4930,4932],{"class":1587,"line":1815},[1585,4918,1758],{"class":1591},[1585,4920,2637],{"class":1609},[1585,4922,1613],{"class":1591},[1585,4924,1616],{"class":1591},[1585,4926,4927],{"class":1768},"preset",[1585,4929,2432],{"class":1591},[1585,4931,2637],{"class":1768},[1585,4933,1771],{"class":1591},[1585,4935,4936,4938,4940,4942,4944],{"class":1587,"line":1825},[1585,4937,2752],{"class":1609},[1585,4939,1613],{"class":1591},[1585,4941,1616],{"class":1591},[1585,4943,2759],{"class":1619},[1585,4945,1771],{"class":1591},[1585,4947,4948],{"class":1587,"line":1832},[1585,4949,1812],{"class":1591},[1585,4951,4952,4954,4956,4958,4960,4962,4964,4966,4968,4971,4973,4975],{"class":1587,"line":1852},[1585,4953,1750],{"class":1591},[1585,4955,1585],{"class":1595},[1585,4957,1610],{"class":1609},[1585,4959,1613],{"class":1591},[1585,4961,1616],{"class":1591},[1585,4963,2976],{"class":1619},[1585,4965,1616],{"class":1591},[1585,4967,1892],{"class":1591},[1585,4969,4970],{"class":1768},"{{ preset.name }}",[1585,4972,1664],{"class":1591},[1585,4974,1585],{"class":1595},[1585,4976,1598],{"class":1591},[1585,4978,4979,4981,4983],{"class":1587,"line":1873},[1585,4980,1818],{"class":1591},[1585,4982,1559],{"class":1595},[1585,4984,1598],{"class":1591},[1585,4986,4987,4989,4991],{"class":1587,"line":1903},[1585,4988,1654],{"class":1591},[1585,4990,1559],{"class":1595},[1585,4992,1598],{"class":1591},[1585,4994,4995,4997,4999],{"class":1587,"line":1911},[1585,4996,1664],{"class":1591},[1585,4998,1572],{"class":1595},[1585,5000,1598],{"class":1591},[1585,5002,5003],{"class":1587,"line":1925},[1585,5004,1829],{"emptyLinePlaceholder":1828},[1585,5006,5007,5009,5011,5013,5015,5017,5019,5021,5023],{"class":1587,"line":1944},[1585,5008,1592],{"class":1591},[1585,5010,2104],{"class":1595},[1585,5012,2107],{"class":1609},[1585,5014,2110],{"class":1609},[1585,5016,1613],{"class":1591},[1585,5018,1616],{"class":1591},[1585,5020,2117],{"class":1619},[1585,5022,1616],{"class":1591},[1585,5024,1598],{"class":1591},[1585,5026,5027],{"class":1587,"line":1961},[1585,5028,5029],{"class":2359},"\u002F\u002F Partial palettes: any channel you leave out keeps the component default.\n",[1585,5031,5032,5034,5037,5039],{"class":1587,"line":1978},[1585,5033,2127],{"class":1609},[1585,5035,5036],{"class":1768}," presets ",[1585,5038,1613],{"class":1591},[1585,5040,2186],{"class":1768},[1585,5042,5043,5045,5048,5050,5052,5055,5057,5059,5062,5064,5067],{"class":1587,"line":1993},[1585,5044,2192],{"class":1591},[1585,5046,5047],{"class":1595}," name",[1585,5049,2198],{"class":1591},[1585,5051,2201],{"class":1591},[1585,5053,5054],{"class":1619},"default",[1585,5056,2161],{"class":1591},[1585,5058,2208],{"class":1591},[1585,5060,5061],{"class":1595}," colors",[1585,5063,2198],{"class":1591},[1585,5065,5066],{"class":1591}," undefined",[1585,5068,2222],{"class":1591},[1585,5070,5071,5073,5075,5077,5079,5082,5084,5086,5088,5090,5093,5096,5098,5100,5103,5105,5107,5110,5112,5114,5117,5119,5121,5124,5126,5128,5131,5133,5136],{"class":1587,"line":1999},[1585,5072,2192],{"class":1591},[1585,5074,5047],{"class":1595},[1585,5076,2198],{"class":1591},[1585,5078,2201],{"class":1591},[1585,5080,5081],{"class":1619},"ember",[1585,5083,2161],{"class":1591},[1585,5085,2208],{"class":1591},[1585,5087,5061],{"class":1595},[1585,5089,2198],{"class":1591},[1585,5091,5092],{"class":1591}," {",[1585,5094,5095],{"class":1595}," c1",[1585,5097,2198],{"class":1591},[1585,5099,2201],{"class":1591},[1585,5101,5102],{"class":1619},"#ff9d4d",[1585,5104,2161],{"class":1591},[1585,5106,2208],{"class":1591},[1585,5108,5109],{"class":1595}," c2",[1585,5111,2198],{"class":1591},[1585,5113,2201],{"class":1591},[1585,5115,5116],{"class":1619},"#ff4d2e",[1585,5118,2161],{"class":1591},[1585,5120,2208],{"class":1591},[1585,5122,5123],{"class":1595}," c3",[1585,5125,2198],{"class":1591},[1585,5127,2201],{"class":1591},[1585,5129,5130],{"class":1619},"#ffd18a",[1585,5132,2161],{"class":1591},[1585,5134,5135],{"class":1591}," }",[1585,5137,2222],{"class":1591},[1585,5139,5140,5142,5144,5146,5148,5151,5153,5155,5157,5159,5161,5163,5165,5167,5170,5172,5174,5176,5178,5180,5183,5185,5187,5189,5191,5193,5196,5198,5200],{"class":1587,"line":2009},[1585,5141,2192],{"class":1591},[1585,5143,5047],{"class":1595},[1585,5145,2198],{"class":1591},[1585,5147,2201],{"class":1591},[1585,5149,5150],{"class":1619},"mint",[1585,5152,2161],{"class":1591},[1585,5154,2208],{"class":1591},[1585,5156,5061],{"class":1595},[1585,5158,2198],{"class":1591},[1585,5160,5092],{"class":1591},[1585,5162,5095],{"class":1595},[1585,5164,2198],{"class":1591},[1585,5166,2201],{"class":1591},[1585,5168,5169],{"class":1619},"#6ee7c8",[1585,5171,2161],{"class":1591},[1585,5173,2208],{"class":1591},[1585,5175,5109],{"class":1595},[1585,5177,2198],{"class":1591},[1585,5179,2201],{"class":1591},[1585,5181,5182],{"class":1619},"#22d3ee",[1585,5184,2161],{"class":1591},[1585,5186,2208],{"class":1591},[1585,5188,5123],{"class":1595},[1585,5190,2198],{"class":1591},[1585,5192,2201],{"class":1591},[1585,5194,5195],{"class":1619},"#a7f3d0",[1585,5197,2161],{"class":1591},[1585,5199,5135],{"class":1591},[1585,5201,2222],{"class":1591},[1585,5203,5204,5206,5208,5210,5212,5215,5217,5219,5221,5223,5225,5227,5229,5231,5234,5236,5238,5240,5242,5244,5247,5249,5251,5253,5255,5257,5260,5262,5264],{"class":1587,"line":2017},[1585,5205,2192],{"class":1591},[1585,5207,5047],{"class":1595},[1585,5209,2198],{"class":1591},[1585,5211,2201],{"class":1591},[1585,5213,5214],{"class":1619},"violet",[1585,5216,2161],{"class":1591},[1585,5218,2208],{"class":1591},[1585,5220,5061],{"class":1595},[1585,5222,2198],{"class":1591},[1585,5224,5092],{"class":1591},[1585,5226,5095],{"class":1595},[1585,5228,2198],{"class":1591},[1585,5230,2201],{"class":1591},[1585,5232,5233],{"class":1619},"#c4b5fd",[1585,5235,2161],{"class":1591},[1585,5237,2208],{"class":1591},[1585,5239,5109],{"class":1595},[1585,5241,2198],{"class":1591},[1585,5243,2201],{"class":1591},[1585,5245,5246],{"class":1619},"#8b5cf6",[1585,5248,2161],{"class":1591},[1585,5250,2208],{"class":1591},[1585,5252,5123],{"class":1595},[1585,5254,2198],{"class":1591},[1585,5256,2201],{"class":1591},[1585,5258,5259],{"class":1619},"#f0abfc",[1585,5261,2161],{"class":1591},[1585,5263,5135],{"class":1591},[1585,5265,2222],{"class":1591},[1585,5267,5268],{"class":1587,"line":2031},[1585,5269,2348],{"class":1768},[1585,5271,5272,5274,5276],{"class":1587,"line":2048},[1585,5273,1664],{"class":1591},[1585,5275,2104],{"class":1595},[1585,5277,1598],{"class":1591},[1544,5279,5280,5281,5284,5285,5287],{},"The bloom is painted with the orb's own ",[1582,5282,5283],{},"c2"," rather than a theme colour, so the\nglow reads as light escaping the disc instead of a halo pasted behind it. Pass a\nwildly darker ",[1582,5286,5283],{}," and the orb loses its glow even though nothing about the disc\nlooks wrong — that channel is doing double duty.",[1551,5289,5291],{"id":5290},"accessibility","Accessibility",[1544,5293,5294,5295,5297],{},"The orb is decorative and marked ",[1582,5296,1675],{},", so it contributes nothing\nto the accessibility tree. That is deliberate: a purely visual ambient element\nshould be skipped rather than announced as an unlabelled graphic.",[1544,5299,5300,5301,5303],{},"If ",[1582,5302,1798],{}," changes mean something to a user — an assistant that failed, is\nlistening, is thinking — expose that yourself:",[1576,5305,5307],{"className":1578,"code":5306,"language":1580,"meta":1574,"style":1574},"\u003Cp aria-live=\"polite\" class=\"sr-only\">{{ statusLabel }}\u003C\u002Fp>\n",[1582,5308,5309],{"__ignoreMap":1574},[1585,5310,5311,5313,5315,5318,5320,5322,5325,5327,5329,5331,5333,5336,5338,5340,5343,5345,5347],{"class":1587,"line":1588},[1585,5312,1592],{"class":1591},[1585,5314,1544],{"class":1595},[1585,5316,5317],{"class":1609}," aria-live",[1585,5319,1613],{"class":1591},[1585,5321,1616],{"class":1591},[1585,5323,5324],{"class":1619},"polite",[1585,5326,1616],{"class":1591},[1585,5328,1610],{"class":1609},[1585,5330,1613],{"class":1591},[1585,5332,1616],{"class":1591},[1585,5334,5335],{"class":1619},"sr-only",[1585,5337,1616],{"class":1591},[1585,5339,1892],{"class":1591},[1585,5341,5342],{"class":1768},"{{ statusLabel }}",[1585,5344,1664],{"class":1591},[1585,5346,1544],{"class":1595},[1585,5348,1598],{"class":1591},[1670,5350,5351,4471,5354,5357,5358,5360,5361,5364],{},[1582,5352,5353],{},"saturate()",[1582,5355,5356],{},"hue-rotate()"," are applied to the disc, not the wrapper, so the\n",[1582,5359,2326],{}," state keeps its red even when a parent sets a ",[1582,5362,5363],{},"filter"," on the whole\ntree. Scope filters to the wrapper and you lose the state signal.",[1551,5366,5368],{"id":5367},"performance","Performance",[5370,5371,5372,5380,5390,5415],"ul",{},[5373,5374,5375,5376,5379],"li",{},"The ambient rotation is a CSS ",[1582,5377,5378],{},"@property"," angle on a conic gradient, animated\nby the compositor. It never triggers a Vue update.",[5373,5381,5382,5383,5386,5387,5389],{},"Amplitude-driven scale and blur come from ",[1582,5384,5385],{},"useTransform"," over your ",[1582,5388,2633],{},",\nso a 60Hz audio stream costs no component renders.",[5373,5391,5392,5393,5396,5397,2616,5400,2613,5403,5406,5407,5409,5410,5414],{},"The current state is mirrored into ",[1582,5394,5395],{},"useMotionValue","s (",[1582,5398,5399],{},"stateScale",[1582,5401,5402],{},"reactivity",[1582,5404,5405],{},"blurBaseline",") rather than read inside the transformer. A\n",[1582,5408,5385],{}," only recomputes when one of its ",[5411,5412,5413],"em",{},"inputs"," changes, so reading a\ncomputed inside it would leave the disc on the previous state's scale and blur\nuntil the next amplitude tick — which, with a silent microphone, may never\narrive.",[5373,5416,5417,5420],{},[1582,5418,5419],{},"reduced-motion"," is re-read through a watcher, because the media query can\nflip while the page is open. When it flips, every ambient animation is\ndisabled and the amplitude only changes the disc's blur.",[1551,5422,5424],{"id":5423},"notes","Notes",[5370,5426,5427,5436,5443],{},[5373,5428,5429,5431,5432,5435],{},[1582,5430,5419],{}," support means the orb stops rotating and stops bloomed\nbreathing, but the disc is still rendered. If your interface is nothing but\nthis orb, hide it under ",[1582,5433,5434],{},"prefers-reduced-motion"," instead.",[5373,5437,5438,5439,5442],{},"The disc is masked at ",[1582,5440,5441],{},"24px"," from its edge. That is a hard geometry constant,\nnot a prop — raising it changes the silhouette, which is not a look most\ncallers want.",[5373,5444,5445,5446,4471,5448,5450,5451,5454],{},"The ",[1582,5447,2608],{},[1582,5449,2637],{}," prop types are declared inline on the component\nrather than imported. The dev server resolves a component's props through the\nbrowser-side ",[1582,5452,5453],{},"compileScript"," path, which cannot follow a filesystem import.",[5456,5457,5458],"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 .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 .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 .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 .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}",{"title":1574,"searchDepth":1601,"depth":1601,"links":5460},[5461,5462,5466,5467,5468,5469,5470,5471,5472,5473],{"id":1553,"depth":1601,"text":16},{"id":1679,"depth":1601,"text":1680,"children":5463},[5464,5465],{"id":1684,"depth":1627,"text":597},{"id":2577,"depth":1627,"text":2578},{"id":2595,"depth":1601,"text":2596},{"id":2043,"depth":1601,"text":2662},{"id":3243,"depth":1601,"text":3244},{"id":4458,"depth":1601,"text":4459},{"id":2637,"depth":1601,"text":4810},{"id":5290,"depth":1601,"text":5291},{"id":5367,"depth":1601,"text":5368},{"id":5423,"depth":1601,"text":5424},"A Siri-style ambient orb that reacts to audio amplitude and assistant state.","md",null,{},{"title":597,"description":5474},"kUV1Pso-b5oU1Q5_lqxeeFnkyffAbQgK_Nz8pKYFrQE",[5481,5483],{"title":593,"path":594,"stem":595,"description":5482,"children":-1},"Component that creates a progressive blur effect in a specified direction.",{"title":601,"path":602,"stem":603,"description":5484,"children":-1},"Component that creates a spotlight effect following the cursor.",1794099599032]