[{"data":1,"prerenderedAt":632},["ShallowReactive",2],{"navigation":3,"/components/image":117,"/components/image-surround":627},[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":43,"body":119,"description":620,"extension":621,"links":622,"meta":623,"navigation":624,"path":44,"seo":625,"stem":45,"__hash__":626},"docs/2.components/08.image.md",{"type":120,"value":121,"toc":613},"minimark",[122,127,196,200,485,489,573,577,595,599,609],[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],{},"HTML Result",[144,145,146,161,171],"tbody",{},[134,147,148,155],{},[149,150,151],"td",{},[152,153,154],"code",{},"url",[149,156,157,160],{},[152,158,159],{},"\u003Cimg>"," src attribute",[134,162,163,168],{},[149,164,165],{},[152,166,167],{},"alt",[149,169,170],{},"Alt text for accessibility",[134,172,173,178],{},[149,174,175],{},[152,176,177],{},"fit",[149,179,180,181,184,185,188,189,188,192,195],{},"CSS ",[152,182,183],{},"object-fit"," value (",[152,186,187],{},"cover",", ",[152,190,191],{},"contain",[152,193,194],{},"fill",")",[123,197,199],{"id":198},"example-jsonl","Example JSONL",[201,202,207],"pre",{"className":203,"code":204,"language":205,"meta":206,"style":206},"language-json shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","{\"version\":\"v0.10\",\"createSurface\":{\"surfaceId\":\"img_demo\",\"catalogId\":\"standard\"}}\n{\"version\":\"v0.10\",\"updateComponents\":{\"surfaceId\":\"img_demo\",\"components\":[\n  {\"id\":\"root\",\"component\":\"Column\",\"children\":[\"photo\"]},\n  {\"id\":\"photo\",\"component\":\"Image\",\"url\":\"https://picsum.photos/600/400\",\"alt\":\"Random photo\"}\n]}}\n","json","",[152,208,209,289,345,407,479],{"__ignoreMap":206},[210,211,214,218,221,225,227,230,232,236,238,241,243,246,248,251,253,257,259,261,263,266,268,270,272,275,277,279,281,284,286],"span",{"class":212,"line":213},"line",1,[210,215,217],{"class":216},"sMK4o","{",[210,219,220],{"class":216},"\"",[210,222,224],{"class":223},"spNyl","version",[210,226,220],{"class":216},[210,228,229],{"class":216},":",[210,231,220],{"class":216},[210,233,235],{"class":234},"sfazB","v0.10",[210,237,220],{"class":216},[210,239,240],{"class":216},",",[210,242,220],{"class":216},[210,244,245],{"class":223},"createSurface",[210,247,220],{"class":216},[210,249,250],{"class":216},":{",[210,252,220],{"class":216},[210,254,256],{"class":255},"sBMFI","surfaceId",[210,258,220],{"class":216},[210,260,229],{"class":216},[210,262,220],{"class":216},[210,264,265],{"class":234},"img_demo",[210,267,220],{"class":216},[210,269,240],{"class":216},[210,271,220],{"class":216},[210,273,274],{"class":255},"catalogId",[210,276,220],{"class":216},[210,278,229],{"class":216},[210,280,220],{"class":216},[210,282,283],{"class":234},"standard",[210,285,220],{"class":216},[210,287,288],{"class":216},"}}\n",[210,290,292,294,296,298,300,302,304,306,308,310,312,315,317,319,321,323,325,327,329,331,333,335,337,340,342],{"class":212,"line":291},2,[210,293,217],{"class":216},[210,295,220],{"class":216},[210,297,224],{"class":223},[210,299,220],{"class":216},[210,301,229],{"class":216},[210,303,220],{"class":216},[210,305,235],{"class":234},[210,307,220],{"class":216},[210,309,240],{"class":216},[210,311,220],{"class":216},[210,313,314],{"class":223},"updateComponents",[210,316,220],{"class":216},[210,318,250],{"class":216},[210,320,220],{"class":216},[210,322,256],{"class":255},[210,324,220],{"class":216},[210,326,229],{"class":216},[210,328,220],{"class":216},[210,330,265],{"class":234},[210,332,220],{"class":216},[210,334,240],{"class":216},[210,336,220],{"class":216},[210,338,339],{"class":255},"components",[210,341,220],{"class":216},[210,343,344],{"class":216},":[\n",[210,346,348,351,353,357,359,361,363,366,368,370,372,375,377,379,381,383,385,387,389,392,394,397,399,402,404],{"class":212,"line":347},3,[210,349,350],{"class":216},"  {",[210,352,220],{"class":216},[210,354,356],{"class":355},"sbssI","id",[210,358,220],{"class":216},[210,360,229],{"class":216},[210,362,220],{"class":216},[210,364,365],{"class":234},"root",[210,367,220],{"class":216},[210,369,240],{"class":216},[210,371,220],{"class":216},[210,373,374],{"class":355},"component",[210,376,220],{"class":216},[210,378,229],{"class":216},[210,380,220],{"class":216},[210,382,63],{"class":234},[210,384,220],{"class":216},[210,386,240],{"class":216},[210,388,220],{"class":216},[210,390,391],{"class":355},"children",[210,393,220],{"class":216},[210,395,396],{"class":216},":[",[210,398,220],{"class":216},[210,400,401],{"class":234},"photo",[210,403,220],{"class":216},[210,405,406],{"class":216},"]},\n",[210,408,410,412,414,416,418,420,422,424,426,428,430,432,434,436,438,440,442,444,446,448,450,452,454,457,459,461,463,465,467,469,471,474,476],{"class":212,"line":409},4,[210,411,350],{"class":216},[210,413,220],{"class":216},[210,415,356],{"class":355},[210,417,220],{"class":216},[210,419,229],{"class":216},[210,421,220],{"class":216},[210,423,401],{"class":234},[210,425,220],{"class":216},[210,427,240],{"class":216},[210,429,220],{"class":216},[210,431,374],{"class":355},[210,433,220],{"class":216},[210,435,229],{"class":216},[210,437,220],{"class":216},[210,439,43],{"class":234},[210,441,220],{"class":216},[210,443,240],{"class":216},[210,445,220],{"class":216},[210,447,154],{"class":355},[210,449,220],{"class":216},[210,451,229],{"class":216},[210,453,220],{"class":216},[210,455,456],{"class":234},"https://picsum.photos/600/400",[210,458,220],{"class":216},[210,460,240],{"class":216},[210,462,220],{"class":216},[210,464,167],{"class":355},[210,466,220],{"class":216},[210,468,229],{"class":216},[210,470,220],{"class":216},[210,472,473],{"class":234},"Random photo",[210,475,220],{"class":216},[210,477,478],{"class":216},"}\n",[210,480,482],{"class":212,"line":481},5,[210,483,484],{"class":216},"]}}\n",[123,486,488],{"id":487},"properties","Properties",[128,490,491,510],{},[131,492,493],{},[134,494,495,498,501,504,507],{},[137,496,497],{},"Property",[137,499,500],{},"Type",[137,502,503],{},"Required",[137,505,506],{},"Default",[137,508,509],{},"Description",[144,511,512,530,548],{},[134,513,514,518,521,524,527],{},[149,515,516],{},[152,517,154],{},[149,519,520],{},"string",[149,522,523],{},"✅",[149,525,526],{},"—",[149,528,529],{},"Image source URL",[134,531,532,536,538,540,545],{},[149,533,534],{},[152,535,167],{},[149,537,520],{},[149,539,526],{},[149,541,542],{},[152,543,544],{},"\"\"",[149,546,547],{},"Alt text for screen readers",[134,549,550,554,557,559,561],{},[149,551,552],{},[152,553,177],{},[149,555,556],{},"enum",[149,558,526],{},[149,560,526],{},[149,562,563,564,188,567,188,570],{},"CSS object-fit: ",[152,565,566],{},"\"cover\"",[152,568,569],{},"\"contain\"",[152,571,572],{},"\"fill\"",[123,574,576],{"id":575},"rendering-details","Rendering Details",[578,579,580,587,592],"ul",{},[581,582,583,584,586],"li",{},"Uses a native ",[152,585,159],{}," element with responsive width",[581,588,589,591],{},[152,590,167],{}," text is passed through for accessibility",[581,593,594],{},"No lazy-loading by default (can be added via renderer config)",[123,596,598],{"id":597},"try-it","Try It",[600,601,602,603,608],"p",{},"Copy the JSONL above and paste it in the ",[604,605,607],"a",{"href":606},"/playground","Playground"," Paste tab.",[610,611,612],"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":206,"searchDepth":213,"depth":291,"links":614},[615,616,617,618,619],{"id":125,"depth":291,"text":126},{"id":198,"depth":291,"text":199},{"id":487,"depth":291,"text":488},{"id":575,"depth":291,"text":576},{"id":597,"depth":291,"text":598},"Responsive image display with fit and sizing options.","md",null,{},true,{"title":43,"description":620},"x-8zn6CqZRQvzegnERetYMfo7gUTeYyg7zdWDlYpxKQ",[628,630],{"title":39,"path":40,"stem":41,"description":629,"children":-1},"Date, time, or datetime input with auto-detection.",{"title":47,"path":48,"stem":49,"description":631,"children":-1},"Named icon display mapped to the Lucide icon set.",1771187321363]