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