[{"data":1,"prerenderedAt":608},["ShallowReactive",2],{"navigation":3,"/recipes/establishment-detail":117,"/recipes/establishment-detail-surround":603},[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":110,"body":119,"description":595,"extension":596,"links":597,"meta":598,"navigation":600,"path":111,"seo":601,"stem":112,"__hash__":602},"docs/3.recipes/03.establishment-detail.md",{"type":120,"value":121,"toc":589},"minimark",[122,126,130,142,147,254,258,467,471,572,576,585],[123,124,110],"h1",{"id":125},"establishment-detail",[127,128,129],"p",{},"A panel that slides in from the right when a customer taps an establishment card — showing the venue's full profile, services, and a booking call-to-action.",[127,131,132,133,136,137,141],{},"This recipe introduces the ",[134,135,91],"strong",{}," component — a new A2UI type that maps to Nuxt UI's ",[138,139,140],"code",{},"USlideover",". It's ideal for detail panels that shouldn't navigate away from the current view.",[143,144,146],"h2",{"id":145},"a2ui-nuxt-ui-mapping","A2UI → Nuxt UI Mapping",[148,149,150,166],"table",{},[151,152,153],"thead",{},[154,155,156,160,163],"tr",{},[157,158,159],"th",{},"A2UI Property",[157,161,162],{},"Nuxt UI Prop",[157,164,165],{},"Notes",[167,168,169,183,199,213,227],"tbody",{},[154,170,171,177,180],{},[172,173,174],"td",{},[138,175,176],{},"trigger",[172,178,179],{},"default slot",[172,181,182],{},"Component ID that opens the slideover",[154,184,185,190,196],{},[172,186,187],{},[138,188,189],{},"content",[172,191,192,195],{},[138,193,194],{},"#body"," slot",[172,197,198],{},"Component ID rendered inside the panel",[154,200,201,206,210],{},[172,202,203],{},[138,204,205],{},"title",[172,207,208],{},[138,209,205],{},[172,211,212],{},"Header title",[154,214,215,220,224],{},[172,216,217],{},[138,218,219],{},"description",[172,221,222],{},[138,223,219],{},[172,225,226],{},"Header subtitle",[154,228,229,234,238],{},[172,230,231],{},[138,232,233],{},"side",[172,235,236],{},[138,237,233],{},[172,239,240,243,244,247,248,243,251],{},[138,241,242],{},"left",", ",[138,245,246],{},"right"," (default), ",[138,249,250],{},"top",[138,252,253],{},"bottom",[143,255,257],{"id":256},"what-the-ai-generates","What the AI Generates",[259,260,265],"pre",{"className":261,"code":262,"language":263,"meta":264,"style":264},"language-jsonl shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","{\"version\":\"v0.10\",\"createSurface\":{\"surfaceId\":\"venue_detail\",\"catalogId\":\"standard\"}}\n{\"version\":\"v0.10\",\"updateComponents\":{\"surfaceId\":\"venue_detail\",\"components\":[\n  {\"id\":\"root\",\"component\":\"Slideover\",\"trigger\":\"venue_card\",\"content\":\"detail_body\",\"title\":\"Drammen Wellness Studio\",\"description\":\"Laugavegur 42, 101 Reykjavík\",\"side\":\"right\"},\n  {\"id\":\"venue_card\",\"component\":\"Card\",\"title\":\"Drammen Wellness Studio\",\"child\":\"card_body\"},\n  {\"id\":\"card_body\",\"component\":\"Column\",\"children\":[\"venue_img\",\"venue_tagline\",\"venue_cta\"]},\n  {\"id\":\"venue_img\",\"component\":\"Image\",\"url\":\"https://images.unsplash.com/photo-1540555700478-4be289fbec6b?w=600&h=300&fit=crop\",\"alt\":\"Wellness studio interior\"},\n  {\"id\":\"venue_tagline\",\"component\":\"Text\",\"text\":\"Premium wellness & massage in downtown Reykjavík\",\"variant\":\"muted\"},\n  {\"id\":\"venue_cta\",\"component\":\"Button\",\"label\":\"View Details\",\"variant\":\"outline\",\"icon\":\"i-lucide-arrow-right\"},\n  {\"id\":\"detail_body\",\"component\":\"Column\",\"children\":[\"detail_img\",\"about_heading\",\"about_text\",\"services_heading\",\"services_list\",\"hours_heading\",\"hours_col\",\"book_btn\"]},\n  {\"id\":\"detail_img\",\"component\":\"Image\",\"url\":\"https://images.unsplash.com/photo-1540555700478-4be289fbec6b?w=800&h=400&fit=crop\",\"alt\":\"Studio interior\"},\n  {\"id\":\"about_heading\",\"component\":\"Text\",\"text\":\"About\",\"variant\":\"heading\",\"level\":3},\n  {\"id\":\"about_text\",\"component\":\"Text\",\"text\":\"Family-owned wellness studio offering therapeutic massage, hot stone treatments, and aromatherapy since 2018. All therapists are certified and trained in both Eastern and Western techniques.\"},\n  {\"id\":\"services_heading\",\"component\":\"Text\",\"text\":\"Services\",\"variant\":\"heading\",\"level\":3},\n  {\"id\":\"services_list\",\"component\":\"Column\",\"children\":[\"svc_1\",\"svc_2\",\"svc_3\"]},\n  {\"id\":\"svc_1\",\"component\":\"Row\",\"children\":[\"svc_1_name\",\"svc_1_price\"]},\n  {\"id\":\"svc_1_name\",\"component\":\"Text\",\"text\":\"Deep Tissue Massage — 60 min\"},\n  {\"id\":\"svc_1_price\",\"component\":\"Text\",\"text\":\"12.900 ISK\",\"variant\":\"muted\"},\n  {\"id\":\"svc_2\",\"component\":\"Row\",\"children\":[\"svc_2_name\",\"svc_2_price\"]},\n  {\"id\":\"svc_2_name\",\"component\":\"Text\",\"text\":\"Hot Stone Therapy — 90 min\"},\n  {\"id\":\"svc_2_price\",\"component\":\"Text\",\"text\":\"18.500 ISK\",\"variant\":\"muted\"},\n  {\"id\":\"svc_3\",\"component\":\"Row\",\"children\":[\"svc_3_name\",\"svc_3_price\"]},\n  {\"id\":\"svc_3_name\",\"component\":\"Text\",\"text\":\"Aromatherapy Session — 45 min\"},\n  {\"id\":\"svc_3_price\",\"component\":\"Text\",\"text\":\"9.900 ISK\",\"variant\":\"muted\"},\n  {\"id\":\"hours_heading\",\"component\":\"Text\",\"text\":\"Hours\",\"variant\":\"heading\",\"level\":3},\n  {\"id\":\"hours_col\",\"component\":\"Column\",\"children\":[\"hours_weekday\",\"hours_weekend\"]},\n  {\"id\":\"hours_weekday\",\"component\":\"Row\",\"children\":[\"hours_weekday_label\",\"hours_weekday_value\"]},\n  {\"id\":\"hours_weekday_label\",\"component\":\"Text\",\"text\":\"Mon – Fri\",\"variant\":\"muted\"},\n  {\"id\":\"hours_weekday_value\",\"component\":\"Text\",\"text\":\"09:00 – 20:00\"},\n  {\"id\":\"hours_weekend\",\"component\":\"Row\",\"children\":[\"hours_weekend_label\",\"hours_weekend_value\"]},\n  {\"id\":\"hours_weekend_label\",\"component\":\"Text\",\"text\":\"Sat – Sun\",\"variant\":\"muted\"},\n  {\"id\":\"hours_weekend_value\",\"component\":\"Text\",\"text\":\"10:00 – 18:00\"},\n  {\"id\":\"book_btn\",\"component\":\"Button\",\"label\":\"Book Now\",\"variant\":\"primary\",\"icon\":\"i-lucide-calendar-check\"}\n]}}\n","jsonl","",[138,266,267,275,281,287,293,299,305,311,317,323,329,335,341,347,353,359,365,371,377,383,389,395,401,407,413,419,425,431,437,443,449,455,461],{"__ignoreMap":264},[268,269,272],"span",{"class":270,"line":271},"line",1,[268,273,274],{},"{\"version\":\"v0.10\",\"createSurface\":{\"surfaceId\":\"venue_detail\",\"catalogId\":\"standard\"}}\n",[268,276,278],{"class":270,"line":277},2,[268,279,280],{},"{\"version\":\"v0.10\",\"updateComponents\":{\"surfaceId\":\"venue_detail\",\"components\":[\n",[268,282,284],{"class":270,"line":283},3,[268,285,286],{},"  {\"id\":\"root\",\"component\":\"Slideover\",\"trigger\":\"venue_card\",\"content\":\"detail_body\",\"title\":\"Drammen Wellness Studio\",\"description\":\"Laugavegur 42, 101 Reykjavík\",\"side\":\"right\"},\n",[268,288,290],{"class":270,"line":289},4,[268,291,292],{},"  {\"id\":\"venue_card\",\"component\":\"Card\",\"title\":\"Drammen Wellness Studio\",\"child\":\"card_body\"},\n",[268,294,296],{"class":270,"line":295},5,[268,297,298],{},"  {\"id\":\"card_body\",\"component\":\"Column\",\"children\":[\"venue_img\",\"venue_tagline\",\"venue_cta\"]},\n",[268,300,302],{"class":270,"line":301},6,[268,303,304],{},"  {\"id\":\"venue_img\",\"component\":\"Image\",\"url\":\"https://images.unsplash.com/photo-1540555700478-4be289fbec6b?w=600&h=300&fit=crop\",\"alt\":\"Wellness studio interior\"},\n",[268,306,308],{"class":270,"line":307},7,[268,309,310],{},"  {\"id\":\"venue_tagline\",\"component\":\"Text\",\"text\":\"Premium wellness & massage in downtown Reykjavík\",\"variant\":\"muted\"},\n",[268,312,314],{"class":270,"line":313},8,[268,315,316],{},"  {\"id\":\"venue_cta\",\"component\":\"Button\",\"label\":\"View Details\",\"variant\":\"outline\",\"icon\":\"i-lucide-arrow-right\"},\n",[268,318,320],{"class":270,"line":319},9,[268,321,322],{},"  {\"id\":\"detail_body\",\"component\":\"Column\",\"children\":[\"detail_img\",\"about_heading\",\"about_text\",\"services_heading\",\"services_list\",\"hours_heading\",\"hours_col\",\"book_btn\"]},\n",[268,324,326],{"class":270,"line":325},10,[268,327,328],{},"  {\"id\":\"detail_img\",\"component\":\"Image\",\"url\":\"https://images.unsplash.com/photo-1540555700478-4be289fbec6b?w=800&h=400&fit=crop\",\"alt\":\"Studio interior\"},\n",[268,330,332],{"class":270,"line":331},11,[268,333,334],{},"  {\"id\":\"about_heading\",\"component\":\"Text\",\"text\":\"About\",\"variant\":\"heading\",\"level\":3},\n",[268,336,338],{"class":270,"line":337},12,[268,339,340],{},"  {\"id\":\"about_text\",\"component\":\"Text\",\"text\":\"Family-owned wellness studio offering therapeutic massage, hot stone treatments, and aromatherapy since 2018. All therapists are certified and trained in both Eastern and Western techniques.\"},\n",[268,342,344],{"class":270,"line":343},13,[268,345,346],{},"  {\"id\":\"services_heading\",\"component\":\"Text\",\"text\":\"Services\",\"variant\":\"heading\",\"level\":3},\n",[268,348,350],{"class":270,"line":349},14,[268,351,352],{},"  {\"id\":\"services_list\",\"component\":\"Column\",\"children\":[\"svc_1\",\"svc_2\",\"svc_3\"]},\n",[268,354,356],{"class":270,"line":355},15,[268,357,358],{},"  {\"id\":\"svc_1\",\"component\":\"Row\",\"children\":[\"svc_1_name\",\"svc_1_price\"]},\n",[268,360,362],{"class":270,"line":361},16,[268,363,364],{},"  {\"id\":\"svc_1_name\",\"component\":\"Text\",\"text\":\"Deep Tissue Massage — 60 min\"},\n",[268,366,368],{"class":270,"line":367},17,[268,369,370],{},"  {\"id\":\"svc_1_price\",\"component\":\"Text\",\"text\":\"12.900 ISK\",\"variant\":\"muted\"},\n",[268,372,374],{"class":270,"line":373},18,[268,375,376],{},"  {\"id\":\"svc_2\",\"component\":\"Row\",\"children\":[\"svc_2_name\",\"svc_2_price\"]},\n",[268,378,380],{"class":270,"line":379},19,[268,381,382],{},"  {\"id\":\"svc_2_name\",\"component\":\"Text\",\"text\":\"Hot Stone Therapy — 90 min\"},\n",[268,384,386],{"class":270,"line":385},20,[268,387,388],{},"  {\"id\":\"svc_2_price\",\"component\":\"Text\",\"text\":\"18.500 ISK\",\"variant\":\"muted\"},\n",[268,390,392],{"class":270,"line":391},21,[268,393,394],{},"  {\"id\":\"svc_3\",\"component\":\"Row\",\"children\":[\"svc_3_name\",\"svc_3_price\"]},\n",[268,396,398],{"class":270,"line":397},22,[268,399,400],{},"  {\"id\":\"svc_3_name\",\"component\":\"Text\",\"text\":\"Aromatherapy Session — 45 min\"},\n",[268,402,404],{"class":270,"line":403},23,[268,405,406],{},"  {\"id\":\"svc_3_price\",\"component\":\"Text\",\"text\":\"9.900 ISK\",\"variant\":\"muted\"},\n",[268,408,410],{"class":270,"line":409},24,[268,411,412],{},"  {\"id\":\"hours_heading\",\"component\":\"Text\",\"text\":\"Hours\",\"variant\":\"heading\",\"level\":3},\n",[268,414,416],{"class":270,"line":415},25,[268,417,418],{},"  {\"id\":\"hours_col\",\"component\":\"Column\",\"children\":[\"hours_weekday\",\"hours_weekend\"]},\n",[268,420,422],{"class":270,"line":421},26,[268,423,424],{},"  {\"id\":\"hours_weekday\",\"component\":\"Row\",\"children\":[\"hours_weekday_label\",\"hours_weekday_value\"]},\n",[268,426,428],{"class":270,"line":427},27,[268,429,430],{},"  {\"id\":\"hours_weekday_label\",\"component\":\"Text\",\"text\":\"Mon – Fri\",\"variant\":\"muted\"},\n",[268,432,434],{"class":270,"line":433},28,[268,435,436],{},"  {\"id\":\"hours_weekday_value\",\"component\":\"Text\",\"text\":\"09:00 – 20:00\"},\n",[268,438,440],{"class":270,"line":439},29,[268,441,442],{},"  {\"id\":\"hours_weekend\",\"component\":\"Row\",\"children\":[\"hours_weekend_label\",\"hours_weekend_value\"]},\n",[268,444,446],{"class":270,"line":445},30,[268,447,448],{},"  {\"id\":\"hours_weekend_label\",\"component\":\"Text\",\"text\":\"Sat – Sun\",\"variant\":\"muted\"},\n",[268,450,452],{"class":270,"line":451},31,[268,453,454],{},"  {\"id\":\"hours_weekend_value\",\"component\":\"Text\",\"text\":\"10:00 – 18:00\"},\n",[268,456,458],{"class":270,"line":457},32,[268,459,460],{},"  {\"id\":\"book_btn\",\"component\":\"Button\",\"label\":\"Book Now\",\"variant\":\"primary\",\"icon\":\"i-lucide-calendar-check\"}\n",[268,462,464],{"class":270,"line":463},33,[268,465,466],{},"]}}\n",[143,468,470],{"id":469},"component-properties","Component Properties",[148,472,473,489],{},[151,474,475],{},[154,476,477,480,483,486],{},[157,478,479],{},"Property",[157,481,482],{},"Type",[157,484,485],{},"Required",[157,487,488],{},"Description",[167,490,491,506,519,534,547],{},[154,492,493,497,500,503],{},[172,494,495],{},[138,496,176],{},[172,498,499],{},"ComponentId",[172,501,502],{},"Yes",[172,504,505],{},"The component that opens the slideover when clicked",[154,507,508,512,514,516],{},[172,509,510],{},[138,511,189],{},[172,513,499],{},[172,515,502],{},[172,517,518],{},"The component rendered inside the slideover panel",[154,520,521,525,528,531],{},[172,522,523],{},[138,524,205],{},[172,526,527],{},"string",[172,529,530],{},"No",[172,532,533],{},"Text in the slideover header",[154,535,536,540,542,544],{},[172,537,538],{},[138,539,219],{},[172,541,527],{},[172,543,530],{},[172,545,546],{},"Subtitle in the slideover header",[154,548,549,553,564,566],{},[172,550,551],{},[138,552,233],{},[172,554,555,557,558,557,560,557,562],{},[138,556,242],{}," | ",[138,559,246],{},[138,561,250],{},[138,563,253],{},[172,565,530],{},[172,567,568,569,571],{},"Direction the panel slides from (default: ",[138,570,246],{},")",[143,573,575],{"id":574},"try-it","Try It",[127,577,578,579,584],{},"Paste the JSONL above into the ",[580,581,583],"a",{"href":582},"/playground","Playground"," to see the card and slideover in action.",[586,587,588],"style",{},"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":264,"searchDepth":271,"depth":277,"links":590},[591,592,593,594],{"id":145,"depth":277,"text":146},{"id":256,"depth":277,"text":257},{"id":469,"depth":277,"text":470},{"id":574,"depth":277,"text":575},"A slideover panel revealing venue information — demonstrates the Slideover component with nested layout composition.","md",null,{"icon":599},"i-lucide-store",true,{"title":110,"description":595},"cfdAGew5me76p8viFgOYzpYuRG7g7cj6OwCzD7CtVZc",[604,606],{"title":106,"path":107,"stem":108,"description":605,"children":-1},"A modal booking confirmation composed from standard A2UI catalog components — the kind of interface Agent generates after a customer completes a booking.",{"title":114,"path":115,"stem":116,"description":607,"children":-1},"A data table showing booking records with status, dates, and amounts — introduces the Table component for structured data.",1771187321370]