[{"data":1,"prerenderedAt":466},["ShallowReactive",2],{"navigation":3,"/components/slideover":117,"/components/slideover-surround":461},[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":91,"body":119,"description":454,"extension":455,"links":456,"meta":457,"navigation":458,"path":92,"seo":459,"stem":93,"__hash__":460},"docs/2.components/20.slideover.md",{"type":120,"value":121,"toc":448},"minimark",[122,126,135,138,143,250,254,313,317,431,435,444],[123,124,91],"h1",{"id":125},"slideover",[127,128,129,130,134],"p",{},"A panel that slides in from any edge of the screen — maps to Nuxt UI's ",[131,132,133],"code",{},"USlideover",".",[127,136,137],{},"Use Slideover when you want to show detail content without navigating away from the current view. It's perfect for establishment profiles, booking details, settings panels, and forms.",[139,140,142],"h2",{"id":141},"a2ui-nuxt-ui-mapping","A2UI → Nuxt UI Mapping",[144,145,146,162],"table",{},[147,148,149],"thead",{},[150,151,152,156,159],"tr",{},[153,154,155],"th",{},"A2UI Property",[153,157,158],{},"Nuxt UI Prop",[153,160,161],{},"Notes",[163,164,165,179,195,209,223],"tbody",{},[150,166,167,173,176],{},[168,169,170],"td",{},[131,171,172],{},"trigger",[168,174,175],{},"default slot",[168,177,178],{},"Component ID that opens the panel",[150,180,181,186,192],{},[168,182,183],{},[131,184,185],{},"content",[168,187,188,191],{},[131,189,190],{},"#body"," slot",[168,193,194],{},"Component ID rendered inside",[150,196,197,202,206],{},[168,198,199],{},[131,200,201],{},"title",[168,203,204],{},[131,205,201],{},[168,207,208],{},"Optional header title",[150,210,211,216,220],{},[168,212,213],{},[131,214,215],{},"description",[168,217,218],{},[131,219,215],{},[168,221,222],{},"Optional header subtitle",[150,224,225,230,234],{},[168,226,227],{},[131,228,229],{},"side",[168,231,232],{},[131,233,229],{},[168,235,236,239,240,243,244,239,247],{},[131,237,238],{},"left",", ",[131,241,242],{},"right"," (default), ",[131,245,246],{},"top",[131,248,249],{},"bottom",[139,251,253],{"id":252},"example-jsonl","Example JSONL",[255,256,261],"pre",{"className":257,"code":258,"language":259,"meta":260,"style":260},"language-jsonl shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","{\"version\":\"v0.10\",\"createSurface\":{\"surfaceId\":\"slideover_demo\",\"catalogId\":\"standard\"}}\n{\"version\":\"v0.10\",\"updateComponents\":{\"surfaceId\":\"slideover_demo\",\"components\":[\n  {\"id\":\"root\",\"component\":\"Slideover\",\"trigger\":\"open_btn\",\"content\":\"panel_body\",\"title\":\"Details\",\"side\":\"right\"},\n  {\"id\":\"open_btn\",\"component\":\"Button\",\"label\":\"Open Panel\",\"variant\":\"outline\"},\n  {\"id\":\"panel_body\",\"component\":\"Column\",\"children\":[\"info_heading\",\"info_text\"]},\n  {\"id\":\"info_heading\",\"component\":\"Text\",\"text\":\"Panel Content\",\"variant\":\"heading\",\"level\":3},\n  {\"id\":\"info_text\",\"component\":\"Text\",\"text\":\"This content slides in from the right. The trigger button opens it, and the close button in the header dismisses it.\"}\n]}}\n","jsonl","",[131,262,263,271,277,283,289,295,301,307],{"__ignoreMap":260},[264,265,268],"span",{"class":266,"line":267},"line",1,[264,269,270],{},"{\"version\":\"v0.10\",\"createSurface\":{\"surfaceId\":\"slideover_demo\",\"catalogId\":\"standard\"}}\n",[264,272,274],{"class":266,"line":273},2,[264,275,276],{},"{\"version\":\"v0.10\",\"updateComponents\":{\"surfaceId\":\"slideover_demo\",\"components\":[\n",[264,278,280],{"class":266,"line":279},3,[264,281,282],{},"  {\"id\":\"root\",\"component\":\"Slideover\",\"trigger\":\"open_btn\",\"content\":\"panel_body\",\"title\":\"Details\",\"side\":\"right\"},\n",[264,284,286],{"class":266,"line":285},4,[264,287,288],{},"  {\"id\":\"open_btn\",\"component\":\"Button\",\"label\":\"Open Panel\",\"variant\":\"outline\"},\n",[264,290,292],{"class":266,"line":291},5,[264,293,294],{},"  {\"id\":\"panel_body\",\"component\":\"Column\",\"children\":[\"info_heading\",\"info_text\"]},\n",[264,296,298],{"class":266,"line":297},6,[264,299,300],{},"  {\"id\":\"info_heading\",\"component\":\"Text\",\"text\":\"Panel Content\",\"variant\":\"heading\",\"level\":3},\n",[264,302,304],{"class":266,"line":303},7,[264,305,306],{},"  {\"id\":\"info_text\",\"component\":\"Text\",\"text\":\"This content slides in from the right. The trigger button opens it, and the close button in the header dismisses it.\"}\n",[264,308,310],{"class":266,"line":309},8,[264,311,312],{},"]}}\n",[139,314,316],{"id":315},"properties","Properties",[144,318,319,338],{},[147,320,321],{},[150,322,323,326,329,332,335],{},[153,324,325],{},"Property",[153,327,328],{},"Type",[153,330,331],{},"Required",[153,333,334],{},"Default",[153,336,337],{},"Description",[163,339,340,358,373,390,405],{},[150,341,342,346,349,352,355],{},[168,343,344],{},[131,345,172],{},[168,347,348],{},"ComponentId",[168,350,351],{},"Yes",[168,353,354],{},"—",[168,356,357],{},"Component that opens the panel when clicked",[150,359,360,364,366,368,370],{},[168,361,362],{},[131,363,185],{},[168,365,348],{},[168,367,351],{},[168,369,354],{},[168,371,372],{},"Component rendered inside the panel body",[150,374,375,379,382,385,387],{},[168,376,377],{},[131,378,201],{},[168,380,381],{},"string",[168,383,384],{},"No",[168,386,354],{},[168,388,389],{},"Header title text",[150,391,392,396,398,400,402],{},[168,393,394],{},[131,395,215],{},[168,397,381],{},[168,399,384],{},[168,401,354],{},[168,403,404],{},"Header subtitle text",[150,406,407,411,422,424,428],{},[168,408,409],{},[131,410,229],{},[168,412,413,415,416,415,418,415,420],{},[131,414,238],{}," | ",[131,417,242],{},[131,419,246],{},[131,421,249],{},[168,423,384],{},[168,425,426],{},[131,427,242],{},[168,429,430],{},"Direction the panel slides from",[139,432,434],{"id":433},"try-it","Try It",[127,436,437,438,443],{},"Paste the JSONL above into the ",[439,440,442],"a",{"href":441},"/playground","Playground"," to see it render.",[445,446,447],"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":260,"searchDepth":267,"depth":273,"links":449},[450,451,452,453],{"id":141,"depth":273,"text":142},{"id":252,"depth":273,"text":253},{"id":315,"depth":273,"text":316},{"id":433,"depth":273,"text":434},"A panel that slides in from the edge of the screen. Ideal for detail views, forms, and secondary content.","md",null,{},true,{"title":91,"description":454},"5fsVIQgp5cAAaD7IPTBSxUFWwU4tNyw-GyIqj7gx8Po",[462,464],{"title":87,"path":88,"stem":89,"description":463,"children":-1},"Toggle input with label and boolean value.",{"title":95,"path":96,"stem":97,"description":465,"children":-1},"Structured tabular data display with typed columns, alignment, and automatic TanStack Table integration.",1771187321368]