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