[{"data":1,"prerenderedAt":1946},["ShallowReactive",2],{"navigation":3,"page:\u002Fcomponents\u002Fform":207,"\u002Fcomponents\u002Fform-surround":1941},[4,28],{"title":5,"path":6,"stem":7,"children":8,"icon":27},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,12,17,22],{"title":10,"path":6,"stem":7,"icon":11},"Introduction","i-lucide-house",{"title":13,"path":14,"stem":15,"icon":16},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":18,"path":19,"stem":20,"icon":21},"Styling","\u002Fgetting-started\u002Fstyling","1.getting-started\u002F3.styling","i-lucide-paintbrush",{"title":23,"path":24,"stem":25,"icon":26},"Usage","\u002Fgetting-started\u002Fusage","1.getting-started\u002F4.usage","i-lucide-sliders",false,{"title":29,"path":30,"stem":31,"children":32,"icon":35},"Components","\u002Fcomponents","2.components\u002F1.index",[33,36,41,46,51,56,61,66,71,76,81,86,91,96,101,106,111,115,120,125,130,135,140,145,150,155,160,165,170,175,180,184,188,193,197,202],{"title":34,"path":30,"stem":31,"icon":35},"All Components","i-lucide-component",{"title":37,"path":38,"stem":39,"icon":40},"Accordion","\u002Fcomponents\u002Faccordion","2.components\u002Faccordion","i-lucide-layout-panel-top",{"title":42,"path":43,"stem":44,"icon":45},"Alert Dialog","\u002Fcomponents\u002Falert-dialog","2.components\u002Falert-dialog","i-lucide-triangle-alert",{"title":47,"path":48,"stem":49,"icon":50},"Avatar","\u002Fcomponents\u002Favatar","2.components\u002Favatar","i-lucide-circle-user",{"title":52,"path":53,"stem":54,"icon":55},"Button","\u002Fcomponents\u002Fbutton","2.components\u002Fbutton","i-lucide-mouse-pointer-click",{"title":57,"path":58,"stem":59,"icon":60},"Checkbox","\u002Fcomponents\u002Fcheckbox","2.components\u002Fcheckbox","i-lucide-square-check",{"title":62,"path":63,"stem":64,"icon":65},"Checkbox Group","\u002Fcomponents\u002Fcheckbox-group","2.components\u002Fcheckbox-group","i-lucide-list-checks",{"title":67,"path":68,"stem":69,"icon":70},"Collapsible","\u002Fcomponents\u002Fcollapsible","2.components\u002Fcollapsible","i-lucide-chevrons-down-up",{"title":72,"path":73,"stem":74,"icon":75},"Combobox","\u002Fcomponents\u002Fcombobox","2.components\u002Fcombobox","i-lucide-search",{"title":77,"path":78,"stem":79,"icon":80},"Context Menu","\u002Fcomponents\u002Fcontext-menu","2.components\u002Fcontext-menu","i-lucide-mouse-pointer-2",{"title":82,"path":83,"stem":84,"icon":85},"Dialog","\u002Fcomponents\u002Fdialog","2.components\u002Fdialog","i-lucide-square",{"title":87,"path":88,"stem":89,"icon":90},"Drawer","\u002Fcomponents\u002Fdrawer","2.components\u002Fdrawer","i-lucide-panel-right",{"title":92,"path":93,"stem":94,"icon":95},"Field","\u002Fcomponents\u002Ffield","2.components\u002Ffield","i-lucide-text-cursor-input",{"title":97,"path":98,"stem":99,"icon":100},"Fieldset","\u002Fcomponents\u002Ffieldset","2.components\u002Ffieldset","i-lucide-group",{"title":102,"path":103,"stem":104,"icon":105},"Form","\u002Fcomponents\u002Fform","2.components\u002Fform","i-lucide-clipboard-check",{"title":107,"path":108,"stem":109,"icon":110},"Hover Preview Card","\u002Fcomponents\u002Fhover-preview-card","2.components\u002Fhover-preview-card","i-lucide-id-card",{"title":112,"path":113,"stem":114,"icon":95},"Input","\u002Fcomponents\u002Finput","2.components\u002Finput",{"title":116,"path":117,"stem":118,"icon":119},"Menu","\u002Fcomponents\u002Fmenu","2.components\u002Fmenu","i-lucide-list",{"title":121,"path":122,"stem":123,"icon":124},"Menubar","\u002Fcomponents\u002Fmenubar","2.components\u002Fmenubar","i-lucide-panel-top",{"title":126,"path":127,"stem":128,"icon":129},"Meter","\u002Fcomponents\u002Fmeter","2.components\u002Fmeter","i-lucide-gauge",{"title":131,"path":132,"stem":133,"icon":134},"Navigation Menu","\u002Fcomponents\u002Fnavigation-menu","2.components\u002Fnavigation-menu","i-lucide-navigation",{"title":136,"path":137,"stem":138,"icon":139},"Number Field","\u002Fcomponents\u002Fnumber-field","2.components\u002Fnumber-field","i-lucide-badge-plus",{"title":141,"path":142,"stem":143,"icon":144},"Overlay Provider","\u002Fcomponents\u002Foverlay","2.components\u002Foverlay","i-lucide-panels-top-left",{"title":146,"path":147,"stem":148,"icon":149},"Popover","\u002Fcomponents\u002Fpopover","2.components\u002Fpopover","i-lucide-message-square",{"title":151,"path":152,"stem":153,"icon":154},"Progress","\u002Fcomponents\u002Fprogress","2.components\u002Fprogress","i-lucide-loader",{"title":156,"path":157,"stem":158,"icon":159},"Radio Group","\u002Fcomponents\u002Fradio-group","2.components\u002Fradio-group","i-lucide-circle-dot",{"title":161,"path":162,"stem":163,"icon":164},"Select","\u002Fcomponents\u002Fselect","2.components\u002Fselect","i-lucide-list-filter",{"title":166,"path":167,"stem":168,"icon":169},"Separator","\u002Fcomponents\u002Fseparator","2.components\u002Fseparator","i-lucide-minus",{"title":171,"path":172,"stem":173,"icon":174},"Slider","\u002Fcomponents\u002Fslider","2.components\u002Fslider","i-lucide-sliders-horizontal",{"title":176,"path":177,"stem":178,"icon":179},"Switch","\u002Fcomponents\u002Fswitch","2.components\u002Fswitch","i-lucide-toggle-left",{"title":181,"path":182,"stem":183,"icon":40},"Tabs","\u002Fcomponents\u002Ftabs","2.components\u002Ftabs",{"title":185,"path":186,"stem":187,"icon":149},"Toast","\u002Fcomponents\u002Ftoast","2.components\u002Ftoast",{"title":189,"path":190,"stem":191,"icon":192},"Toggle","\u002Fcomponents\u002Ftoggle","2.components\u002Ftoggle","i-lucide-toggle-right",{"title":194,"path":195,"stem":196,"icon":65},"Toggle Group","\u002Fcomponents\u002Ftoggle-group","2.components\u002Ftoggle-group",{"title":198,"path":199,"stem":200,"icon":201},"Toolbar","\u002Fcomponents\u002Ftoolbar","2.components\u002Ftoolbar","i-lucide-wrench",{"title":203,"path":204,"stem":205,"icon":206},"Tooltip","\u002Fcomponents\u002Ftooltip","2.components\u002Ftooltip","i-lucide-info",{"id":208,"title":102,"body":209,"description":1934,"extension":1935,"links":1936,"meta":1937,"navigation":1938,"path":103,"seo":1939,"stem":104,"__hash__":1940},"docs\u002F2.components\u002Fform.md",{"type":210,"value":211,"toc":1915},"minimark",[212,231,234,239,264,274,277,283,591,595,600,607,861,865,874,1036,1040,1046,1214,1218,1232,1387,1391,1394,1536,1540,1544,1711,1715,1769,1773,1807,1811,1834,1838,1862,1866,1900,1911],[213,214,215,218,219,222,223,226,227,230],"p",{},[216,217,102],"code",{}," wraps a native form and emits typed submit details: the original submit event, ",[216,220,221],{},"FormData",", submitted values, and validity state. Pass ",[216,224,225],{},"errors"," to show server-side errors through matching ",[228,229,92],"a",{"href":93}," names.",[213,232,233],{},"Use it when you want native form behavior with Vue-friendly submit payloads and field-level server errors.",[235,236,238],"h2",{"id":237},"anatomy","Anatomy",[240,241,242],"ul",{},[243,244,245,251,252,255,256,259,260,263],"li",{},[246,247,248],"strong",{},[216,249,250],{},"#default",": Form contents. Receives ",[216,253,254],{},"state",", ",[216,257,258],{},"submitted",", and ",[216,261,262],{},"valid",".",[213,265,266,267,270,271,273],{},"The native ",[216,268,269],{},"\u003Cform>"," root is generated by the component. Submit events expose ",[216,272,221],{},", a values object, native validity, and a cancelable details object.",[235,275,23],{"id":276},"usage",[278,279,280],"component-preview",{},[281,282],"examples-form-demo",{},[284,285,286],"component-code",{},[287,288,293],"pre",{"className":289,"code":290,"language":291,"meta":292,"style":292},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport type { FormSubmitDetails, FormValues } from \"akaza-ui\";\nimport { Form } from \"akaza-ui\";\n\nfunction onSubmit(details: FormSubmitDetails) {\n  console.log(details.formData);\n}\n\nfunction onFormSubmit(values: FormValues) {\n  console.log(values);\n}\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CForm @submit=\"onSubmit\" @form-submit=\"onFormSubmit\">\n    \u003C!-- fields -->\n  \u003C\u002FForm>\n\u003C\u002Ftemplate>\n","vue","",[216,294,295,330,370,392,399,428,452,458,463,484,501,506,516,521,531,565,572,582],{"__ignoreMap":292},[296,297,300,304,308,312,315,318,321,325,327],"span",{"class":298,"line":299},"line",1,[296,301,303],{"class":302},"sMK4o","\u003C",[296,305,307],{"class":306},"swJcz","script",[296,309,311],{"class":310},"spNyl"," setup",[296,313,314],{"class":310}," lang",[296,316,317],{"class":302},"=",[296,319,320],{"class":302},"\"",[296,322,324],{"class":323},"sfazB","ts",[296,326,320],{"class":302},[296,328,329],{"class":302},">\n",[296,331,333,337,340,343,347,350,353,356,359,362,365,367],{"class":298,"line":332},2,[296,334,336],{"class":335},"s7zQu","import",[296,338,339],{"class":335}," type",[296,341,342],{"class":302}," {",[296,344,346],{"class":345},"sTEyZ"," FormSubmitDetails",[296,348,349],{"class":302},",",[296,351,352],{"class":345}," FormValues",[296,354,355],{"class":302}," }",[296,357,358],{"class":335}," from",[296,360,361],{"class":302}," \"",[296,363,364],{"class":323},"akaza-ui",[296,366,320],{"class":302},[296,368,369],{"class":302},";\n",[296,371,373,375,377,380,382,384,386,388,390],{"class":298,"line":372},3,[296,374,336],{"class":335},[296,376,342],{"class":302},[296,378,379],{"class":345}," Form",[296,381,355],{"class":302},[296,383,358],{"class":335},[296,385,361],{"class":302},[296,387,364],{"class":323},[296,389,320],{"class":302},[296,391,369],{"class":302},[296,393,395],{"class":298,"line":394},4,[296,396,398],{"emptyLinePlaceholder":397},true,"\n",[296,400,402,405,409,412,416,419,422,425],{"class":298,"line":401},5,[296,403,404],{"class":310},"function",[296,406,408],{"class":407},"s2Zo4"," onSubmit",[296,410,411],{"class":302},"(",[296,413,415],{"class":414},"sHdIc","details",[296,417,418],{"class":302},":",[296,420,346],{"class":421},"sBMFI",[296,423,424],{"class":302},")",[296,426,427],{"class":302}," {\n",[296,429,431,434,436,439,441,443,445,448,450],{"class":298,"line":430},6,[296,432,433],{"class":345},"  console",[296,435,263],{"class":302},[296,437,438],{"class":407},"log",[296,440,411],{"class":306},[296,442,415],{"class":345},[296,444,263],{"class":302},[296,446,447],{"class":345},"formData",[296,449,424],{"class":306},[296,451,369],{"class":302},[296,453,455],{"class":298,"line":454},7,[296,456,457],{"class":302},"}\n",[296,459,461],{"class":298,"line":460},8,[296,462,398],{"emptyLinePlaceholder":397},[296,464,466,468,471,473,476,478,480,482],{"class":298,"line":465},9,[296,467,404],{"class":310},[296,469,470],{"class":407}," onFormSubmit",[296,472,411],{"class":302},[296,474,475],{"class":414},"values",[296,477,418],{"class":302},[296,479,352],{"class":421},[296,481,424],{"class":302},[296,483,427],{"class":302},[296,485,487,489,491,493,495,497,499],{"class":298,"line":486},10,[296,488,433],{"class":345},[296,490,263],{"class":302},[296,492,438],{"class":407},[296,494,411],{"class":306},[296,496,475],{"class":345},[296,498,424],{"class":306},[296,500,369],{"class":302},[296,502,504],{"class":298,"line":503},11,[296,505,457],{"class":302},[296,507,509,512,514],{"class":298,"line":508},12,[296,510,511],{"class":302},"\u003C\u002F",[296,513,307],{"class":306},[296,515,329],{"class":302},[296,517,519],{"class":298,"line":518},13,[296,520,398],{"emptyLinePlaceholder":397},[296,522,524,526,529],{"class":298,"line":523},14,[296,525,303],{"class":302},[296,527,528],{"class":306},"template",[296,530,329],{"class":302},[296,532,534,537,539,542,544,546,549,551,554,556,558,561,563],{"class":298,"line":533},15,[296,535,536],{"class":302},"  \u003C",[296,538,102],{"class":306},[296,540,541],{"class":310}," @submit",[296,543,317],{"class":302},[296,545,320],{"class":302},[296,547,548],{"class":323},"onSubmit",[296,550,320],{"class":302},[296,552,553],{"class":310}," @form-submit",[296,555,317],{"class":302},[296,557,320],{"class":302},[296,559,560],{"class":323},"onFormSubmit",[296,562,320],{"class":302},[296,564,329],{"class":302},[296,566,568],{"class":298,"line":567},16,[296,569,571],{"class":570},"sHwdD","    \u003C!-- fields -->\n",[296,573,575,578,580],{"class":298,"line":574},17,[296,576,577],{"class":302},"  \u003C\u002F",[296,579,102],{"class":306},[296,581,329],{"class":302},[296,583,585,587,589],{"class":298,"line":584},18,[296,586,511],{"class":302},[296,588,528],{"class":306},[296,590,329],{"class":302},[235,592,594],{"id":593},"examples","Examples",[596,597,599],"h3",{"id":598},"basic-submit","Basic submit",[213,601,602,603,606],{},"Use ",[216,604,605],{},"@submit"," when you need native submit details and the ability to cancel.",[287,608,610],{"className":289,"code":609,"language":291,"meta":292,"style":292},"\u003Cscript setup lang=\"ts\">\nimport type { FormSubmitDetails } from \"akaza-ui\";\n\nfunction submit(details: FormSubmitDetails) {\n  if (!details.valid) details.cancel();\n}\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CForm @submit=\"submit\">\n    \u003CField name=\"email\" label=\"Email\" required>\n      \u003CInput type=\"email\" \u002F>\n    \u003C\u002FField>\n    \u003CButton type=\"submit\">Create account\u003C\u002FButton>\n  \u003C\u002FForm>\n\u003C\u002Ftemplate>\n",[216,611,612,632,654,658,677,709,713,721,725,733,752,788,808,817,845,853],{"__ignoreMap":292},[296,613,614,616,618,620,622,624,626,628,630],{"class":298,"line":299},[296,615,303],{"class":302},[296,617,307],{"class":306},[296,619,311],{"class":310},[296,621,314],{"class":310},[296,623,317],{"class":302},[296,625,320],{"class":302},[296,627,324],{"class":323},[296,629,320],{"class":302},[296,631,329],{"class":302},[296,633,634,636,638,640,642,644,646,648,650,652],{"class":298,"line":332},[296,635,336],{"class":335},[296,637,339],{"class":335},[296,639,342],{"class":302},[296,641,346],{"class":345},[296,643,355],{"class":302},[296,645,358],{"class":335},[296,647,361],{"class":302},[296,649,364],{"class":323},[296,651,320],{"class":302},[296,653,369],{"class":302},[296,655,656],{"class":298,"line":372},[296,657,398],{"emptyLinePlaceholder":397},[296,659,660,662,665,667,669,671,673,675],{"class":298,"line":394},[296,661,404],{"class":310},[296,663,664],{"class":407}," submit",[296,666,411],{"class":302},[296,668,415],{"class":414},[296,670,418],{"class":302},[296,672,346],{"class":421},[296,674,424],{"class":302},[296,676,427],{"class":302},[296,678,679,682,685,688,690,692,694,697,699,701,704,707],{"class":298,"line":401},[296,680,681],{"class":335},"  if",[296,683,684],{"class":306}," (",[296,686,687],{"class":302},"!",[296,689,415],{"class":345},[296,691,263],{"class":302},[296,693,262],{"class":345},[296,695,696],{"class":306},") ",[296,698,415],{"class":345},[296,700,263],{"class":302},[296,702,703],{"class":407},"cancel",[296,705,706],{"class":306},"()",[296,708,369],{"class":302},[296,710,711],{"class":298,"line":430},[296,712,457],{"class":302},[296,714,715,717,719],{"class":298,"line":454},[296,716,511],{"class":302},[296,718,307],{"class":306},[296,720,329],{"class":302},[296,722,723],{"class":298,"line":460},[296,724,398],{"emptyLinePlaceholder":397},[296,726,727,729,731],{"class":298,"line":465},[296,728,303],{"class":302},[296,730,528],{"class":306},[296,732,329],{"class":302},[296,734,735,737,739,741,743,745,748,750],{"class":298,"line":486},[296,736,536],{"class":302},[296,738,102],{"class":306},[296,740,541],{"class":310},[296,742,317],{"class":302},[296,744,320],{"class":302},[296,746,747],{"class":323},"submit",[296,749,320],{"class":302},[296,751,329],{"class":302},[296,753,754,757,759,762,764,766,769,771,774,776,778,781,783,786],{"class":298,"line":503},[296,755,756],{"class":302},"    \u003C",[296,758,92],{"class":306},[296,760,761],{"class":310}," name",[296,763,317],{"class":302},[296,765,320],{"class":302},[296,767,768],{"class":323},"email",[296,770,320],{"class":302},[296,772,773],{"class":310}," label",[296,775,317],{"class":302},[296,777,320],{"class":302},[296,779,780],{"class":323},"Email",[296,782,320],{"class":302},[296,784,785],{"class":310}," required",[296,787,329],{"class":302},[296,789,790,793,795,797,799,801,803,805],{"class":298,"line":508},[296,791,792],{"class":302},"      \u003C",[296,794,112],{"class":306},[296,796,339],{"class":310},[296,798,317],{"class":302},[296,800,320],{"class":302},[296,802,768],{"class":323},[296,804,320],{"class":302},[296,806,807],{"class":302}," \u002F>\n",[296,809,810,813,815],{"class":298,"line":518},[296,811,812],{"class":302},"    \u003C\u002F",[296,814,92],{"class":306},[296,816,329],{"class":302},[296,818,819,821,823,825,827,829,831,833,836,839,841,843],{"class":298,"line":523},[296,820,756],{"class":302},[296,822,52],{"class":306},[296,824,339],{"class":310},[296,826,317],{"class":302},[296,828,320],{"class":302},[296,830,747],{"class":323},[296,832,320],{"class":302},[296,834,835],{"class":302},">",[296,837,838],{"class":345},"Create account",[296,840,511],{"class":302},[296,842,52],{"class":306},[296,844,329],{"class":302},[296,846,847,849,851],{"class":298,"line":533},[296,848,577],{"class":302},[296,850,102],{"class":306},[296,852,329],{"class":302},[296,854,855,857,859],{"class":298,"line":567},[296,856,511],{"class":302},[296,858,528],{"class":306},[296,860,329],{"class":302},[596,862,864],{"id":863},"values-object","Values object",[213,866,867,870,871,873],{},[216,868,869],{},"form-submit"," converts ",[216,872,221],{}," to a plain object. Repeated names become arrays.",[287,875,877],{"className":289,"code":876,"language":291,"meta":292,"style":292},"\u003Ctemplate>\n  \u003CForm @form-submit=\"(values) => console.log(values)\">\n    \u003CField name=\"email\" label=\"Email\">\n      \u003CInput \u002F>\n    \u003C\u002FField>\n    \u003CCheckboxGroup v-model=\"channels\" name=\"channels\" :options=\"channelOptions\" \u002F>\n    \u003CButton type=\"submit\">Save\u003C\u002FButton>\n  \u003C\u002FForm>\n\u003C\u002Ftemplate>\n",[216,878,879,887,906,934,942,950,993,1020,1028],{"__ignoreMap":292},[296,880,881,883,885],{"class":298,"line":299},[296,882,303],{"class":302},[296,884,528],{"class":306},[296,886,329],{"class":302},[296,888,889,891,893,895,897,899,902,904],{"class":298,"line":332},[296,890,536],{"class":302},[296,892,102],{"class":306},[296,894,553],{"class":310},[296,896,317],{"class":302},[296,898,320],{"class":302},[296,900,901],{"class":323},"(values) => console.log(values)",[296,903,320],{"class":302},[296,905,329],{"class":302},[296,907,908,910,912,914,916,918,920,922,924,926,928,930,932],{"class":298,"line":372},[296,909,756],{"class":302},[296,911,92],{"class":306},[296,913,761],{"class":310},[296,915,317],{"class":302},[296,917,320],{"class":302},[296,919,768],{"class":323},[296,921,320],{"class":302},[296,923,773],{"class":310},[296,925,317],{"class":302},[296,927,320],{"class":302},[296,929,780],{"class":323},[296,931,320],{"class":302},[296,933,329],{"class":302},[296,935,936,938,940],{"class":298,"line":394},[296,937,792],{"class":302},[296,939,112],{"class":306},[296,941,807],{"class":302},[296,943,944,946,948],{"class":298,"line":401},[296,945,812],{"class":302},[296,947,92],{"class":306},[296,949,329],{"class":302},[296,951,952,954,957,960,962,964,967,969,971,973,975,977,979,982,984,986,989,991],{"class":298,"line":430},[296,953,756],{"class":302},[296,955,956],{"class":306},"CheckboxGroup",[296,958,959],{"class":310}," v-model",[296,961,317],{"class":302},[296,963,320],{"class":302},[296,965,966],{"class":323},"channels",[296,968,320],{"class":302},[296,970,761],{"class":310},[296,972,317],{"class":302},[296,974,320],{"class":302},[296,976,966],{"class":323},[296,978,320],{"class":302},[296,980,981],{"class":310}," :options",[296,983,317],{"class":302},[296,985,320],{"class":302},[296,987,988],{"class":323},"channelOptions",[296,990,320],{"class":302},[296,992,807],{"class":302},[296,994,995,997,999,1001,1003,1005,1007,1009,1011,1014,1016,1018],{"class":298,"line":454},[296,996,756],{"class":302},[296,998,52],{"class":306},[296,1000,339],{"class":310},[296,1002,317],{"class":302},[296,1004,320],{"class":302},[296,1006,747],{"class":323},[296,1008,320],{"class":302},[296,1010,835],{"class":302},[296,1012,1013],{"class":345},"Save",[296,1015,511],{"class":302},[296,1017,52],{"class":306},[296,1019,329],{"class":302},[296,1021,1022,1024,1026],{"class":298,"line":460},[296,1023,577],{"class":302},[296,1025,102],{"class":306},[296,1027,329],{"class":302},[296,1029,1030,1032,1034],{"class":298,"line":465},[296,1031,511],{"class":302},[296,1033,528],{"class":306},[296,1035,329],{"class":302},[596,1037,1039],{"id":1038},"server-errors","Server errors",[213,1041,1042,1043,1045],{},"Pass errors keyed by field name. Matching ",[216,1044,92],{}," components display them automatically and mark themselves invalid. Clear or withhold the error entry when the message should no longer be visible.",[287,1047,1049],{"className":289,"code":1048,"language":291,"meta":292,"style":292},"\u003Cscript setup lang=\"ts\">\nconst errors = {\n  email: \"This email is already taken.\",\n};\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CForm :errors=\"errors\">\n    \u003CField name=\"email\" label=\"Email\">\n      \u003CInput type=\"email\" \u002F>\n    \u003C\u002FField>\n  \u003C\u002FForm>\n\u003C\u002Ftemplate>\n",[216,1050,1051,1071,1083,1100,1105,1113,1117,1125,1144,1172,1190,1198,1206],{"__ignoreMap":292},[296,1052,1053,1055,1057,1059,1061,1063,1065,1067,1069],{"class":298,"line":299},[296,1054,303],{"class":302},[296,1056,307],{"class":306},[296,1058,311],{"class":310},[296,1060,314],{"class":310},[296,1062,317],{"class":302},[296,1064,320],{"class":302},[296,1066,324],{"class":323},[296,1068,320],{"class":302},[296,1070,329],{"class":302},[296,1072,1073,1076,1079,1081],{"class":298,"line":332},[296,1074,1075],{"class":310},"const",[296,1077,1078],{"class":345}," errors ",[296,1080,317],{"class":302},[296,1082,427],{"class":302},[296,1084,1085,1088,1090,1092,1095,1097],{"class":298,"line":372},[296,1086,1087],{"class":306},"  email",[296,1089,418],{"class":302},[296,1091,361],{"class":302},[296,1093,1094],{"class":323},"This email is already taken.",[296,1096,320],{"class":302},[296,1098,1099],{"class":302},",\n",[296,1101,1102],{"class":298,"line":394},[296,1103,1104],{"class":302},"};\n",[296,1106,1107,1109,1111],{"class":298,"line":401},[296,1108,511],{"class":302},[296,1110,307],{"class":306},[296,1112,329],{"class":302},[296,1114,1115],{"class":298,"line":430},[296,1116,398],{"emptyLinePlaceholder":397},[296,1118,1119,1121,1123],{"class":298,"line":454},[296,1120,303],{"class":302},[296,1122,528],{"class":306},[296,1124,329],{"class":302},[296,1126,1127,1129,1131,1134,1136,1138,1140,1142],{"class":298,"line":460},[296,1128,536],{"class":302},[296,1130,102],{"class":306},[296,1132,1133],{"class":310}," :errors",[296,1135,317],{"class":302},[296,1137,320],{"class":302},[296,1139,225],{"class":323},[296,1141,320],{"class":302},[296,1143,329],{"class":302},[296,1145,1146,1148,1150,1152,1154,1156,1158,1160,1162,1164,1166,1168,1170],{"class":298,"line":465},[296,1147,756],{"class":302},[296,1149,92],{"class":306},[296,1151,761],{"class":310},[296,1153,317],{"class":302},[296,1155,320],{"class":302},[296,1157,768],{"class":323},[296,1159,320],{"class":302},[296,1161,773],{"class":310},[296,1163,317],{"class":302},[296,1165,320],{"class":302},[296,1167,780],{"class":323},[296,1169,320],{"class":302},[296,1171,329],{"class":302},[296,1173,1174,1176,1178,1180,1182,1184,1186,1188],{"class":298,"line":486},[296,1175,792],{"class":302},[296,1177,112],{"class":306},[296,1179,339],{"class":310},[296,1181,317],{"class":302},[296,1183,320],{"class":302},[296,1185,768],{"class":323},[296,1187,320],{"class":302},[296,1189,807],{"class":302},[296,1191,1192,1194,1196],{"class":298,"line":503},[296,1193,812],{"class":302},[296,1195,92],{"class":306},[296,1197,329],{"class":302},[296,1199,1200,1202,1204],{"class":298,"line":508},[296,1201,577],{"class":302},[296,1203,102],{"class":306},[296,1205,329],{"class":302},[296,1207,1208,1210,1212],{"class":298,"line":518},[296,1209,511],{"class":302},[296,1211,528],{"class":306},[296,1213,329],{"class":302},[596,1215,1217],{"id":1216},"native-navigation","Native navigation",[213,1219,1220,1221,1224,1225,1228,1229,263],{},"Set ",[216,1222,1223],{},"prevent-default"," to ",[216,1226,1227],{},"false"," when you want the browser to submit to ",[216,1230,1231],{},"action",[287,1233,1235],{"className":289,"code":1234,"language":291,"meta":292,"style":292},"\u003Ctemplate>\n  \u003CForm action=\"\u002Fnewsletter\" method=\"post\" :prevent-default=\"false\">\n    \u003CField name=\"email\" label=\"Email\" required>\n      \u003CInput type=\"email\" \u002F>\n    \u003C\u002FField>\n    \u003CButton type=\"submit\">Subscribe\u003C\u002FButton>\n  \u003C\u002FForm>\n\u003C\u002Ftemplate>\n",[216,1236,1237,1245,1288,1318,1336,1344,1371,1379],{"__ignoreMap":292},[296,1238,1239,1241,1243],{"class":298,"line":299},[296,1240,303],{"class":302},[296,1242,528],{"class":306},[296,1244,329],{"class":302},[296,1246,1247,1249,1251,1254,1256,1258,1261,1263,1266,1268,1270,1273,1275,1278,1280,1282,1284,1286],{"class":298,"line":332},[296,1248,536],{"class":302},[296,1250,102],{"class":306},[296,1252,1253],{"class":310}," action",[296,1255,317],{"class":302},[296,1257,320],{"class":302},[296,1259,1260],{"class":323},"\u002Fnewsletter",[296,1262,320],{"class":302},[296,1264,1265],{"class":310}," method",[296,1267,317],{"class":302},[296,1269,320],{"class":302},[296,1271,1272],{"class":323},"post",[296,1274,320],{"class":302},[296,1276,1277],{"class":310}," :prevent-default",[296,1279,317],{"class":302},[296,1281,320],{"class":302},[296,1283,1227],{"class":323},[296,1285,320],{"class":302},[296,1287,329],{"class":302},[296,1289,1290,1292,1294,1296,1298,1300,1302,1304,1306,1308,1310,1312,1314,1316],{"class":298,"line":372},[296,1291,756],{"class":302},[296,1293,92],{"class":306},[296,1295,761],{"class":310},[296,1297,317],{"class":302},[296,1299,320],{"class":302},[296,1301,768],{"class":323},[296,1303,320],{"class":302},[296,1305,773],{"class":310},[296,1307,317],{"class":302},[296,1309,320],{"class":302},[296,1311,780],{"class":323},[296,1313,320],{"class":302},[296,1315,785],{"class":310},[296,1317,329],{"class":302},[296,1319,1320,1322,1324,1326,1328,1330,1332,1334],{"class":298,"line":394},[296,1321,792],{"class":302},[296,1323,112],{"class":306},[296,1325,339],{"class":310},[296,1327,317],{"class":302},[296,1329,320],{"class":302},[296,1331,768],{"class":323},[296,1333,320],{"class":302},[296,1335,807],{"class":302},[296,1337,1338,1340,1342],{"class":298,"line":401},[296,1339,812],{"class":302},[296,1341,92],{"class":306},[296,1343,329],{"class":302},[296,1345,1346,1348,1350,1352,1354,1356,1358,1360,1362,1365,1367,1369],{"class":298,"line":430},[296,1347,756],{"class":302},[296,1349,52],{"class":306},[296,1351,339],{"class":310},[296,1353,317],{"class":302},[296,1355,320],{"class":302},[296,1357,747],{"class":323},[296,1359,320],{"class":302},[296,1361,835],{"class":302},[296,1363,1364],{"class":345},"Subscribe",[296,1366,511],{"class":302},[296,1368,52],{"class":306},[296,1370,329],{"class":302},[296,1372,1373,1375,1377],{"class":298,"line":454},[296,1374,577],{"class":302},[296,1376,102],{"class":306},[296,1378,329],{"class":302},[296,1380,1381,1383,1385],{"class":298,"line":460},[296,1382,511],{"class":302},[296,1384,528],{"class":306},[296,1386,329],{"class":302},[596,1388,1390],{"id":1389},"submit-state","Submit state",[213,1392,1393],{},"Use the default slot state to show submitted, invalid, or success feedback.",[287,1395,1397],{"className":289,"code":1396,"language":291,"meta":292,"style":292},"\u003Ctemplate>\n  \u003CForm v-slot=\"{ state, submitted, valid }\">\n    \u003CField name=\"name\" label=\"Name\" required>\n      \u003CInput \u002F>\n    \u003C\u002FField>\n    \u003Cp v-if=\"submitted\">{{ valid ? \"Submitted\" : \"Fix errors\" }}\u003C\u002Fp>\n    \u003Cp>State: {{ state }}\u003C\u002Fp>\n  \u003C\u002FForm>\n\u003C\u002Ftemplate>\n",[216,1398,1399,1407,1427,1459,1467,1475,1503,1520,1528],{"__ignoreMap":292},[296,1400,1401,1403,1405],{"class":298,"line":299},[296,1402,303],{"class":302},[296,1404,528],{"class":306},[296,1406,329],{"class":302},[296,1408,1409,1411,1413,1416,1418,1420,1423,1425],{"class":298,"line":332},[296,1410,536],{"class":302},[296,1412,102],{"class":306},[296,1414,1415],{"class":310}," v-slot",[296,1417,317],{"class":302},[296,1419,320],{"class":302},[296,1421,1422],{"class":323},"{ state, submitted, valid }",[296,1424,320],{"class":302},[296,1426,329],{"class":302},[296,1428,1429,1431,1433,1435,1437,1439,1442,1444,1446,1448,1450,1453,1455,1457],{"class":298,"line":372},[296,1430,756],{"class":302},[296,1432,92],{"class":306},[296,1434,761],{"class":310},[296,1436,317],{"class":302},[296,1438,320],{"class":302},[296,1440,1441],{"class":323},"name",[296,1443,320],{"class":302},[296,1445,773],{"class":310},[296,1447,317],{"class":302},[296,1449,320],{"class":302},[296,1451,1452],{"class":323},"Name",[296,1454,320],{"class":302},[296,1456,785],{"class":310},[296,1458,329],{"class":302},[296,1460,1461,1463,1465],{"class":298,"line":394},[296,1462,792],{"class":302},[296,1464,112],{"class":306},[296,1466,807],{"class":302},[296,1468,1469,1471,1473],{"class":298,"line":401},[296,1470,812],{"class":302},[296,1472,92],{"class":306},[296,1474,329],{"class":302},[296,1476,1477,1479,1481,1484,1486,1488,1490,1492,1494,1497,1499,1501],{"class":298,"line":430},[296,1478,756],{"class":302},[296,1480,213],{"class":306},[296,1482,1483],{"class":310}," v-if",[296,1485,317],{"class":302},[296,1487,320],{"class":302},[296,1489,258],{"class":323},[296,1491,320],{"class":302},[296,1493,835],{"class":302},[296,1495,1496],{"class":345},"{{ valid ? \"Submitted\" : \"Fix errors\" }}",[296,1498,511],{"class":302},[296,1500,213],{"class":306},[296,1502,329],{"class":302},[296,1504,1505,1507,1509,1511,1514,1516,1518],{"class":298,"line":454},[296,1506,756],{"class":302},[296,1508,213],{"class":306},[296,1510,835],{"class":302},[296,1512,1513],{"class":345},"State: {{ state }}",[296,1515,511],{"class":302},[296,1517,213],{"class":306},[296,1519,329],{"class":302},[296,1521,1522,1524,1526],{"class":298,"line":460},[296,1523,577],{"class":302},[296,1525,102],{"class":306},[296,1527,329],{"class":302},[296,1529,1530,1532,1534],{"class":298,"line":465},[296,1531,511],{"class":302},[296,1533,528],{"class":306},[296,1535,329],{"class":302},[235,1537,1539],{"id":1538},"api-reference","API Reference",[596,1541,1543],{"id":1542},"props","Props",[1545,1546,1547,1566],"table",{},[1548,1549,1550],"thead",{},[1551,1552,1553,1557,1560,1563],"tr",{},[1554,1555,1556],"th",{},"Prop",[1554,1558,1559],{},"Type",[1554,1561,1562],{},"Default",[1554,1564,1565],{},"Description",[1567,1568,1569,1588,1603,1623,1640,1659,1678,1694],"tbody",{},[1551,1570,1571,1577,1582,1585],{},[1572,1573,1574],"td",{},[216,1575,1576],{},"id",[1572,1578,1579],{},[216,1580,1581],{},"string",[1572,1583,1584],{},"—",[1572,1586,1587],{},"Form id.",[1551,1589,1590,1594,1598,1600],{},[1572,1591,1592],{},[216,1593,1231],{},[1572,1595,1596],{},[216,1597,1581],{},[1572,1599,1584],{},[1572,1601,1602],{},"Native form action.",[1551,1604,1605,1610,1615,1620],{},[1572,1606,1607],{},[216,1608,1609],{},"method",[1572,1611,1612],{},[216,1613,1614],{},"\"get\" | \"post\" | \"dialog\"",[1572,1616,1617],{},[216,1618,1619],{},"\"post\"",[1572,1621,1622],{},"Native form method.",[1551,1624,1625,1630,1635,1637],{},[1572,1626,1627],{},[216,1628,1629],{},"autocomplete",[1572,1631,1632],{},[216,1633,1634],{},"\"on\" | \"off\"",[1572,1636,1584],{},[1572,1638,1639],{},"Native autocomplete setting.",[1551,1641,1642,1647,1652,1656],{},[1572,1643,1644],{},[216,1645,1646],{},"novalidate",[1572,1648,1649],{},[216,1650,1651],{},"boolean",[1572,1653,1654],{},[216,1655,1227],{},[1572,1657,1658],{},"Disables native browser validation.",[1551,1660,1661,1666,1670,1675],{},[1572,1662,1663],{},[216,1664,1665],{},"preventDefault",[1572,1667,1668],{},[216,1669,1651],{},[1572,1671,1672],{},[216,1673,1674],{},"true",[1572,1676,1677],{},"Prevent native navigation on submit.",[1551,1679,1680,1684,1689,1691],{},[1572,1681,1682],{},[216,1683,225],{},[1572,1685,1686],{},[216,1687,1688],{},"FormErrors",[1572,1690,1584],{},[1572,1692,1693],{},"Server-side errors read by child fields using matching names.",[1551,1695,1696,1701,1706,1708],{},[1572,1697,1698],{},[216,1699,1700],{},"ui",[1572,1702,1703],{},[216,1704,1705],{},"FormUi",[1572,1707,1584],{},[1572,1709,1710],{},"Classes for the form element.",[596,1712,1714],{"id":1713},"emits","Emits",[1545,1716,1717,1729],{},[1548,1718,1719],{},[1551,1720,1721,1724,1727],{},[1554,1722,1723],{},"Event",[1554,1725,1726],{},"Payload",[1554,1728,1565],{},[1567,1730,1731,1752],{},[1551,1732,1733,1737,1742],{},[1572,1734,1735],{},[216,1736,747],{},[1572,1738,1739],{},[216,1740,1741],{},"FormSubmitDetails",[1572,1743,1744,1745,255,1747,259,1749,263],{},"Fired on native submit. Includes ",[216,1746,447],{},[216,1748,262],{},[216,1750,1751],{},"cancel()",[1551,1753,1754,1758,1763],{},[1572,1755,1756],{},[216,1757,869],{},[1572,1759,1760],{},[216,1761,1762],{},"(values, details)",[1572,1764,1765,1766,1768],{},"Fired with a values object converted from ",[216,1767,221],{},", plus submit details.",[596,1770,1772],{"id":1771},"slots","Slots",[1545,1774,1775,1787],{},[1548,1776,1777],{},[1551,1778,1779,1782,1785],{},[1554,1780,1781],{},"Slot",[1554,1783,1784],{},"Scoped props",[1554,1786,1565],{},[1567,1788,1789],{},[1551,1790,1791,1796,1804],{},[1572,1792,1793],{},[216,1794,1795],{},"default",[1572,1797,1798,255,1800,255,1802],{},[216,1799,254],{},[216,1801,258],{},[216,1803,262],{},[1572,1805,1806],{},"Form contents and current submit state.",[596,1808,1810],{"id":1809},"ui-options","UI Options",[1545,1812,1813,1822],{},[1548,1814,1815],{},[1551,1816,1817,1820],{},[1554,1818,1819],{},"Key",[1554,1821,1565],{},[1567,1823,1824],{},[1551,1825,1826,1831],{},[1572,1827,1828],{},[216,1829,1830],{},"root",[1572,1832,1833],{},"The native form element.",[596,1835,1837],{"id":1836},"state-attributes","State Attributes",[213,1839,1840,1842,1843,1224,1846,255,1849,1851,1852,259,1855,1858,1859,1861],{},[216,1841,102],{}," sets ",[216,1844,1845],{},"data-akaza-state",[216,1847,1848],{},"idle",[216,1850,258],{},", or ",[216,1853,1854],{},"invalid",[216,1856,1857],{},"data-akaza-invalid"," after an invalid submit. Native browser validation can block the submit event; ",[216,1860,102],{}," still listens for captured invalid events and moves to the invalid state so styling and scoped state can react.",[596,1863,1865],{"id":1864},"styling-hooks","Styling Hooks",[1545,1867,1868,1881],{},[1548,1869,1870],{},[1551,1871,1872,1875,1878],{},[1554,1873,1874],{},"UI key",[1554,1876,1877],{},"CSS class",[1554,1879,1880],{},"Data attrs",[1567,1882,1883],{},[1551,1884,1885,1889,1894],{},[1572,1886,1887],{},[216,1888,1830],{},[1572,1890,1891],{},[216,1892,1893],{},"akaza-form",[1572,1895,1896,255,1898],{},[216,1897,1845],{},[216,1899,1857],{},[213,1901,1902,1903,1906,1907,1910],{},"Plain ",[216,1904,1905],{},"class"," also applies to the native form root. ",[216,1908,1909],{},"ui.root"," is the structured equivalent.",[1912,1913,1914],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}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 .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}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":292,"searchDepth":299,"depth":332,"links":1916},[1917,1918,1919,1926],{"id":237,"depth":332,"text":238},{"id":276,"depth":332,"text":23},{"id":593,"depth":332,"text":594,"children":1920},[1921,1922,1923,1924,1925],{"id":598,"depth":372,"text":599},{"id":863,"depth":372,"text":864},{"id":1038,"depth":372,"text":1039},{"id":1216,"depth":372,"text":1217},{"id":1389,"depth":372,"text":1390},{"id":1538,"depth":332,"text":1539,"children":1927},[1928,1929,1930,1931,1932,1933],{"id":1542,"depth":372,"text":1543},{"id":1713,"depth":372,"text":1714},{"id":1771,"depth":372,"text":1772},{"id":1809,"depth":372,"text":1810},{"id":1836,"depth":372,"text":1837},{"id":1864,"depth":372,"text":1865},"Submit wrapper that exposes FormData and native validity state.","md",null,{},{"icon":105},{"title":102,"description":1934},"mnOlmntKvnaLqe4pl91ddoZXmxs1LnB7n2QJ1IhfGAk",[1942,1944],{"title":97,"path":98,"stem":99,"description":1943,"icon":100,"children":-1},"Native fieldset and legend wrapper for related controls.",{"title":107,"path":108,"stem":109,"description":1945,"icon":110,"children":-1},"Hover-triggered rich content preview for links, users, and entities.",1784667642489]