[{"data":1,"prerenderedAt":1364},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Fform":460,"\u002Fcomponents\u002Fform-surround":1359},[4,34,51,301,327,332,337,406],{"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",{"title":407,"path":408,"stem":409,"children":410,"package":11,"icon":412},"Guides","\u002Fguides","8.guides\u002F1.index",[411,413,417,422,427,432,437,441,446,450,455],{"title":407,"path":408,"stem":409,"package":11,"icon":412},"i-lucide-book-open",{"title":414,"path":415,"stem":416,"package":11,"icon":348},"Instant first-frame rendering","\u002Fguides\u002Finstant-first-frame-rendering","8.guides\u002F10.instant-first-frame-rendering",{"title":418,"path":419,"stem":420,"package":11,"icon":421},"Why use Vy UI","\u002Fguides\u002Fwhy-vy-ui","8.guides\u002F11.why-vy-ui","i-lucide-help-circle",{"title":423,"path":424,"stem":425,"package":11,"icon":426},"Lynx UI frameworks","\u002Fguides\u002Flynx-ui-frameworks","8.guides\u002F2.lynx-ui-frameworks","i-lucide-library",{"title":428,"path":429,"stem":430,"package":11,"icon":431},"What is Vue Lynx","\u002Fguides\u002Fvue-lynx","8.guides\u002F3.vue-lynx","i-lucide-component",{"title":433,"path":434,"stem":435,"package":11,"icon":436},"Lynx vs React Native","\u002Fguides\u002Flynx-vs-react-native","8.guides\u002F4.lynx-vs-react-native","i-lucide-git-compare",{"title":438,"path":439,"stem":440,"package":11,"icon":84},"Testing on your phone","\u002Fguides\u002Ftesting-on-device","8.guides\u002F5.testing-on-device",{"title":442,"path":443,"stem":444,"package":11,"icon":445},"Testing with Xcode","\u002Fguides\u002Ftesting-with-xcode","8.guides\u002F6.testing-with-xcode","i-lucide-apple",{"title":447,"path":448,"stem":449,"package":11,"icon":27},"The rspeedy dev server","\u002Fguides\u002Frspeedy-dev-server","8.guides\u002F7.rspeedy-dev-server",{"title":451,"path":452,"stem":453,"package":11,"icon":454},"Tailwind on Lynx","\u002Fguides\u002Ftailwind-on-lynx","8.guides\u002F8.tailwind-on-lynx","i-lucide-wind",{"title":456,"path":457,"stem":458,"package":11,"icon":459},"Theming on Lynx","\u002Fguides\u002Ftheming-on-lynx","8.guides\u002F9.theming-on-lynx","i-lucide-paintbrush",{"id":461,"title":136,"body":462,"description":1347,"extension":1348,"links":1349,"meta":1355,"navigation":1356,"package":63,"path":137,"seo":1357,"stem":138,"__hash__":1358},"docs\u002F3.components\u002Fform.md",{"type":463,"value":464,"toc":1336},"minimark",[465,470,493,497,512,1012,1016,1063,1067,1151,1155,1198,1202,1231,1235,1238,1274,1277,1296,1300,1332],[466,467,469],"h2",{"id":468},"overview","Overview",[471,472,473,477,478,480,481,484,485,492],"p",{},[474,475,476],"code",{},"VyForm"," wraps the headless ",[474,479,41],{}," FormRoot. It tracks field values keyed by name, runs synchronous validators, and emits ",[474,482,483],{},"submit"," with the collected values when the form is clean. Pair it with ",[486,487,489],"a",{"href":488},"\u002Fcomponents\u002Fform-field",[474,490,491],{},"VyFormField"," for per-field labels, errors, and validation.",[466,494,496],{"id":495},"usage","Usage",[471,498,499,500,503,504,507,508,511],{},"Provide ",[474,501,502],{},"defaultValues",", read live state from the default slot, and call the exposed ",[474,505,506],{},"submit()"," \u002F ",[474,509,510],{},"reset()"," via a template ref.",[513,514,519],"pre",{"className":515,"code":516,"language":517,"meta":518,"style":518},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue'\nimport { VyForm } from '@vyui\u002Fkit\u002Fform'\nimport { VyFormField } from '@vyui\u002Fkit\u002Fform-field'\nimport { VyInput } from '@vyui\u002Fkit\u002Finput'\nimport { VyButton } from '@vyui\u002Fkit\u002Fbutton'\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","",[474,520,521,556,584,605,626,647,668,675,692,697,737,744,750,760,765,775,784,800,815,830,836,867,901,923,933,938,983,993,1003],{"__ignoreMap":518},[522,523,526,530,534,538,541,544,547,551,553],"span",{"class":524,"line":525},"line",1,[522,527,529],{"class":528},"sMK4o","\u003C",[522,531,533],{"class":532},"swJcz","script",[522,535,537],{"class":536},"spNyl"," setup",[522,539,540],{"class":536}," lang",[522,542,543],{"class":528},"=",[522,545,546],{"class":528},"\"",[522,548,550],{"class":549},"sfazB","ts",[522,552,546],{"class":528},[522,554,555],{"class":528},">\n",[522,557,559,563,566,570,573,576,579,581],{"class":524,"line":558},2,[522,560,562],{"class":561},"s7zQu","import",[522,564,565],{"class":528}," {",[522,567,569],{"class":568},"sTEyZ"," ref",[522,571,572],{"class":528}," }",[522,574,575],{"class":561}," from",[522,577,578],{"class":528}," '",[522,580,517],{"class":549},[522,582,583],{"class":528},"'\n",[522,585,587,589,591,594,596,598,600,603],{"class":524,"line":586},3,[522,588,562],{"class":561},[522,590,565],{"class":528},[522,592,593],{"class":568}," VyForm",[522,595,572],{"class":528},[522,597,575],{"class":561},[522,599,578],{"class":528},[522,601,602],{"class":549},"@vyui\u002Fkit\u002Fform",[522,604,583],{"class":528},[522,606,608,610,612,615,617,619,621,624],{"class":524,"line":607},4,[522,609,562],{"class":561},[522,611,565],{"class":528},[522,613,614],{"class":568}," VyFormField",[522,616,572],{"class":528},[522,618,575],{"class":561},[522,620,578],{"class":528},[522,622,623],{"class":549},"@vyui\u002Fkit\u002Fform-field",[522,625,583],{"class":528},[522,627,629,631,633,636,638,640,642,645],{"class":524,"line":628},5,[522,630,562],{"class":561},[522,632,565],{"class":528},[522,634,635],{"class":568}," VyInput",[522,637,572],{"class":528},[522,639,575],{"class":561},[522,641,578],{"class":528},[522,643,644],{"class":549},"@vyui\u002Fkit\u002Finput",[522,646,583],{"class":528},[522,648,650,652,654,657,659,661,663,666],{"class":524,"line":649},6,[522,651,562],{"class":561},[522,653,565],{"class":528},[522,655,656],{"class":568}," VyButton",[522,658,572],{"class":528},[522,660,575],{"class":561},[522,662,578],{"class":528},[522,664,665],{"class":549},"@vyui\u002Fkit\u002Fbutton",[522,667,583],{"class":528},[522,669,671],{"class":524,"line":670},7,[522,672,674],{"emptyLinePlaceholder":673},true,"\n",[522,676,678,681,684,686,689],{"class":524,"line":677},8,[522,679,680],{"class":536},"const",[522,682,683],{"class":568}," form ",[522,685,543],{"class":528},[522,687,569],{"class":688},"s2Zo4",[522,690,691],{"class":568},"()\n",[522,693,695],{"class":524,"line":694},9,[522,696,674],{"emptyLinePlaceholder":673},[522,698,700,703,706,709,713,716,720,722,725,728,731,734],{"class":524,"line":699},10,[522,701,702],{"class":536},"function",[522,704,705],{"class":688}," onSubmit",[522,707,708],{"class":528},"(",[522,710,712],{"class":711},"sHdIc","values",[522,714,715],{"class":528},":",[522,717,719],{"class":718},"sBMFI"," Record",[522,721,529],{"class":528},[522,723,724],{"class":718},"string",[522,726,727],{"class":528},",",[522,729,730],{"class":718}," unknown",[522,732,733],{"class":528},">)",[522,735,736],{"class":528}," {\n",[522,738,740],{"class":524,"line":739},11,[522,741,743],{"class":742},"sHwdD","  \u002F\u002F send values ...\n",[522,745,747],{"class":524,"line":746},12,[522,748,749],{"class":528},"}\n",[522,751,753,756,758],{"class":524,"line":752},13,[522,754,755],{"class":528},"\u003C\u002F",[522,757,533],{"class":532},[522,759,555],{"class":528},[522,761,763],{"class":524,"line":762},14,[522,764,674],{"emptyLinePlaceholder":673},[522,766,768,770,773],{"class":524,"line":767},15,[522,769,529],{"class":528},[522,771,772],{"class":532},"template",[522,774,555],{"class":528},[522,776,778,781],{"class":524,"line":777},16,[522,779,780],{"class":528},"  \u003C",[522,782,783],{"class":532},"VyForm\n",[522,785,787,790,792,794,797],{"class":524,"line":786},17,[522,788,789],{"class":536},"    ref",[522,791,543],{"class":528},[522,793,546],{"class":528},[522,795,796],{"class":549},"form",[522,798,799],{"class":528},"\"\n",[522,801,803,806,808,810,813],{"class":524,"line":802},18,[522,804,805],{"class":536},"    :default-values",[522,807,543],{"class":528},[522,809,546],{"class":528},[522,811,812],{"class":549},"{ email: '' }",[522,814,799],{"class":528},[522,816,818,821,823,825,828],{"class":524,"line":817},19,[522,819,820],{"class":536},"    @submit",[522,822,543],{"class":528},[522,824,546],{"class":528},[522,826,827],{"class":549},"onSubmit",[522,829,799],{"class":528},[522,831,833],{"class":524,"line":832},20,[522,834,835],{"class":528},"  >\n",[522,837,839,842,844,847,850,852,854,857,860,863,865],{"class":524,"line":838},21,[522,840,841],{"class":528},"    \u003C",[522,843,772],{"class":532},[522,845,846],{"class":528}," #",[522,848,849],{"class":536},"default",[522,851,543],{"class":528},[522,853,546],{"class":528},[522,855,856],{"class":528},"{",[522,858,859],{"class":568}," submitting ",[522,861,862],{"class":528},"}",[522,864,546],{"class":528},[522,866,555],{"class":528},[522,868,870,873,875,878,880,882,885,887,890,892,894,897,899],{"class":524,"line":869},22,[522,871,872],{"class":528},"      \u003C",[522,874,491],{"class":532},[522,876,877],{"class":536}," name",[522,879,543],{"class":528},[522,881,546],{"class":528},[522,883,884],{"class":549},"email",[522,886,546],{"class":528},[522,888,889],{"class":536}," label",[522,891,543],{"class":528},[522,893,546],{"class":528},[522,895,896],{"class":549},"Email",[522,898,546],{"class":528},[522,900,555],{"class":528},[522,902,904,907,910,912,914,916,918,920],{"class":524,"line":903},23,[522,905,906],{"class":528},"        \u003C",[522,908,909],{"class":532},"VyInput",[522,911,877],{"class":536},[522,913,543],{"class":528},[522,915,546],{"class":528},[522,917,884],{"class":549},[522,919,546],{"class":528},[522,921,922],{"class":528}," \u002F>\n",[522,924,926,929,931],{"class":524,"line":925},24,[522,927,928],{"class":528},"      \u003C\u002F",[522,930,491],{"class":532},[522,932,555],{"class":528},[522,934,936],{"class":524,"line":935},25,[522,937,674],{"emptyLinePlaceholder":673},[522,939,941,943,946,949,951,953,956,958,960,962,964,967,969,972,974,976,979,981],{"class":524,"line":940},26,[522,942,872],{"class":528},[522,944,945],{"class":532},"VyButton",[522,947,948],{"class":536}," :loading",[522,950,543],{"class":528},[522,952,546],{"class":528},[522,954,955],{"class":549},"submitting",[522,957,546],{"class":528},[522,959,889],{"class":536},[522,961,543],{"class":528},[522,963,546],{"class":528},[522,965,966],{"class":549},"Submit",[522,968,546],{"class":528},[522,970,971],{"class":536}," @tap",[522,973,543],{"class":528},[522,975,546],{"class":528},[522,977,978],{"class":549},"form.submit()",[522,980,546],{"class":528},[522,982,922],{"class":528},[522,984,986,989,991],{"class":524,"line":985},27,[522,987,988],{"class":528},"    \u003C\u002F",[522,990,772],{"class":532},[522,992,555],{"class":528},[522,994,996,999,1001],{"class":524,"line":995},28,[522,997,998],{"class":528},"  \u003C\u002F",[522,1000,476],{"class":532},[522,1002,555],{"class":528},[522,1004,1006,1008,1010],{"class":524,"line":1005},29,[522,1007,755],{"class":528},[522,1009,772],{"class":532},[522,1011,555],{"class":528},[466,1013,1015],{"id":1014},"features-and-behavior","Features and behavior",[1017,1018,1019,1028,1041,1049,1057],"ul",{},[1020,1021,1022,1024,1025,1027],"li",{},[474,1023,502],{}," seeds the initial field values and is what ",[474,1026,510],{}," restores.",[1020,1029,1030,1031,1033,1034,1037,1038,1040],{},"The default slot exposes live ",[474,1032,712],{},", ",[474,1035,1036],{},"errors",", and ",[474,1039,955],{}," state.",[1020,1042,1043,1045,1046,1048],{},[474,1044,506],{}," runs synchronous validators and emits ",[474,1047,483],{}," only when there are no errors.",[1020,1050,1051,1053,1054,1056],{},[474,1052,510],{}," clears errors and restores ",[474,1055,502],{},".",[1020,1058,1059,1062],{},[474,1060,1061],{},"disabled"," disables every nested field.",[466,1064,1066],{"id":1065},"props","Props",[1068,1069,1070,1089],"table",{},[1071,1072,1073],"thead",{},[1074,1075,1076,1080,1083,1086],"tr",{},[1077,1078,1079],"th",{},"Prop",[1077,1081,1082],{},"Type",[1077,1084,1085],{},"Default",[1077,1087,1088],{},"Description",[1090,1091,1092,1114,1132],"tbody",{},[1074,1093,1094,1099,1104,1109],{},[1095,1096,1097],"td",{},[474,1098,502],{},[1095,1100,1101],{},[474,1102,1103],{},"Record\u003Cstring, unknown>",[1095,1105,1106],{},[474,1107,1108],{},"undefined",[1095,1110,1111,1112,1056],{},"Initial values keyed by field name; used by ",[474,1113,510],{},[1074,1115,1116,1120,1125,1129],{},[1095,1117,1118],{},[474,1119,1061],{},[1095,1121,1122],{},[474,1123,1124],{},"boolean",[1095,1126,1127],{},[474,1128,1108],{},[1095,1130,1131],{},"Disable every nested field.",[1074,1133,1134,1139,1144,1148],{},[1095,1135,1136],{},[474,1137,1138],{},"class",[1095,1140,1141],{},[474,1142,1143],{},"any",[1095,1145,1146],{},[474,1147,1108],{},[1095,1149,1150],{},"Classes applied to the form wrapper.",[466,1152,1154],{"id":1153},"emits","Emits",[1068,1156,1157,1169],{},[1071,1158,1159],{},[1074,1160,1161,1164,1167],{},[1077,1162,1163],{},"Event",[1077,1165,1166],{},"Payload",[1077,1168,1088],{},[1090,1170,1171,1184],{},[1074,1172,1173,1177,1181],{},[1095,1174,1175],{},[474,1176,483],{},[1095,1178,1179],{},[474,1180,1103],{},[1095,1182,1183],{},"Emitted on a clean submit with the collected values.",[1074,1185,1186,1191,1195],{},[1095,1187,1188],{},[474,1189,1190],{},"update:values",[1095,1192,1193],{},[474,1194,1103],{},[1095,1196,1197],{},"Emitted whenever a field value changes.",[466,1199,1201],{"id":1200},"slots","Slots",[1068,1203,1204,1215],{},[1071,1205,1206],{},[1074,1207,1208,1211,1213],{},[1077,1209,1210],{},"Slot",[1077,1212,1066],{},[1077,1214,1088],{},[1090,1216,1217],{},[1074,1218,1219,1223,1228],{},[1095,1220,1221],{},[474,1222,849],{},[1095,1224,1225],{},[474,1226,1227],{},"{ values, errors, submitting }",[1095,1229,1230],{},"Form content, with live state.",[466,1232,1234],{"id":1233},"exposed-methods","Exposed methods",[471,1236,1237],{},"Access these through a template ref on the component.",[1068,1239,1240,1249],{},[1071,1241,1242],{},[1074,1243,1244,1247],{},[1077,1245,1246],{},"Method",[1077,1248,1088],{},[1090,1250,1251,1263],{},[1074,1252,1253,1257],{},[1095,1254,1255],{},[474,1256,506],{},[1095,1258,1259,1260,1262],{},"Run sync validators and emit ",[474,1261,483],{}," when clean.",[1074,1264,1265,1269],{},[1095,1266,1267],{},[474,1268,510],{},[1095,1270,1271,1272,1056],{},"Clear errors and restore ",[474,1273,502],{},[466,1275,328],{"id":1276},"accessibility",[471,1278,1279,1281,1282,1284,1285,1289,1290,1295],{},[474,1280,476],{}," is a structural container and adds no styling of its own beyond the wrapper ",[474,1283,1138],{},". Label each control through ",[486,1286,1287],{"href":488},[474,1288,491],{}," or ",[486,1291,1292],{"href":170},[474,1293,1294],{},"VyLabel"," so fields and their errors are announced.",[466,1297,1299],{"id":1298},"related-components","Related components",[1017,1301,1302,1310,1325],{},[1020,1303,1304,1309],{},[486,1305,1306],{"href":488},[474,1307,1308],{},"FormField"," for per-field label, error, and validation wiring.",[1020,1311,1312,1033,1316,1037,1320,1324],{},[486,1313,1314],{"href":146},[474,1315,145],{},[486,1317,1318],{"href":282},[474,1319,281],{},[486,1321,1322],{"href":117},[474,1323,116],{}," for form controls.",[1020,1326,1327,1331],{},[486,1328,1329],{"href":102},[474,1330,101],{}," for the submit control.",[1333,1334,1335],"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":518,"searchDepth":525,"depth":558,"links":1337},[1338,1339,1340,1341,1342,1343,1344,1345,1346],{"id":468,"depth":558,"text":469},{"id":495,"depth":558,"text":496},{"id":1014,"depth":558,"text":1015},{"id":1065,"depth":558,"text":1066},{"id":1153,"depth":558,"text":1154},{"id":1200,"depth":558,"text":1201},{"id":1233,"depth":558,"text":1234},{"id":1276,"depth":558,"text":328},{"id":1298,"depth":558,"text":1299},"A form container that tracks values, runs validators, and emits submit.","md",[1350],{"label":1351,"icon":1352,"to":1353,"target":1354},"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":1347},"1iaS9eYBCUZLS68hidMg0wjyRt0p37G0eH4OctC6PQU",[1360,1362],{"title":131,"path":132,"stem":133,"description":1361,"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":1363,"icon":-1,"children":-1,"navigation":-1},"Render registered Iconify data or a custom Vue component through Lynx-native SVG.",1785060115247]