[{"data":1,"prerenderedAt":972},["ShallowReactive",2],{"navigation":3,"/components/list":117,"/components/list-surround":967},[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":67,"body":119,"description":960,"extension":961,"links":962,"meta":963,"navigation":964,"path":68,"seo":965,"stem":69,"__hash__":966},"docs/2.components/14.list.md",{"type":120,"value":121,"toc":953},"minimark",[122,127,185,189,816,820,906,910,935,939,949],[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,175],"tbody",{},[134,147,148,155],{},[149,150,151],"td",{},[152,153,154],"code",{},"children",[149,156,157],{},"Child components in scrollable container",[134,159,160,165],{},[149,161,162],{},[152,163,164],{},"direction",[149,166,167,170,171,174],{},[152,168,169],{},"flex-col"," (vertical) or ",[152,172,173],{},"flex-row"," (horizontal)",[134,176,177,182],{},[149,178,179],{},[152,180,181],{},"gap",[149,183,184],{},"Tailwind gap class",[123,186,188],{"id":187},"example-jsonl","Example JSONL",[190,191,196],"pre",{"className":192,"code":193,"language":194,"meta":195,"style":195},"language-json shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","{\"version\":\"v0.10\",\"createSurface\":{\"surfaceId\":\"list_demo\",\"catalogId\":\"standard\"}}\n{\"version\":\"v0.10\",\"updateComponents\":{\"surfaceId\":\"list_demo\",\"components\":[\n  {\"id\":\"root\",\"component\":\"List\",\"children\":[\"card1\",\"card2\",\"card3\"],\"direction\":\"horizontal\"},\n  {\"id\":\"card1\",\"component\":\"Card\",\"child\":\"t1\",\"title\":\"Item 1\"},\n  {\"id\":\"t1\",\"component\":\"Text\",\"text\":\"First item content\"},\n  {\"id\":\"card2\",\"component\":\"Card\",\"child\":\"t2\",\"title\":\"Item 2\"},\n  {\"id\":\"t2\",\"component\":\"Text\",\"text\":\"Second item content\"},\n  {\"id\":\"card3\",\"component\":\"Card\",\"child\":\"t3\",\"title\":\"Item 3\"},\n  {\"id\":\"t3\",\"component\":\"Text\",\"text\":\"Third item content\"}\n]}}\n","json","",[152,197,198,278,334,431,504,559,630,684,755,810],{"__ignoreMap":195},[199,200,203,207,210,214,216,219,221,225,227,230,232,235,237,240,242,246,248,250,252,255,257,259,261,264,266,268,270,273,275],"span",{"class":201,"line":202},"line",1,[199,204,206],{"class":205},"sMK4o","{",[199,208,209],{"class":205},"\"",[199,211,213],{"class":212},"spNyl","version",[199,215,209],{"class":205},[199,217,218],{"class":205},":",[199,220,209],{"class":205},[199,222,224],{"class":223},"sfazB","v0.10",[199,226,209],{"class":205},[199,228,229],{"class":205},",",[199,231,209],{"class":205},[199,233,234],{"class":212},"createSurface",[199,236,209],{"class":205},[199,238,239],{"class":205},":{",[199,241,209],{"class":205},[199,243,245],{"class":244},"sBMFI","surfaceId",[199,247,209],{"class":205},[199,249,218],{"class":205},[199,251,209],{"class":205},[199,253,254],{"class":223},"list_demo",[199,256,209],{"class":205},[199,258,229],{"class":205},[199,260,209],{"class":205},[199,262,263],{"class":244},"catalogId",[199,265,209],{"class":205},[199,267,218],{"class":205},[199,269,209],{"class":205},[199,271,272],{"class":223},"standard",[199,274,209],{"class":205},[199,276,277],{"class":205},"}}\n",[199,279,281,283,285,287,289,291,293,295,297,299,301,304,306,308,310,312,314,316,318,320,322,324,326,329,331],{"class":201,"line":280},2,[199,282,206],{"class":205},[199,284,209],{"class":205},[199,286,213],{"class":212},[199,288,209],{"class":205},[199,290,218],{"class":205},[199,292,209],{"class":205},[199,294,224],{"class":223},[199,296,209],{"class":205},[199,298,229],{"class":205},[199,300,209],{"class":205},[199,302,303],{"class":212},"updateComponents",[199,305,209],{"class":205},[199,307,239],{"class":205},[199,309,209],{"class":205},[199,311,245],{"class":244},[199,313,209],{"class":205},[199,315,218],{"class":205},[199,317,209],{"class":205},[199,319,254],{"class":223},[199,321,209],{"class":205},[199,323,229],{"class":205},[199,325,209],{"class":205},[199,327,328],{"class":244},"components",[199,330,209],{"class":205},[199,332,333],{"class":205},":[\n",[199,335,337,340,342,346,348,350,352,355,357,359,361,364,366,368,370,372,374,376,378,380,382,385,387,390,392,394,396,399,401,403,405,408,410,413,415,417,419,421,423,426,428],{"class":201,"line":336},3,[199,338,339],{"class":205},"  {",[199,341,209],{"class":205},[199,343,345],{"class":344},"sbssI","id",[199,347,209],{"class":205},[199,349,218],{"class":205},[199,351,209],{"class":205},[199,353,354],{"class":223},"root",[199,356,209],{"class":205},[199,358,229],{"class":205},[199,360,209],{"class":205},[199,362,363],{"class":344},"component",[199,365,209],{"class":205},[199,367,218],{"class":205},[199,369,209],{"class":205},[199,371,67],{"class":223},[199,373,209],{"class":205},[199,375,229],{"class":205},[199,377,209],{"class":205},[199,379,154],{"class":344},[199,381,209],{"class":205},[199,383,384],{"class":205},":[",[199,386,209],{"class":205},[199,388,389],{"class":223},"card1",[199,391,209],{"class":205},[199,393,229],{"class":205},[199,395,209],{"class":205},[199,397,398],{"class":223},"card2",[199,400,209],{"class":205},[199,402,229],{"class":205},[199,404,209],{"class":205},[199,406,407],{"class":223},"card3",[199,409,209],{"class":205},[199,411,412],{"class":205},"],",[199,414,209],{"class":205},[199,416,164],{"class":344},[199,418,209],{"class":205},[199,420,218],{"class":205},[199,422,209],{"class":205},[199,424,425],{"class":223},"horizontal",[199,427,209],{"class":205},[199,429,430],{"class":205},"},\n",[199,432,434,436,438,440,442,444,446,448,450,452,454,456,458,460,462,464,466,468,470,473,475,477,479,482,484,486,488,491,493,495,497,500,502],{"class":201,"line":433},4,[199,435,339],{"class":205},[199,437,209],{"class":205},[199,439,345],{"class":344},[199,441,209],{"class":205},[199,443,218],{"class":205},[199,445,209],{"class":205},[199,447,389],{"class":223},[199,449,209],{"class":205},[199,451,229],{"class":205},[199,453,209],{"class":205},[199,455,363],{"class":344},[199,457,209],{"class":205},[199,459,218],{"class":205},[199,461,209],{"class":205},[199,463,71],{"class":223},[199,465,209],{"class":205},[199,467,229],{"class":205},[199,469,209],{"class":205},[199,471,472],{"class":344},"child",[199,474,209],{"class":205},[199,476,218],{"class":205},[199,478,209],{"class":205},[199,480,481],{"class":223},"t1",[199,483,209],{"class":205},[199,485,229],{"class":205},[199,487,209],{"class":205},[199,489,490],{"class":344},"title",[199,492,209],{"class":205},[199,494,218],{"class":205},[199,496,209],{"class":205},[199,498,499],{"class":223},"Item 1",[199,501,209],{"class":205},[199,503,430],{"class":205},[199,505,507,509,511,513,515,517,519,521,523,525,527,529,531,533,535,537,539,541,543,546,548,550,552,555,557],{"class":201,"line":506},5,[199,508,339],{"class":205},[199,510,209],{"class":205},[199,512,345],{"class":344},[199,514,209],{"class":205},[199,516,218],{"class":205},[199,518,209],{"class":205},[199,520,481],{"class":223},[199,522,209],{"class":205},[199,524,229],{"class":205},[199,526,209],{"class":205},[199,528,363],{"class":344},[199,530,209],{"class":205},[199,532,218],{"class":205},[199,534,209],{"class":205},[199,536,19],{"class":223},[199,538,209],{"class":205},[199,540,229],{"class":205},[199,542,209],{"class":205},[199,544,545],{"class":344},"text",[199,547,209],{"class":205},[199,549,218],{"class":205},[199,551,209],{"class":205},[199,553,554],{"class":223},"First item content",[199,556,209],{"class":205},[199,558,430],{"class":205},[199,560,562,564,566,568,570,572,574,576,578,580,582,584,586,588,590,592,594,596,598,600,602,604,606,609,611,613,615,617,619,621,623,626,628],{"class":201,"line":561},6,[199,563,339],{"class":205},[199,565,209],{"class":205},[199,567,345],{"class":344},[199,569,209],{"class":205},[199,571,218],{"class":205},[199,573,209],{"class":205},[199,575,398],{"class":223},[199,577,209],{"class":205},[199,579,229],{"class":205},[199,581,209],{"class":205},[199,583,363],{"class":344},[199,585,209],{"class":205},[199,587,218],{"class":205},[199,589,209],{"class":205},[199,591,71],{"class":223},[199,593,209],{"class":205},[199,595,229],{"class":205},[199,597,209],{"class":205},[199,599,472],{"class":344},[199,601,209],{"class":205},[199,603,218],{"class":205},[199,605,209],{"class":205},[199,607,608],{"class":223},"t2",[199,610,209],{"class":205},[199,612,229],{"class":205},[199,614,209],{"class":205},[199,616,490],{"class":344},[199,618,209],{"class":205},[199,620,218],{"class":205},[199,622,209],{"class":205},[199,624,625],{"class":223},"Item 2",[199,627,209],{"class":205},[199,629,430],{"class":205},[199,631,633,635,637,639,641,643,645,647,649,651,653,655,657,659,661,663,665,667,669,671,673,675,677,680,682],{"class":201,"line":632},7,[199,634,339],{"class":205},[199,636,209],{"class":205},[199,638,345],{"class":344},[199,640,209],{"class":205},[199,642,218],{"class":205},[199,644,209],{"class":205},[199,646,608],{"class":223},[199,648,209],{"class":205},[199,650,229],{"class":205},[199,652,209],{"class":205},[199,654,363],{"class":344},[199,656,209],{"class":205},[199,658,218],{"class":205},[199,660,209],{"class":205},[199,662,19],{"class":223},[199,664,209],{"class":205},[199,666,229],{"class":205},[199,668,209],{"class":205},[199,670,545],{"class":344},[199,672,209],{"class":205},[199,674,218],{"class":205},[199,676,209],{"class":205},[199,678,679],{"class":223},"Second item content",[199,681,209],{"class":205},[199,683,430],{"class":205},[199,685,687,689,691,693,695,697,699,701,703,705,707,709,711,713,715,717,719,721,723,725,727,729,731,734,736,738,740,742,744,746,748,751,753],{"class":201,"line":686},8,[199,688,339],{"class":205},[199,690,209],{"class":205},[199,692,345],{"class":344},[199,694,209],{"class":205},[199,696,218],{"class":205},[199,698,209],{"class":205},[199,700,407],{"class":223},[199,702,209],{"class":205},[199,704,229],{"class":205},[199,706,209],{"class":205},[199,708,363],{"class":344},[199,710,209],{"class":205},[199,712,218],{"class":205},[199,714,209],{"class":205},[199,716,71],{"class":223},[199,718,209],{"class":205},[199,720,229],{"class":205},[199,722,209],{"class":205},[199,724,472],{"class":344},[199,726,209],{"class":205},[199,728,218],{"class":205},[199,730,209],{"class":205},[199,732,733],{"class":223},"t3",[199,735,209],{"class":205},[199,737,229],{"class":205},[199,739,209],{"class":205},[199,741,490],{"class":344},[199,743,209],{"class":205},[199,745,218],{"class":205},[199,747,209],{"class":205},[199,749,750],{"class":223},"Item 3",[199,752,209],{"class":205},[199,754,430],{"class":205},[199,756,758,760,762,764,766,768,770,772,774,776,778,780,782,784,786,788,790,792,794,796,798,800,802,805,807],{"class":201,"line":757},9,[199,759,339],{"class":205},[199,761,209],{"class":205},[199,763,345],{"class":344},[199,765,209],{"class":205},[199,767,218],{"class":205},[199,769,209],{"class":205},[199,771,733],{"class":223},[199,773,209],{"class":205},[199,775,229],{"class":205},[199,777,209],{"class":205},[199,779,363],{"class":344},[199,781,209],{"class":205},[199,783,218],{"class":205},[199,785,209],{"class":205},[199,787,19],{"class":223},[199,789,209],{"class":205},[199,791,229],{"class":205},[199,793,209],{"class":205},[199,795,545],{"class":344},[199,797,209],{"class":205},[199,799,218],{"class":205},[199,801,209],{"class":205},[199,803,804],{"class":223},"Third item content",[199,806,209],{"class":205},[199,808,809],{"class":205},"}\n",[199,811,813],{"class":201,"line":812},10,[199,814,815],{"class":205},"]}}\n",[123,817,819],{"id":818},"properties","Properties",[128,821,822,841],{},[131,823,824],{},[134,825,826,829,832,835,838],{},[137,827,828],{},"Property",[137,830,831],{},"Type",[137,833,834],{},"Required",[137,836,837],{},"Default",[137,839,840],{},"Description",[144,842,843,863,887],{},[134,844,845,849,854,857,860],{},[149,846,847],{},[152,848,154],{},[149,850,851,852],{},"string",[199,853],{},[149,855,856],{},"✅",[149,858,859],{},"—",[149,861,862],{},"Array of child component IDs",[134,864,865,869,872,874,879],{},[149,866,867],{},[152,868,164],{},[149,870,871],{},"enum",[149,873,859],{},[149,875,876],{},[152,877,878],{},"\"vertical\"",[149,880,881,883,884],{},[152,882,878],{}," or ",[152,885,886],{},"\"horizontal\"",[134,888,889,893,896,898,903],{},[149,890,891],{},[152,892,181],{},[149,894,895],{},"number",[149,897,859],{},[149,899,900],{},[152,901,902],{},"2",[149,904,905],{},"Gap between items",[123,907,909],{"id":908},"rendering-details","Rendering Details",[911,912,913,921,927,932],"ul",{},[914,915,916,917,920],"li",{},"Adds ",[152,918,919],{},"overflow-auto"," for scrolling when content exceeds container",[914,922,923,924,926],{},"Horizontal lists use ",[152,925,173],{}," with no wrapping",[914,928,929,930],{},"Vertical lists use ",[152,931,169],{},[914,933,934],{},"Differs from Row/Column by having built-in scroll behavior",[123,936,938],{"id":937},"try-it","Try It",[940,941,942,943,948],"p",{},"Copy the JSONL above and paste it in the ",[944,945,947],"a",{"href":946},"/playground","Playground"," Paste tab.",[950,951,952],"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":195,"searchDepth":202,"depth":280,"links":954},[955,956,957,958,959],{"id":125,"depth":280,"text":126},{"id":187,"depth":280,"text":188},{"id":818,"depth":280,"text":819},{"id":908,"depth":280,"text":909},{"id":937,"depth":280,"text":938},"Scrollable container supporting vertical or horizontal direction.","md",null,{},true,{"title":67,"description":960},"RxqcB2Hk7j97CWWGsEYZSAkKxwhEdNgdCC4YdPSQ3S4",[968,970],{"title":63,"path":64,"stem":65,"description":969,"children":-1},"Vertical flex container with gap, justify, and align options.",{"title":71,"path":72,"stem":73,"description":971,"children":-1},"Content container with optional title header.",1771187321366]