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