[{"data":1,"prerenderedAt":1261},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Fform":406,"\u002Fcomponents\u002Fform-surround":1256},[4,34,51,301,327,332,337],{"title":5,"path":6,"stem":7,"children":8,"package":11,"icon":33},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,13,18,23,28],{"title":10,"path":6,"stem":7,"package":11,"icon":12},"Introduction",null,"i-lucide-house",{"title":14,"path":15,"stem":16,"package":11,"icon":17},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":19,"path":20,"stem":21,"package":11,"icon":22},"Icons","\u002Fgetting-started\u002Ficons","1.getting-started\u002F3.icons","i-lucide-sparkles",{"title":24,"path":25,"stem":26,"package":11,"icon":27},"CLI","\u002Fgetting-started\u002Fcli","1.getting-started\u002F4.cli","i-lucide-terminal",{"title":29,"path":30,"stem":31,"package":11,"icon":32},"Roadmap","\u002Fgetting-started\u002Froadmap","1.getting-started\u002F5.roadmap","i-lucide-map","i-lucide-rocket",{"title":35,"package":11,"icon":36,"path":37,"stem":38,"children":39,"page":50},"Packages","i-lucide-package","\u002Fpackages","2.packages",[40,45],{"title":41,"path":42,"stem":43,"package":11,"icon":44},"@vyui\u002Fcore","\u002Fpackages\u002Fcore","2.packages\u002F1.core","i-lucide-box",{"title":46,"path":47,"stem":48,"package":11,"icon":49},"@vyui\u002Fkit","\u002Fpackages\u002Fkit","2.packages\u002F2.kit","i-lucide-layers",false,{"title":52,"package":11,"icon":53,"path":54,"stem":55,"children":56},"Components","i-lucide-layout-grid","\u002Fcomponents","3.components",[57,59,65,70,75,80,85,90,95,100,105,110,115,120,125,130,135,140,144,149,153,158,163,168,173,178,183,188,193,198,203,208,213,218,223,228,233,238,242,246,251,256,261,266,271,276,280,284,288,292,296],{"title":52,"path":54,"stem":58,"package":11,"icon":53},"3.components\u002Findex",{"title":60,"path":61,"stem":62,"package":63,"icon":64},"Accordion","\u002Fcomponents\u002Faccordion","3.components\u002Faccordion","kit","i-lucide-list-collapse",{"title":66,"path":67,"stem":68,"package":63,"icon":69},"Action Sheet","\u002Fcomponents\u002Faction-sheet","3.components\u002Faction-sheet","i-lucide-panel-bottom",{"title":71,"path":72,"stem":73,"package":63,"icon":74},"Alert","\u002Fcomponents\u002Falert","3.components\u002Falert","i-lucide-triangle-alert",{"title":76,"path":77,"stem":78,"package":79,"icon":74},"Alert Dialog","\u002Fcomponents\u002Falert-dialog","3.components\u002Falert-dialog","core",{"title":81,"path":82,"stem":83,"package":63,"icon":84},"App","\u002Fcomponents\u002Fapp","3.components\u002Fapp","i-lucide-smartphone",{"title":86,"path":87,"stem":88,"package":63,"icon":89},"Aspect Ratio","\u002Fcomponents\u002Faspect-ratio","3.components\u002Faspect-ratio","i-lucide-ratio",{"title":91,"path":92,"stem":93,"package":63,"icon":94},"Avatar","\u002Fcomponents\u002Favatar","3.components\u002Favatar","i-lucide-circle-user-round",{"title":96,"path":97,"stem":98,"package":63,"icon":99},"Avatar Group","\u002Fcomponents\u002Favatar-group","3.components\u002Favatar-group","i-lucide-users-round",{"title":101,"path":102,"stem":103,"package":63,"icon":104},"Button","\u002Fcomponents\u002Fbutton","3.components\u002Fbutton","i-lucide-square-mouse-pointer",{"title":106,"path":107,"stem":108,"package":63,"icon":109},"Calendar","\u002Fcomponents\u002Fcalendar","3.components\u002Fcalendar","i-lucide-calendar-days",{"title":111,"path":112,"stem":113,"package":63,"icon":114},"Card","\u002Fcomponents\u002Fcard","3.components\u002Fcard","i-lucide-square",{"title":116,"path":117,"stem":118,"package":63,"icon":119},"Checkbox","\u002Fcomponents\u002Fcheckbox","3.components\u002Fcheckbox","i-lucide-square-check",{"title":121,"path":122,"stem":123,"package":79,"icon":124},"Collapsible","\u002Fcomponents\u002Fcollapsible","3.components\u002Fcollapsible","i-lucide-chevrons-down-up",{"title":126,"path":127,"stem":128,"package":79,"icon":129},"Dialog","\u002Fcomponents\u002Fdialog","3.components\u002Fdialog","i-lucide-app-window",{"title":131,"path":132,"stem":133,"package":79,"icon":134},"Draggable","\u002Fcomponents\u002Fdraggable","3.components\u002Fdraggable","i-lucide-move",{"title":136,"path":137,"stem":138,"package":63,"icon":139},"Form","\u002Fcomponents\u002Fform","3.components\u002Fform","i-lucide-clipboard-list",{"title":141,"path":142,"stem":143,"package":79,"icon":22},"Icon","\u002Fcomponents\u002Ficon","3.components\u002Ficon",{"title":145,"path":146,"stem":147,"package":63,"icon":148},"Input","\u002Fcomponents\u002Finput","3.components\u002Finput","i-lucide-text-cursor-input",{"title":150,"path":151,"stem":152,"package":63,"icon":69},"Island","\u002Fcomponents\u002Fisland","3.components\u002Fisland",{"title":154,"path":155,"stem":156,"package":63,"icon":157},"Island Button","\u002Fcomponents\u002Fisland-button","3.components\u002Fisland-button","i-lucide-circle-ellipsis",{"title":159,"path":160,"stem":161,"package":63,"icon":162},"Island Group","\u002Fcomponents\u002Fisland-group","3.components\u002Fisland-group","i-lucide-panels-top-left",{"title":164,"path":165,"stem":166,"package":63,"icon":167},"KeyboardAware","\u002Fcomponents\u002Fkeyboard-aware","3.components\u002Fkeyboard-aware","i-lucide-keyboard",{"title":169,"path":170,"stem":171,"package":63,"icon":172},"Label","\u002Fcomponents\u002Flabel","3.components\u002Flabel","i-lucide-tag",{"title":174,"path":175,"stem":176,"package":63,"icon":177},"Modal","\u002Fcomponents\u002Fmodal","3.components\u002Fmodal","i-lucide-gallery-vertical-end",{"title":179,"path":180,"stem":181,"package":79,"icon":182},"Navigation","\u002Fcomponents\u002Fnavigation","3.components\u002Fnavigation","i-lucide-route",{"title":184,"path":185,"stem":186,"package":63,"icon":187},"Number Field","\u002Fcomponents\u002Fnumber-field","3.components\u002Fnumber-field","i-lucide-list-plus",{"title":189,"path":190,"stem":191,"package":79,"icon":192},"Pagination","\u002Fcomponents\u002Fpagination","3.components\u002Fpagination","i-lucide-ellipsis",{"title":194,"path":195,"stem":196,"package":63,"icon":197},"Pin Input","\u002Fcomponents\u002Fpin-input","3.components\u002Fpin-input","i-lucide-key-round",{"title":199,"path":200,"stem":201,"package":63,"icon":202},"Placeholder","\u002Fcomponents\u002Fplaceholder","3.components\u002Fplaceholder","i-lucide-square-dashed",{"title":204,"path":205,"stem":206,"package":63,"icon":207},"Popover","\u002Fcomponents\u002Fpopover","3.components\u002Fpopover","i-lucide-message-square-more",{"title":209,"path":210,"stem":211,"package":63,"icon":212},"Progress","\u002Fcomponents\u002Fprogress","3.components\u002Fprogress","i-lucide-chart-no-axes-column-increasing",{"title":214,"path":215,"stem":216,"package":63,"icon":217},"Radio Group","\u002Fcomponents\u002Fradio-group","3.components\u002Fradio-group","i-lucide-circle-dot",{"title":219,"path":220,"stem":221,"package":63,"icon":222},"Rating","\u002Fcomponents\u002Frating","3.components\u002Frating","i-lucide-star",{"title":224,"path":225,"stem":226,"package":79,"icon":227},"Scroll View","\u002Fcomponents\u002Fscroll-view","3.components\u002Fscroll-view","i-lucide-scroll",{"title":229,"path":230,"stem":231,"package":63,"icon":232},"Select","\u002Fcomponents\u002Fselect","3.components\u002Fselect","i-lucide-list-check",{"title":234,"path":235,"stem":236,"package":63,"icon":237},"Separator","\u002Fcomponents\u002Fseparator","3.components\u002Fseparator","i-lucide-separator-horizontal",{"title":239,"path":240,"stem":241,"package":79,"icon":69},"Sheet","\u002Fcomponents\u002Fsheet","3.components\u002Fsheet",{"title":243,"path":244,"stem":245,"package":63,"icon":162},"Skeleton","\u002Fcomponents\u002Fskeleton","3.components\u002Fskeleton",{"title":247,"path":248,"stem":249,"package":63,"icon":250},"Slider","\u002Fcomponents\u002Fslider","3.components\u002Fslider","i-lucide-sliders-horizontal",{"title":252,"path":253,"stem":254,"package":63,"icon":255},"Sortable","\u002Fcomponents\u002Fsortable","3.components\u002Fsortable","i-lucide-list-restart",{"title":257,"path":258,"stem":259,"package":63,"icon":260},"Stepper","\u002Fcomponents\u002Fstepper","3.components\u002Fstepper","i-lucide-list-ordered",{"title":262,"path":263,"stem":264,"package":63,"icon":265},"Swipe Action","\u002Fcomponents\u002Fswipe-action","3.components\u002Fswipe-action","i-lucide-move-horizontal",{"title":267,"path":268,"stem":269,"package":63,"icon":270},"Swiper","\u002Fcomponents\u002Fswiper","3.components\u002Fswiper","i-lucide-gallery-horizontal-end",{"title":272,"path":273,"stem":274,"package":63,"icon":275},"Switch","\u002Fcomponents\u002Fswitch","3.components\u002Fswitch","i-lucide-toggle-right",{"title":277,"path":278,"stem":279,"package":63,"icon":162},"Tabs","\u002Fcomponents\u002Ftabs","3.components\u002Ftabs",{"title":281,"path":282,"stem":283,"package":63,"icon":148},"Textarea","\u002Fcomponents\u002Ftextarea","3.components\u002Ftextarea",{"title":285,"path":286,"stem":287,"package":63,"icon":207},"Toast","\u002Fcomponents\u002Ftoast","3.components\u002Ftoast",{"title":289,"path":290,"stem":291,"package":63,"icon":275},"Toggle","\u002Fcomponents\u002Ftoggle","3.components\u002Ftoggle",{"title":293,"path":294,"stem":295,"package":63,"icon":162},"Toggle Group","\u002Fcomponents\u002Ftoggle-group","3.components\u002Ftoggle-group",{"title":297,"path":298,"stem":299,"package":63,"icon":300},"Tray","\u002Fcomponents\u002Ftray","3.components\u002Ftray","i-lucide-square-dashed-bottom",{"title":302,"path":303,"stem":304,"children":305,"package":11,"icon":307},"Theming","\u002Ftheming","4.theming\u002F1.index",[306,308,312,317,322],{"title":302,"path":303,"stem":304,"package":11,"icon":307},"i-lucide-palette",{"title":309,"path":310,"stem":311,"package":11,"icon":250},"Overrides","\u002Ftheming\u002Foverrides","4.theming\u002F2.overrides",{"title":313,"path":314,"stem":315,"package":11,"icon":316},"Colors","\u002Ftheming\u002Fcolors","4.theming\u002F3.colors","i-lucide-swatch-book",{"title":318,"path":319,"stem":320,"package":11,"icon":321},"Dark Mode","\u002Ftheming\u002Fdark-mode","4.theming\u002F4.dark-mode","i-lucide-moon",{"title":323,"path":324,"stem":325,"package":11,"icon":326},"Fonts","\u002Ftheming\u002Ffonts","4.theming\u002F5.fonts","i-lucide-type",{"title":328,"path":329,"stem":330,"package":11,"icon":331},"Accessibility","\u002Faccessibility","5.accessibility","i-lucide-accessibility",{"title":333,"path":334,"stem":335,"package":11,"icon":336},"i18n","\u002Fi18n","6.i18n","i-lucide-languages",{"title":338,"path":339,"stem":340,"children":341,"package":11,"icon":343},"Composables","\u002Fcomposables","7.composables\u002F1.index",[342,344,349,354,359,364,369,374,378,383,387,391,396,401],{"title":338,"path":339,"stem":340,"package":11,"icon":343},"i-lucide-square-function",{"title":345,"path":346,"stem":347,"package":11,"icon":348},"useEmitAsProps","\u002Fcomposables\u002Fuse-emit-as-props","7.composables\u002F10.use-emit-as-props","i-lucide-zap",{"title":350,"path":351,"stem":352,"package":11,"icon":353},"useForwardPropsEmits","\u002Fcomposables\u002Fuse-forward-props-emits","7.composables\u002F11.use-forward-props-emits","i-lucide-merge",{"title":355,"path":356,"stem":357,"package":11,"icon":358},"useForwardExpose","\u002Fcomposables\u002Fuse-forward-expose","7.composables\u002F12.use-forward-expose","i-lucide-share-2",{"title":360,"path":361,"stem":362,"package":11,"icon":363},"useStateMachine","\u002Fcomposables\u002Fuse-state-machine","7.composables\u002F13.use-state-machine","i-lucide-workflow",{"title":365,"path":366,"stem":367,"package":11,"icon":368},"usePrimitiveElement","\u002Fcomposables\u002Fuse-primitive-element","7.composables\u002F14.use-primitive-element","i-lucide-crosshair",{"title":370,"path":371,"stem":372,"package":11,"icon":373},"useAppConfig","\u002Fcomposables\u002Fuse-app-config","7.composables\u002F2.use-app-config","i-lucide-settings",{"title":375,"path":376,"stem":377,"package":11,"icon":321},"useColorMode","\u002Fcomposables\u002Fuse-color-mode","7.composables\u002F3.use-color-mode",{"title":379,"path":380,"stem":381,"package":11,"icon":382},"useComponentIcons","\u002Fcomposables\u002Fuse-component-icons","7.composables\u002F4.use-component-icons","i-lucide-shapes",{"title":384,"path":385,"stem":386,"package":11,"icon":69},"useTray","\u002Fcomposables\u002Fuse-tray","7.composables\u002F5.use-tray",{"title":388,"path":389,"stem":390,"package":11,"icon":336},"i18n composables","\u002Fcomposables\u002Fi18n-composables","7.composables\u002F6.i18n-composables",{"title":392,"path":393,"stem":394,"package":11,"icon":395},"useId","\u002Fcomposables\u002Fuse-id","7.composables\u002F7.use-id","i-lucide-hash",{"title":397,"path":398,"stem":399,"package":11,"icon":400},"useFilter","\u002Fcomposables\u002Fuse-filter","7.composables\u002F8.use-filter","i-lucide-filter",{"title":402,"path":403,"stem":404,"package":11,"icon":405},"useForwardProps","\u002Fcomposables\u002Fuse-forward-props","7.composables\u002F9.use-forward-props","i-lucide-arrow-right-left",{"id":407,"title":136,"body":408,"description":1244,"extension":1245,"links":1246,"meta":1252,"navigation":1253,"package":63,"path":137,"seo":1254,"stem":138,"__hash__":1255},"docs\u002F3.components\u002Fform.md",{"type":409,"value":410,"toc":1233},"minimark",[411,416,439,443,458,909,913,960,964,1048,1052,1095,1099,1128,1132,1135,1171,1174,1193,1197,1229],[412,413,415],"h2",{"id":414},"overview","Overview",[417,418,419,423,424,426,427,430,431,438],"p",{},[420,421,422],"code",{},"VyForm"," wraps the headless ",[420,425,41],{}," FormRoot. It tracks field values keyed by name, runs synchronous validators, and emits ",[420,428,429],{},"submit"," with the collected values when the form is clean. Pair it with ",[432,433,435],"a",{"href":434},"\u002Fcomponents\u002Fform-field",[420,436,437],{},"VyFormField"," for per-field labels, errors, and validation.",[412,440,442],{"id":441},"usage","Usage",[417,444,445,446,449,450,453,454,457],{},"Provide ",[420,447,448],{},"defaultValues",", read live state from the default slot, and call the exposed ",[420,451,452],{},"submit()"," \u002F ",[420,455,456],{},"reset()"," via a template ref.",[459,460,465],"pre",{"className":461,"code":462,"language":463,"meta":464,"style":464},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue'\nimport { VyForm, VyFormField, VyInput, VyButton } from '@vyui\u002Fkit'\n\nconst form = ref()\n\nfunction onSubmit(values: Record\u003Cstring, unknown>) {\n  \u002F\u002F send values ...\n}\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVyForm\n    ref=\"form\"\n    :default-values=\"{ email: '' }\"\n    @submit=\"onSubmit\"\n  >\n    \u003Ctemplate #default=\"{ submitting }\">\n      \u003CVyFormField name=\"email\" label=\"Email\">\n        \u003CVyInput name=\"email\" \u002F>\n      \u003C\u002FVyFormField>\n\n      \u003CVyButton :loading=\"submitting\" label=\"Submit\" @tap=\"form.submit()\" \u002F>\n    \u003C\u002Ftemplate>\n  \u003C\u002FVyForm>\n\u003C\u002Ftemplate>\n","vue","",[420,466,467,502,530,566,573,590,595,634,641,647,657,662,672,681,697,712,727,733,764,798,820,830,835,880,890,900],{"__ignoreMap":464},[468,469,472,476,480,484,487,490,493,497,499],"span",{"class":470,"line":471},"line",1,[468,473,475],{"class":474},"sMK4o","\u003C",[468,477,479],{"class":478},"swJcz","script",[468,481,483],{"class":482},"spNyl"," setup",[468,485,486],{"class":482}," lang",[468,488,489],{"class":474},"=",[468,491,492],{"class":474},"\"",[468,494,496],{"class":495},"sfazB","ts",[468,498,492],{"class":474},[468,500,501],{"class":474},">\n",[468,503,505,509,512,516,519,522,525,527],{"class":470,"line":504},2,[468,506,508],{"class":507},"s7zQu","import",[468,510,511],{"class":474}," {",[468,513,515],{"class":514},"sTEyZ"," ref",[468,517,518],{"class":474}," }",[468,520,521],{"class":507}," from",[468,523,524],{"class":474}," '",[468,526,463],{"class":495},[468,528,529],{"class":474},"'\n",[468,531,533,535,537,540,543,546,548,551,553,556,558,560,562,564],{"class":470,"line":532},3,[468,534,508],{"class":507},[468,536,511],{"class":474},[468,538,539],{"class":514}," VyForm",[468,541,542],{"class":474},",",[468,544,545],{"class":514}," VyFormField",[468,547,542],{"class":474},[468,549,550],{"class":514}," VyInput",[468,552,542],{"class":474},[468,554,555],{"class":514}," VyButton",[468,557,518],{"class":474},[468,559,521],{"class":507},[468,561,524],{"class":474},[468,563,46],{"class":495},[468,565,529],{"class":474},[468,567,569],{"class":470,"line":568},4,[468,570,572],{"emptyLinePlaceholder":571},true,"\n",[468,574,576,579,582,584,587],{"class":470,"line":575},5,[468,577,578],{"class":482},"const",[468,580,581],{"class":514}," form ",[468,583,489],{"class":474},[468,585,515],{"class":586},"s2Zo4",[468,588,589],{"class":514},"()\n",[468,591,593],{"class":470,"line":592},6,[468,594,572],{"emptyLinePlaceholder":571},[468,596,598,601,604,607,611,614,618,620,623,625,628,631],{"class":470,"line":597},7,[468,599,600],{"class":482},"function",[468,602,603],{"class":586}," onSubmit",[468,605,606],{"class":474},"(",[468,608,610],{"class":609},"sHdIc","values",[468,612,613],{"class":474},":",[468,615,617],{"class":616},"sBMFI"," Record",[468,619,475],{"class":474},[468,621,622],{"class":616},"string",[468,624,542],{"class":474},[468,626,627],{"class":616}," unknown",[468,629,630],{"class":474},">)",[468,632,633],{"class":474}," {\n",[468,635,637],{"class":470,"line":636},8,[468,638,640],{"class":639},"sHwdD","  \u002F\u002F send values ...\n",[468,642,644],{"class":470,"line":643},9,[468,645,646],{"class":474},"}\n",[468,648,650,653,655],{"class":470,"line":649},10,[468,651,652],{"class":474},"\u003C\u002F",[468,654,479],{"class":478},[468,656,501],{"class":474},[468,658,660],{"class":470,"line":659},11,[468,661,572],{"emptyLinePlaceholder":571},[468,663,665,667,670],{"class":470,"line":664},12,[468,666,475],{"class":474},[468,668,669],{"class":478},"template",[468,671,501],{"class":474},[468,673,675,678],{"class":470,"line":674},13,[468,676,677],{"class":474},"  \u003C",[468,679,680],{"class":478},"VyForm\n",[468,682,684,687,689,691,694],{"class":470,"line":683},14,[468,685,686],{"class":482},"    ref",[468,688,489],{"class":474},[468,690,492],{"class":474},[468,692,693],{"class":495},"form",[468,695,696],{"class":474},"\"\n",[468,698,700,703,705,707,710],{"class":470,"line":699},15,[468,701,702],{"class":482},"    :default-values",[468,704,489],{"class":474},[468,706,492],{"class":474},[468,708,709],{"class":495},"{ email: '' }",[468,711,696],{"class":474},[468,713,715,718,720,722,725],{"class":470,"line":714},16,[468,716,717],{"class":482},"    @submit",[468,719,489],{"class":474},[468,721,492],{"class":474},[468,723,724],{"class":495},"onSubmit",[468,726,696],{"class":474},[468,728,730],{"class":470,"line":729},17,[468,731,732],{"class":474},"  >\n",[468,734,736,739,741,744,747,749,751,754,757,760,762],{"class":470,"line":735},18,[468,737,738],{"class":474},"    \u003C",[468,740,669],{"class":478},[468,742,743],{"class":474}," #",[468,745,746],{"class":482},"default",[468,748,489],{"class":474},[468,750,492],{"class":474},[468,752,753],{"class":474},"{",[468,755,756],{"class":514}," submitting ",[468,758,759],{"class":474},"}",[468,761,492],{"class":474},[468,763,501],{"class":474},[468,765,767,770,772,775,777,779,782,784,787,789,791,794,796],{"class":470,"line":766},19,[468,768,769],{"class":474},"      \u003C",[468,771,437],{"class":478},[468,773,774],{"class":482}," name",[468,776,489],{"class":474},[468,778,492],{"class":474},[468,780,781],{"class":495},"email",[468,783,492],{"class":474},[468,785,786],{"class":482}," label",[468,788,489],{"class":474},[468,790,492],{"class":474},[468,792,793],{"class":495},"Email",[468,795,492],{"class":474},[468,797,501],{"class":474},[468,799,801,804,807,809,811,813,815,817],{"class":470,"line":800},20,[468,802,803],{"class":474},"        \u003C",[468,805,806],{"class":478},"VyInput",[468,808,774],{"class":482},[468,810,489],{"class":474},[468,812,492],{"class":474},[468,814,781],{"class":495},[468,816,492],{"class":474},[468,818,819],{"class":474}," \u002F>\n",[468,821,823,826,828],{"class":470,"line":822},21,[468,824,825],{"class":474},"      \u003C\u002F",[468,827,437],{"class":478},[468,829,501],{"class":474},[468,831,833],{"class":470,"line":832},22,[468,834,572],{"emptyLinePlaceholder":571},[468,836,838,840,843,846,848,850,853,855,857,859,861,864,866,869,871,873,876,878],{"class":470,"line":837},23,[468,839,769],{"class":474},[468,841,842],{"class":478},"VyButton",[468,844,845],{"class":482}," :loading",[468,847,489],{"class":474},[468,849,492],{"class":474},[468,851,852],{"class":495},"submitting",[468,854,492],{"class":474},[468,856,786],{"class":482},[468,858,489],{"class":474},[468,860,492],{"class":474},[468,862,863],{"class":495},"Submit",[468,865,492],{"class":474},[468,867,868],{"class":482}," @tap",[468,870,489],{"class":474},[468,872,492],{"class":474},[468,874,875],{"class":495},"form.submit()",[468,877,492],{"class":474},[468,879,819],{"class":474},[468,881,883,886,888],{"class":470,"line":882},24,[468,884,885],{"class":474},"    \u003C\u002F",[468,887,669],{"class":478},[468,889,501],{"class":474},[468,891,893,896,898],{"class":470,"line":892},25,[468,894,895],{"class":474},"  \u003C\u002F",[468,897,422],{"class":478},[468,899,501],{"class":474},[468,901,903,905,907],{"class":470,"line":902},26,[468,904,652],{"class":474},[468,906,669],{"class":478},[468,908,501],{"class":474},[412,910,912],{"id":911},"features-and-behavior","Features and behavior",[914,915,916,925,938,946,954],"ul",{},[917,918,919,921,922,924],"li",{},[420,920,448],{}," seeds the initial field values and is what ",[420,923,456],{}," restores.",[917,926,927,928,930,931,934,935,937],{},"The default slot exposes live ",[420,929,610],{},", ",[420,932,933],{},"errors",", and ",[420,936,852],{}," state.",[917,939,940,942,943,945],{},[420,941,452],{}," runs synchronous validators and emits ",[420,944,429],{}," only when there are no errors.",[917,947,948,950,951,953],{},[420,949,456],{}," clears errors and restores ",[420,952,448],{},".",[917,955,956,959],{},[420,957,958],{},"disabled"," disables every nested field.",[412,961,963],{"id":962},"props","Props",[965,966,967,986],"table",{},[968,969,970],"thead",{},[971,972,973,977,980,983],"tr",{},[974,975,976],"th",{},"Prop",[974,978,979],{},"Type",[974,981,982],{},"Default",[974,984,985],{},"Description",[987,988,989,1011,1029],"tbody",{},[971,990,991,996,1001,1006],{},[992,993,994],"td",{},[420,995,448],{},[992,997,998],{},[420,999,1000],{},"Record\u003Cstring, unknown>",[992,1002,1003],{},[420,1004,1005],{},"undefined",[992,1007,1008,1009,953],{},"Initial values keyed by field name; used by ",[420,1010,456],{},[971,1012,1013,1017,1022,1026],{},[992,1014,1015],{},[420,1016,958],{},[992,1018,1019],{},[420,1020,1021],{},"boolean",[992,1023,1024],{},[420,1025,1005],{},[992,1027,1028],{},"Disable every nested field.",[971,1030,1031,1036,1041,1045],{},[992,1032,1033],{},[420,1034,1035],{},"class",[992,1037,1038],{},[420,1039,1040],{},"any",[992,1042,1043],{},[420,1044,1005],{},[992,1046,1047],{},"Classes applied to the form wrapper.",[412,1049,1051],{"id":1050},"emits","Emits",[965,1053,1054,1066],{},[968,1055,1056],{},[971,1057,1058,1061,1064],{},[974,1059,1060],{},"Event",[974,1062,1063],{},"Payload",[974,1065,985],{},[987,1067,1068,1081],{},[971,1069,1070,1074,1078],{},[992,1071,1072],{},[420,1073,429],{},[992,1075,1076],{},[420,1077,1000],{},[992,1079,1080],{},"Emitted on a clean submit with the collected values.",[971,1082,1083,1088,1092],{},[992,1084,1085],{},[420,1086,1087],{},"update:values",[992,1089,1090],{},[420,1091,1000],{},[992,1093,1094],{},"Emitted whenever a field value changes.",[412,1096,1098],{"id":1097},"slots","Slots",[965,1100,1101,1112],{},[968,1102,1103],{},[971,1104,1105,1108,1110],{},[974,1106,1107],{},"Slot",[974,1109,963],{},[974,1111,985],{},[987,1113,1114],{},[971,1115,1116,1120,1125],{},[992,1117,1118],{},[420,1119,746],{},[992,1121,1122],{},[420,1123,1124],{},"{ values, errors, submitting }",[992,1126,1127],{},"Form content, with live state.",[412,1129,1131],{"id":1130},"exposed-methods","Exposed methods",[417,1133,1134],{},"Access these through a template ref on the component.",[965,1136,1137,1146],{},[968,1138,1139],{},[971,1140,1141,1144],{},[974,1142,1143],{},"Method",[974,1145,985],{},[987,1147,1148,1160],{},[971,1149,1150,1154],{},[992,1151,1152],{},[420,1153,452],{},[992,1155,1156,1157,1159],{},"Run sync validators and emit ",[420,1158,429],{}," when clean.",[971,1161,1162,1166],{},[992,1163,1164],{},[420,1165,456],{},[992,1167,1168,1169,953],{},"Clear errors and restore ",[420,1170,448],{},[412,1172,328],{"id":1173},"accessibility",[417,1175,1176,1178,1179,1181,1182,1186,1187,1192],{},[420,1177,422],{}," is a structural container and adds no styling of its own beyond the wrapper ",[420,1180,1035],{},". Label each control through ",[432,1183,1184],{"href":434},[420,1185,437],{}," or ",[432,1188,1189],{"href":170},[420,1190,1191],{},"VyLabel"," so fields and their errors are announced.",[412,1194,1196],{"id":1195},"related-components","Related components",[914,1198,1199,1207,1222],{},[917,1200,1201,1206],{},[432,1202,1203],{"href":434},[420,1204,1205],{},"FormField"," for per-field label, error, and validation wiring.",[917,1208,1209,930,1213,934,1217,1221],{},[432,1210,1211],{"href":146},[420,1212,145],{},[432,1214,1215],{"href":282},[420,1216,281],{},[432,1218,1219],{"href":117},[420,1220,116],{}," for form controls.",[917,1223,1224,1228],{},[432,1225,1226],{"href":102},[420,1227,101],{}," for the submit control.",[1230,1231,1232],"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":464,"searchDepth":471,"depth":504,"links":1234},[1235,1236,1237,1238,1239,1240,1241,1242,1243],{"id":414,"depth":504,"text":415},{"id":441,"depth":504,"text":442},{"id":911,"depth":504,"text":912},{"id":962,"depth":504,"text":963},{"id":1050,"depth":504,"text":1051},{"id":1097,"depth":504,"text":1098},{"id":1130,"depth":504,"text":1131},{"id":1173,"depth":504,"text":328},{"id":1195,"depth":504,"text":1196},"A form container that tracks values, runs validators, and emits submit.","md",[1247],{"label":1248,"icon":1249,"to":1250,"target":1251},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002FKealanAU\u002Fvyui\u002Fblob\u002Fmain\u002Fpackages\u002Fkit\u002Fsrc\u002Fcomponents\u002FForm.vue","_blank",{},{"icon":139},{"title":136,"description":1244},"VzjoTXfTmqpNFCITXjRNvaDJLXigUWG0Kl2dD4-jJZw",[1257,1259],{"title":131,"path":132,"stem":133,"description":1258,"icon":-1,"children":-1,"navigation":-1},"Headless 2D pan-gesture primitive with axis locking, bounds, momentum, and reset.",{"title":141,"path":142,"stem":143,"description":1260,"icon":-1,"children":-1,"navigation":-1},"Render registered Iconify data or a custom Vue component through Lynx-native SVG.",1783534408657]