[{"data":1,"prerenderedAt":195},["ShallowReactive",2],{"navigation":3,"/recipes":117,"/recipes-surround":190},[4,11,98],{"title":5,"path":6,"stem":7,"children":8,"icon":10},"Introduction","/getting-started","1.getting-started/1.index",[9],{"title":5,"path":6,"stem":7,"icon":10},"i-lucide-house",{"title":12,"path":13,"stem":14,"children":15,"icon":17},"Component Catalog","/components","2.components/01.index",[16,18,22,26,30,34,38,42,46,50,54,58,62,66,70,74,78,82,86,90,94],{"title":12,"path":13,"stem":14,"icon":17},"i-lucide-layout-grid",{"title":19,"path":20,"stem":21},"Text","/components/text","2.components/02.text",{"title":23,"path":24,"stem":25},"Button","/components/button","2.components/03.button",{"title":27,"path":28,"stem":29},"Slider","/components/slider","2.components/04.slider",{"title":31,"path":32,"stem":33},"ChoicePicker","/components/choicepicker","2.components/05.choicepicker",{"title":35,"path":36,"stem":37},"Modal","/components/modal","2.components/06.modal",{"title":39,"path":40,"stem":41},"DateTimeInput","/components/datetimeinput","2.components/07.datetimeinput",{"title":43,"path":44,"stem":45},"Image","/components/image","2.components/08.image",{"title":47,"path":48,"stem":49},"Icon","/components/icon","2.components/09.icon",{"title":51,"path":52,"stem":53},"Video","/components/video","2.components/10.video",{"title":55,"path":56,"stem":57},"AudioPlayer","/components/audioplayer","2.components/11.audioplayer",{"title":59,"path":60,"stem":61},"Row","/components/row","2.components/12.row",{"title":63,"path":64,"stem":65},"Column","/components/column","2.components/13.column",{"title":67,"path":68,"stem":69},"List","/components/list","2.components/14.list",{"title":71,"path":72,"stem":73},"Card","/components/card","2.components/15.card",{"title":75,"path":76,"stem":77},"Tabs","/components/tabs","2.components/16.tabs",{"title":79,"path":80,"stem":81},"Divider","/components/divider","2.components/17.divider",{"title":83,"path":84,"stem":85},"TextField","/components/textfield","2.components/18.textfield",{"title":87,"path":88,"stem":89},"CheckBox","/components/checkbox","2.components/19.checkbox",{"title":91,"path":92,"stem":93},"Slideover","/components/slideover","2.components/20.slideover",{"title":95,"path":96,"stem":97},"Table","/components/table","2.components/21.table",{"title":99,"path":100,"stem":101,"children":102,"icon":104},"Recipes","/recipes","3.recipes/01.index",[103,105,109,113],{"title":99,"path":100,"stem":101,"icon":104},"i-lucide-chef-hat",{"title":106,"path":107,"stem":108},"Booking Receipt","/recipes/booking-receipt","3.recipes/02.booking-receipt",{"title":110,"path":111,"stem":112},"Establishment Detail","/recipes/establishment-detail","3.recipes/03.establishment-detail",{"title":114,"path":115,"stem":116},"Booking History","/recipes/booking-history","3.recipes/04.booking-history",{"id":118,"title":99,"body":119,"description":183,"extension":184,"links":185,"meta":186,"navigation":187,"path":100,"seo":188,"stem":101,"__hash__":189},"docs/3.recipes/01.index.md",{"type":120,"value":121,"toc":177},"minimark",[122,126,135,150,155],[123,124,99],"h1",{"id":125},"recipes",[127,128,129,130,134],"p",{},"Pre-composed A2UI patterns that demonstrate how ",[131,132,133],"strong",{},"AI Agents"," build real-world interfaces from standard catalog components.",[127,136,137,138,141,142,145,146,149],{},"Each recipe shows the ",[131,139,140],{},"JSONL payload"," an AI agent would stream, the ",[131,143,144],{},"live rendering",", and the ",[131,147,148],{},"design rationale"," behind the composition. Use these as templates when teaching your own agents to generate A2UI.",[151,152,154],"h2",{"id":153},"available-recipes","Available Recipes",[156,157,158,165,171],"card-group",{},[159,160,162],"card",{"icon":161,"title":106,"to":107},"i-lucide-receipt",[127,163,164],{},"A modal dialog showing a complete booking confirmation — composed from Card, Column, Row, Text, Heading, Divider, and Button.",[159,166,168],{"icon":167,"title":110,"to":111},"i-lucide-store",[127,169,170],{},"A slideover panel revealing full venue information — demonstrates the new Slideover component with nested layout composition.",[159,172,174],{"icon":173,"title":114,"to":115},"i-lucide-table",[127,175,176],{},"A data table with status badges, sorting, and formatted columns — introduces the new Table component for structured data display.",{"title":178,"searchDepth":179,"depth":180,"links":181},"",1,2,[182],{"id":153,"depth":180,"text":154},"Real-world A2UI composition patterns — how AI agents build complete interfaces from standard catalog components.","md",null,{"icon":104},{"icon":104},{"title":99,"description":183},"rYujwyG8f-GmoQXkemDPOZZexHEBpG2Hs5PagHm3670",[191,193],{"title":95,"path":96,"stem":97,"description":192,"children":-1},"Structured tabular data display with typed columns, alignment, and automatic TanStack Table integration.",{"title":106,"path":107,"stem":108,"description":194,"children":-1},"A modal booking confirmation composed from standard A2UI catalog components — the kind of interface Agent generates after a customer completes a booking.",1771187321369]