[{"data":1,"prerenderedAt":783},["ShallowReactive",2],{"navigation":3,"/components/row":117,"/components/row-surround":778},[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":59,"body":119,"description":771,"extension":772,"links":773,"meta":774,"navigation":775,"path":60,"seo":776,"stem":61,"__hash__":777},"docs/2.components/12.row.md",{"type":120,"value":121,"toc":764},"minimark",[122,127,202,206,653,657,719,723,746,750,760],[123,124,126],"h2",{"id":125},"a2ui-nuxt-ui-mapping","A2UI → Nuxt UI Mapping",[128,129,130,143],"table",{},[131,132,133],"thead",{},[134,135,136,140],"tr",{},[137,138,139],"th",{},"A2UI Property",[137,141,142],{},"CSS Result",[144,145,146,158,176,189],"tbody",{},[134,147,148,155],{},[149,150,151],"td",{},[152,153,154],"code",{},"children",[149,156,157],{},"Child components rendered inline",[134,159,160,165],{},[149,161,162],{},[152,163,164],{},"gap",[149,166,167,168,171,172,175],{},"Tailwind gap class (",[152,169,170],{},"gap-1"," to ",[152,173,174],{},"gap-8",")",[134,177,178,183],{},[149,179,180],{},[152,181,182],{},"justify",[149,184,185,188],{},[152,186,187],{},"justify-content"," (start, center, end, between)",[134,190,191,196],{},[149,192,193],{},[152,194,195],{},"align",[149,197,198,201],{},[152,199,200],{},"align-items"," (start, center, end, stretch)",[123,203,205],{"id":204},"example-jsonl","Example JSONL",[207,208,213],"pre",{"className":209,"code":210,"language":211,"meta":212,"style":212},"language-json shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","{\"version\":\"v0.10\",\"createSurface\":{\"surfaceId\":\"row_demo\",\"catalogId\":\"standard\"}}\n{\"version\":\"v0.10\",\"updateComponents\":{\"surfaceId\":\"row_demo\",\"components\":[\n  {\"id\":\"root\",\"component\":\"Row\",\"children\":[\"btn1\",\"btn2\",\"btn3\"]},\n  {\"id\":\"btn1\",\"component\":\"Button\",\"label\":\"Cancel\",\"variant\":\"ghost\"},\n  {\"id\":\"btn2\",\"component\":\"Button\",\"label\":\"Save Draft\",\"variant\":\"outline\"},\n  {\"id\":\"btn3\",\"component\":\"Button\",\"label\":\"Publish\",\"variant\":\"primary\"}\n]}}\n","json","",[152,214,215,295,351,430,504,575,647],{"__ignoreMap":212},[216,217,220,224,227,231,233,236,238,242,244,247,249,252,254,257,259,263,265,267,269,272,274,276,278,281,283,285,287,290,292],"span",{"class":218,"line":219},"line",1,[216,221,223],{"class":222},"sMK4o","{",[216,225,226],{"class":222},"\"",[216,228,230],{"class":229},"spNyl","version",[216,232,226],{"class":222},[216,234,235],{"class":222},":",[216,237,226],{"class":222},[216,239,241],{"class":240},"sfazB","v0.10",[216,243,226],{"class":222},[216,245,246],{"class":222},",",[216,248,226],{"class":222},[216,250,251],{"class":229},"createSurface",[216,253,226],{"class":222},[216,255,256],{"class":222},":{",[216,258,226],{"class":222},[216,260,262],{"class":261},"sBMFI","surfaceId",[216,264,226],{"class":222},[216,266,235],{"class":222},[216,268,226],{"class":222},[216,270,271],{"class":240},"row_demo",[216,273,226],{"class":222},[216,275,246],{"class":222},[216,277,226],{"class":222},[216,279,280],{"class":261},"catalogId",[216,282,226],{"class":222},[216,284,235],{"class":222},[216,286,226],{"class":222},[216,288,289],{"class":240},"standard",[216,291,226],{"class":222},[216,293,294],{"class":222},"}}\n",[216,296,298,300,302,304,306,308,310,312,314,316,318,321,323,325,327,329,331,333,335,337,339,341,343,346,348],{"class":218,"line":297},2,[216,299,223],{"class":222},[216,301,226],{"class":222},[216,303,230],{"class":229},[216,305,226],{"class":222},[216,307,235],{"class":222},[216,309,226],{"class":222},[216,311,241],{"class":240},[216,313,226],{"class":222},[216,315,246],{"class":222},[216,317,226],{"class":222},[216,319,320],{"class":229},"updateComponents",[216,322,226],{"class":222},[216,324,256],{"class":222},[216,326,226],{"class":222},[216,328,262],{"class":261},[216,330,226],{"class":222},[216,332,235],{"class":222},[216,334,226],{"class":222},[216,336,271],{"class":240},[216,338,226],{"class":222},[216,340,246],{"class":222},[216,342,226],{"class":222},[216,344,345],{"class":261},"components",[216,347,226],{"class":222},[216,349,350],{"class":222},":[\n",[216,352,354,357,359,363,365,367,369,372,374,376,378,381,383,385,387,389,391,393,395,397,399,402,404,407,409,411,413,416,418,420,422,425,427],{"class":218,"line":353},3,[216,355,356],{"class":222},"  {",[216,358,226],{"class":222},[216,360,362],{"class":361},"sbssI","id",[216,364,226],{"class":222},[216,366,235],{"class":222},[216,368,226],{"class":222},[216,370,371],{"class":240},"root",[216,373,226],{"class":222},[216,375,246],{"class":222},[216,377,226],{"class":222},[216,379,380],{"class":361},"component",[216,382,226],{"class":222},[216,384,235],{"class":222},[216,386,226],{"class":222},[216,388,59],{"class":240},[216,390,226],{"class":222},[216,392,246],{"class":222},[216,394,226],{"class":222},[216,396,154],{"class":361},[216,398,226],{"class":222},[216,400,401],{"class":222},":[",[216,403,226],{"class":222},[216,405,406],{"class":240},"btn1",[216,408,226],{"class":222},[216,410,246],{"class":222},[216,412,226],{"class":222},[216,414,415],{"class":240},"btn2",[216,417,226],{"class":222},[216,419,246],{"class":222},[216,421,226],{"class":222},[216,423,424],{"class":240},"btn3",[216,426,226],{"class":222},[216,428,429],{"class":222},"]},\n",[216,431,433,435,437,439,441,443,445,447,449,451,453,455,457,459,461,463,465,467,469,472,474,476,478,481,483,485,487,490,492,494,496,499,501],{"class":218,"line":432},4,[216,434,356],{"class":222},[216,436,226],{"class":222},[216,438,362],{"class":361},[216,440,226],{"class":222},[216,442,235],{"class":222},[216,444,226],{"class":222},[216,446,406],{"class":240},[216,448,226],{"class":222},[216,450,246],{"class":222},[216,452,226],{"class":222},[216,454,380],{"class":361},[216,456,226],{"class":222},[216,458,235],{"class":222},[216,460,226],{"class":222},[216,462,23],{"class":240},[216,464,226],{"class":222},[216,466,246],{"class":222},[216,468,226],{"class":222},[216,470,471],{"class":361},"label",[216,473,226],{"class":222},[216,475,235],{"class":222},[216,477,226],{"class":222},[216,479,480],{"class":240},"Cancel",[216,482,226],{"class":222},[216,484,246],{"class":222},[216,486,226],{"class":222},[216,488,489],{"class":361},"variant",[216,491,226],{"class":222},[216,493,235],{"class":222},[216,495,226],{"class":222},[216,497,498],{"class":240},"ghost",[216,500,226],{"class":222},[216,502,503],{"class":222},"},\n",[216,505,507,509,511,513,515,517,519,521,523,525,527,529,531,533,535,537,539,541,543,545,547,549,551,554,556,558,560,562,564,566,568,571,573],{"class":218,"line":506},5,[216,508,356],{"class":222},[216,510,226],{"class":222},[216,512,362],{"class":361},[216,514,226],{"class":222},[216,516,235],{"class":222},[216,518,226],{"class":222},[216,520,415],{"class":240},[216,522,226],{"class":222},[216,524,246],{"class":222},[216,526,226],{"class":222},[216,528,380],{"class":361},[216,530,226],{"class":222},[216,532,235],{"class":222},[216,534,226],{"class":222},[216,536,23],{"class":240},[216,538,226],{"class":222},[216,540,246],{"class":222},[216,542,226],{"class":222},[216,544,471],{"class":361},[216,546,226],{"class":222},[216,548,235],{"class":222},[216,550,226],{"class":222},[216,552,553],{"class":240},"Save Draft",[216,555,226],{"class":222},[216,557,246],{"class":222},[216,559,226],{"class":222},[216,561,489],{"class":361},[216,563,226],{"class":222},[216,565,235],{"class":222},[216,567,226],{"class":222},[216,569,570],{"class":240},"outline",[216,572,226],{"class":222},[216,574,503],{"class":222},[216,576,578,580,582,584,586,588,590,592,594,596,598,600,602,604,606,608,610,612,614,616,618,620,622,625,627,629,631,633,635,637,639,642,644],{"class":218,"line":577},6,[216,579,356],{"class":222},[216,581,226],{"class":222},[216,583,362],{"class":361},[216,585,226],{"class":222},[216,587,235],{"class":222},[216,589,226],{"class":222},[216,591,424],{"class":240},[216,593,226],{"class":222},[216,595,246],{"class":222},[216,597,226],{"class":222},[216,599,380],{"class":361},[216,601,226],{"class":222},[216,603,235],{"class":222},[216,605,226],{"class":222},[216,607,23],{"class":240},[216,609,226],{"class":222},[216,611,246],{"class":222},[216,613,226],{"class":222},[216,615,471],{"class":361},[216,617,226],{"class":222},[216,619,235],{"class":222},[216,621,226],{"class":222},[216,623,624],{"class":240},"Publish",[216,626,226],{"class":222},[216,628,246],{"class":222},[216,630,226],{"class":222},[216,632,489],{"class":361},[216,634,226],{"class":222},[216,636,235],{"class":222},[216,638,226],{"class":222},[216,640,641],{"class":240},"primary",[216,643,226],{"class":222},[216,645,646],{"class":222},"}\n",[216,648,650],{"class":218,"line":649},7,[216,651,652],{"class":222},"]}}\n",[123,654,656],{"id":655},"properties","Properties",[128,658,659,678],{},[131,660,661],{},[134,662,663,666,669,672,675],{},[137,664,665],{},"Property",[137,667,668],{},"Type",[137,670,671],{},"Required",[137,673,674],{},"Default",[137,676,677],{},"Description",[144,679,680,700],{},[134,681,682,686,691,694,697],{},[149,683,684],{},[152,685,154],{},[149,687,688,689],{},"string",[216,690],{},[149,692,693],{},"✅",[149,695,696],{},"—",[149,698,699],{},"Array of child component IDs",[134,701,702,706,709,711,716],{},[149,703,704],{},[152,705,164],{},[149,707,708],{},"number",[149,710,696],{},[149,712,713],{},[152,714,715],{},"2",[149,717,718],{},"Gap between children (Tailwind scale)",[123,720,722],{"id":721},"rendering-details","Rendering Details",[724,725,726,737,740],"ul",{},[727,728,729,730,733,734],"li",{},"Renders as ",[152,731,732],{},"flex flex-row"," with ",[152,735,736],{},"flex-wrap",[727,738,739],{},"Gap is mapped to Tailwind gap utilities",[727,741,742,743],{},"Children are rendered recursively via ",[152,744,745],{},"A2uiNode",[123,747,749],{"id":748},"try-it","Try It",[751,752,753,754,759],"p",{},"Copy the JSONL above and paste it in the ",[755,756,758],"a",{"href":757},"/playground","Playground"," Paste tab.",[761,762,763],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}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 .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}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":212,"searchDepth":219,"depth":297,"links":765},[766,767,768,769,770],{"id":125,"depth":297,"text":126},{"id":204,"depth":297,"text":205},{"id":655,"depth":297,"text":656},{"id":721,"depth":297,"text":722},{"id":748,"depth":297,"text":749},"Horizontal flex container with gap, justify, and align options.","md",null,{},true,{"title":59,"description":771},"KEJqFYpYNdx0o3K_FwlrLq-T9mMhq0QZiN3AXVkFrcM",[779,781],{"title":55,"path":56,"stem":57,"description":780,"children":-1},"Native HTML5 audio player with optional description.",{"title":63,"path":64,"stem":65,"description":782,"children":-1},"Vertical flex container with gap, justify, and align options.",1771187321365]