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