[{"data":1,"prerenderedAt":1741},["ShallowReactive",2],{"selaras-docs-navigation":3,"selaras-docs:\u002Fcomponents\u002Fforms\u002Fvalidation":649},[4,11,124,509,568,593],{"title":5,"path":6,"stem":7,"order":8,"icon":9,"collapse":10,"navBadges":9},"Selaras","\u002F","index",1,null,false,{"title":12,"order":13,"icon":9,"collapse":10,"navBadges":9,"path":14,"stem":15,"children":16,"page":10},"Overview",10,"\u002Foverview","overview",[17,66,103],{"title":18,"order":13,"icon":9,"collapse":10,"navBadges":9,"path":19,"stem":20,"children":21,"page":10},"Getting Started","\u002Foverview\u002Fgetting-started","overview\u002Fgetting-started",[22,26,31,36,41,46,51,56,61],{"title":23,"path":24,"stem":25,"order":13,"icon":9,"collapse":10,"navBadges":9},"Introduction","\u002Foverview\u002Fgetting-started\u002Fintroduction","overview\u002Fgetting-started\u002Fintroduction",{"title":27,"path":28,"stem":29,"order":30,"icon":9,"collapse":10,"navBadges":9},"Installation","\u002Foverview\u002Fgetting-started\u002Finstallation","overview\u002Fgetting-started\u002Finstallation",20,{"title":32,"path":33,"stem":34,"order":35,"icon":9,"collapse":10,"navBadges":9},"Component usage","\u002Foverview\u002Fgetting-started\u002Fcomponent-usage","overview\u002Fgetting-started\u002Fcomponent-usage",30,{"title":37,"path":38,"stem":39,"order":40,"icon":9,"collapse":10,"navBadges":9},"Nuxt configuration","\u002Foverview\u002Fgetting-started\u002Fnuxt-configuration","overview\u002Fgetting-started\u002Fnuxt-configuration",40,{"title":42,"path":43,"stem":44,"order":45,"icon":9,"collapse":10,"navBadges":9},"Icons","\u002Foverview\u002Fgetting-started\u002Ficons","overview\u002Fgetting-started\u002Ficons",50,{"title":47,"path":48,"stem":49,"order":50,"icon":9,"collapse":10,"navBadges":9},"Messages and localization","\u002Foverview\u002Fgetting-started\u002Fmessages","overview\u002Fgetting-started\u002Fmessages",60,{"title":52,"path":53,"stem":54,"order":55,"icon":9,"collapse":10,"navBadges":9},"Adaptive interfaces","\u002Foverview\u002Fgetting-started\u002Fadaptive-interfaces","overview\u002Fgetting-started\u002Fadaptive-interfaces",70,{"title":57,"path":58,"stem":59,"order":60,"icon":9,"collapse":10,"navBadges":9},"TypeScript","\u002Foverview\u002Fgetting-started\u002Ftypescript","overview\u002Fgetting-started\u002Ftypescript",80,{"title":62,"path":63,"stem":64,"order":65,"icon":9,"collapse":10,"navBadges":9},"Migrating to 1.0","\u002Foverview\u002Fgetting-started\u002Fmigrating-to-1","overview\u002Fgetting-started\u002Fmigrating-to-1",90,{"title":67,"order":30,"icon":9,"collapse":10,"navBadges":9,"path":68,"stem":69,"children":70,"page":10},"Theming","\u002Foverview\u002Ftheming","overview\u002Ftheming",[71,74,78,82,86,90,95,99],{"title":67,"path":72,"stem":73,"order":13,"icon":9,"collapse":10,"navBadges":9},"\u002Foverview\u002Ftheming\u002Foverview","overview\u002Ftheming\u002Foverview",{"title":75,"path":76,"stem":77,"order":30,"icon":9,"collapse":10,"navBadges":9},"CSS tokens","\u002Foverview\u002Ftheming\u002Fcss-tokens","overview\u002Ftheming\u002Fcss-tokens",{"title":79,"path":80,"stem":81,"order":35,"icon":9,"collapse":10,"navBadges":9},"Color roles","\u002Foverview\u002Ftheming\u002Fcolor-roles","overview\u002Ftheming\u002Fcolor-roles",{"title":83,"path":84,"stem":85,"order":40,"icon":9,"collapse":10,"navBadges":9},"Color modes","\u002Foverview\u002Ftheming\u002Fcolor-modes","overview\u002Ftheming\u002Fcolor-modes",{"title":87,"path":88,"stem":89,"order":45,"icon":9,"collapse":10,"navBadges":9},"Component styling","\u002Foverview\u002Ftheming\u002Fcomponent-styling","overview\u002Ftheming\u002Fcomponent-styling",{"title":91,"path":92,"stem":93,"order":94,"icon":9,"collapse":10,"navBadges":9},"Global configuration","\u002Foverview\u002Ftheming\u002Fglobal-configuration","overview\u002Ftheming\u002Fglobal-configuration",55,{"title":96,"path":97,"stem":98,"order":50,"icon":9,"collapse":10,"navBadges":9},"Scoped themes","\u002Foverview\u002Ftheming\u002Fscoped-themes","overview\u002Ftheming\u002Fscoped-themes",{"title":100,"path":101,"stem":102,"order":55,"icon":9,"collapse":10,"navBadges":9},"Complete themes","\u002Foverview\u002Ftheming\u002Fcomplete-themes","overview\u002Ftheming\u002Fcomplete-themes",{"title":104,"order":35,"icon":9,"collapse":10,"navBadges":9,"path":105,"stem":106,"children":107,"page":10},"Agent Support","\u002Foverview\u002Fagent-support","overview\u002Fagent-support",[108,112,116,120],{"title":109,"path":110,"stem":111,"order":13,"icon":9,"collapse":10,"navBadges":9},"Agent support","\u002Foverview\u002Fagent-support\u002Foverview","overview\u002Fagent-support\u002Foverview",{"title":113,"path":114,"stem":115,"order":30,"icon":9,"collapse":10,"navBadges":9},"Documentation exports","\u002Foverview\u002Fagent-support\u002Fdocumentation","overview\u002Fagent-support\u002Fdocumentation",{"title":117,"path":118,"stem":119,"order":35,"icon":9,"collapse":10,"navBadges":9},"Skills","\u002Foverview\u002Fagent-support\u002Fskills","overview\u002Fagent-support\u002Fskills",{"title":121,"path":122,"stem":123,"order":40,"icon":9,"collapse":10,"navBadges":9},"MCP","\u002Foverview\u002Fagent-support\u002Fmcp","overview\u002Fagent-support\u002Fmcp",{"title":125,"order":30,"icon":9,"collapse":10,"navBadges":9,"path":126,"stem":127,"children":128,"page":10},"Components","\u002Fcomponents","components",[129,202,301,320,364,417,470],{"title":130,"path":131,"stem":132,"children":133,"page":10},"Elements","\u002Fcomponents\u002Felements","components\u002Felements",[134,138,143,148,153,158,162,167,172,177,182,187,192,197],{"title":135,"path":136,"stem":137,"order":13,"icon":9,"collapse":10,"navBadges":9},"Button","\u002Fcomponents\u002Felements\u002Fbutton","components\u002Felements\u002Fbutton",{"title":139,"path":140,"stem":141,"order":142,"icon":9,"collapse":10,"navBadges":9},"ButtonGroup","\u002Fcomponents\u002Felements\u002Fbutton-group","components\u002Felements\u002Fbutton-group",10.5,{"title":144,"path":145,"stem":146,"order":147,"icon":9,"collapse":10,"navBadges":9},"Badge","\u002Fcomponents\u002Felements\u002Fbadge","components\u002Felements\u002Fbadge",11,{"title":149,"path":150,"stem":151,"order":152,"icon":9,"collapse":10,"navBadges":9},"Avatar","\u002Fcomponents\u002Felements\u002Favatar","components\u002Felements\u002Favatar",11.25,{"title":154,"path":155,"stem":156,"order":157,"icon":9,"collapse":10,"navBadges":9},"AvatarGroup","\u002Fcomponents\u002Felements\u002Favatar-group","components\u002Felements\u002Favatar-group",11.5,{"title":159,"path":160,"stem":161,"order":157,"icon":9,"collapse":10,"navBadges":9},"Chip","\u002Fcomponents\u002Felements\u002Fchip","components\u002Felements\u002Fchip",{"title":163,"path":164,"stem":165,"order":166,"icon":9,"collapse":10,"navBadges":9},"Icon","\u002Fcomponents\u002Felements\u002Ficon","components\u002Felements\u002Ficon",12,{"title":168,"path":169,"stem":170,"order":171,"icon":9,"collapse":10,"navBadges":9},"Skeleton","\u002Fcomponents\u002Felements\u002Fskeleton","components\u002Felements\u002Fskeleton",12.5,{"title":173,"path":174,"stem":175,"order":176,"icon":9,"collapse":10,"navBadges":9},"Separator","\u002Fcomponents\u002Felements\u002Fseparator","components\u002Felements\u002Fseparator",12.75,{"title":178,"path":179,"stem":180,"order":181,"icon":9,"collapse":10,"navBadges":9},"Alert","\u002Fcomponents\u002Felements\u002Falert","components\u002Felements\u002Falert",12.9,{"title":183,"path":184,"stem":185,"order":186,"icon":9,"collapse":10,"navBadges":9},"Toggle","\u002Fcomponents\u002Felements\u002Ftoggle","components\u002Felements\u002Ftoggle",12.92,{"title":188,"path":189,"stem":190,"order":191,"icon":9,"collapse":10,"navBadges":9},"Toggle Group","\u002Fcomponents\u002Felements\u002Ftoggle-group","components\u002Felements\u002Ftoggle-group",12.94,{"title":193,"path":194,"stem":195,"order":196,"icon":9,"collapse":10,"navBadges":9},"Kbd","\u002Fcomponents\u002Felements\u002Fkbd","components\u002Felements\u002Fkbd",12.95,{"title":198,"path":199,"stem":200,"order":201,"icon":9,"collapse":10,"navBadges":9},"Progress","\u002Fcomponents\u002Felements\u002Fprogress","components\u002Felements\u002Fprogress",12.97,{"title":203,"path":204,"stem":205,"children":206,"page":10},"Forms","\u002Fcomponents\u002Fforms","components\u002Fforms",[207,211,216,221,226,231,236,241,246,251,256,261,266,271,276,281,286,291,296],{"title":208,"path":209,"stem":210,"order":30,"icon":9,"collapse":10,"navBadges":9},"Input","\u002Fcomponents\u002Fforms\u002Finput","components\u002Fforms\u002Finput",{"title":212,"path":213,"stem":214,"order":215,"icon":9,"collapse":10,"navBadges":9},"InputGroup","\u002Fcomponents\u002Fforms\u002Finput-group","components\u002Fforms\u002Finput-group",20.25,{"title":217,"path":218,"stem":219,"order":220,"icon":9,"collapse":10,"navBadges":9},"InputNumber","\u002Fcomponents\u002Fforms\u002Finput-number","components\u002Fforms\u002Finput-number",20.5,{"title":222,"path":223,"stem":224,"order":225,"icon":9,"collapse":10,"navBadges":9},"Slider","\u002Fcomponents\u002Fforms\u002Fslider","components\u002Fforms\u002Fslider",20.75,{"title":227,"path":228,"stem":229,"order":230,"icon":9,"collapse":10,"navBadges":9},"PinInput","\u002Fcomponents\u002Fforms\u002Fpin-input","components\u002Fforms\u002Fpin-input",20.9,{"title":232,"path":233,"stem":234,"order":235,"icon":9,"collapse":10,"navBadges":9},"Textarea","\u002Fcomponents\u002Fforms\u002Ftextarea","components\u002Fforms\u002Ftextarea",21,{"title":237,"path":238,"stem":239,"order":240,"icon":9,"collapse":10,"navBadges":9},"FileUpload","\u002Fcomponents\u002Fforms\u002Ffile-upload","components\u002Fforms\u002Ffile-upload",21.5,{"title":242,"path":243,"stem":244,"order":245,"icon":9,"collapse":10,"navBadges":9},"Select","\u002Fcomponents\u002Fforms\u002Fselect","components\u002Fforms\u002Fselect",22,{"title":247,"path":248,"stem":249,"order":250,"icon":9,"collapse":10,"navBadges":9},"Listbox","\u002Fcomponents\u002Fforms\u002Flistbox","components\u002Fforms\u002Flistbox",22.5,{"title":252,"path":253,"stem":254,"order":255,"icon":9,"collapse":10,"navBadges":9},"TransferList","\u002Fcomponents\u002Fforms\u002Ftransfer-list","components\u002Fforms\u002Ftransfer-list",22.75,{"title":257,"path":258,"stem":259,"order":260,"icon":9,"collapse":10,"navBadges":9},"Autocomplete","\u002Fcomponents\u002Fforms\u002Fautocomplete","components\u002Fforms\u002Fautocomplete",23,{"title":262,"path":263,"stem":264,"order":265,"icon":9,"collapse":10,"navBadges":9},"DatePicker","\u002Fcomponents\u002Fforms\u002Fdate-picker","components\u002Fforms\u002Fdate-picker",23.5,{"title":267,"path":268,"stem":269,"order":270,"icon":9,"collapse":10,"navBadges":9},"ColorPicker","\u002Fcomponents\u002Fforms\u002Fcolor-picker","components\u002Fforms\u002Fcolor-picker",23.75,{"title":272,"path":273,"stem":274,"order":275,"icon":9,"collapse":10,"navBadges":9},"Checkbox","\u002Fcomponents\u002Fforms\u002Fcheckbox","components\u002Fforms\u002Fcheckbox",24,{"title":277,"path":278,"stem":279,"order":280,"icon":9,"collapse":10,"navBadges":9},"RadioGroup","\u002Fcomponents\u002Fforms\u002Fradio-group","components\u002Fforms\u002Fradio-group",25,{"title":282,"path":283,"stem":284,"order":285,"icon":9,"collapse":10,"navBadges":9},"Rating","\u002Fcomponents\u002Fforms\u002Frating","components\u002Fforms\u002Frating",25.5,{"title":287,"path":288,"stem":289,"order":290,"icon":9,"collapse":10,"navBadges":9},"Switch","\u002Fcomponents\u002Fforms\u002Fswitch","components\u002Fforms\u002Fswitch",26,{"title":292,"path":293,"stem":294,"order":295,"icon":9,"collapse":10,"navBadges":9},"FormField","\u002Fcomponents\u002Fforms\u002Fform-field","components\u002Fforms\u002Fform-field",27,{"title":297,"path":298,"stem":299,"order":300,"icon":9,"collapse":10,"navBadges":9},"Form Validation","\u002Fcomponents\u002Fforms\u002Fvalidation","components\u002Fforms\u002Fvalidation",28,{"title":302,"path":303,"stem":304,"children":305,"page":10},"Data","\u002Fcomponents\u002Fdata","components\u002Fdata",[306,311,315],{"title":307,"path":308,"stem":309,"order":310,"icon":9,"collapse":10,"navBadges":9},"Calendar","\u002Fcomponents\u002Fdata\u002Fcalendar","components\u002Fdata\u002Fcalendar",29,{"title":312,"path":313,"stem":314,"order":35,"icon":9,"collapse":10,"navBadges":9},"Table","\u002Fcomponents\u002Fdata\u002Ftable","components\u002Fdata\u002Ftable",{"title":316,"path":317,"stem":318,"order":319,"icon":9,"collapse":10,"navBadges":9},"Timeline","\u002Fcomponents\u002Fdata\u002Ftimeline","components\u002Fdata\u002Ftimeline",31,{"title":321,"path":322,"stem":323,"children":324,"page":10},"Navigation","\u002Fcomponents\u002Fnavigation","components\u002Fnavigation",[325,330,334,339,344,349,354,359],{"title":326,"path":327,"stem":328,"order":329,"icon":9,"collapse":10,"navBadges":9},"Breadcrumb","\u002Fcomponents\u002Fnavigation\u002Fbreadcrumb","components\u002Fnavigation\u002Fbreadcrumb",39,{"title":331,"path":332,"stem":333,"order":40,"icon":9,"collapse":10,"navBadges":9},"Tabs","\u002Fcomponents\u002Fnavigation\u002Ftabs","components\u002Fnavigation\u002Ftabs",{"title":335,"path":336,"stem":337,"order":338,"icon":9,"collapse":10,"navBadges":9},"Stepper","\u002Fcomponents\u002Fnavigation\u002Fstepper","components\u002Fnavigation\u002Fstepper",40.5,{"title":340,"path":341,"stem":342,"order":343,"icon":9,"collapse":10,"navBadges":9},"Accordion","\u002Fcomponents\u002Fnavigation\u002Faccordion","components\u002Fnavigation\u002Faccordion",41,{"title":345,"path":346,"stem":347,"order":348,"icon":9,"collapse":10,"navBadges":9},"Collapsible","\u002Fcomponents\u002Fnavigation\u002Fcollapsible","components\u002Fnavigation\u002Fcollapsible",41.5,{"title":350,"path":351,"stem":352,"order":353,"icon":9,"collapse":10,"navBadges":9},"Tree","\u002Fcomponents\u002Fnavigation\u002Ftree","components\u002Fnavigation\u002Ftree",41.75,{"title":355,"path":356,"stem":357,"order":358,"icon":9,"collapse":10,"navBadges":9},"Pagination","\u002Fcomponents\u002Fnavigation\u002Fpagination","components\u002Fnavigation\u002Fpagination",44,{"title":360,"path":361,"stem":362,"order":363,"icon":9,"collapse":10,"navBadges":9},"NavigationMenu","\u002Fcomponents\u002Fnavigation\u002Fnavigation-menu","components\u002Fnavigation\u002Fnavigation-menu",45,{"title":365,"path":366,"stem":367,"children":368,"page":10},"Overlays","\u002Fcomponents\u002Foverlays","components\u002Foverlays",[369,373,378,383,388,393,398,403,408,412],{"title":370,"path":371,"stem":372,"order":45,"icon":9,"collapse":10,"navBadges":9},"Modal","\u002Fcomponents\u002Foverlays\u002Fmodal","components\u002Foverlays\u002Fmodal",{"title":374,"path":375,"stem":376,"order":377,"icon":9,"collapse":10,"navBadges":9},"AlertDialog","\u002Fcomponents\u002Foverlays\u002Falert-dialog","components\u002Foverlays\u002Falert-dialog",50.5,{"title":379,"path":380,"stem":381,"order":382,"icon":9,"collapse":10,"navBadges":9},"Dropdown","\u002Fcomponents\u002Foverlays\u002Fdropdown","components\u002Foverlays\u002Fdropdown",51,{"title":384,"path":385,"stem":386,"order":387,"icon":9,"collapse":10,"navBadges":9},"Context Menu","\u002Fcomponents\u002Foverlays\u002Fcontext-menu","components\u002Foverlays\u002Fcontext-menu",51.5,{"title":389,"path":390,"stem":391,"order":392,"icon":9,"collapse":10,"navBadges":9},"Tooltip","\u002Fcomponents\u002Foverlays\u002Ftooltip","components\u002Foverlays\u002Ftooltip",52,{"title":394,"path":395,"stem":396,"order":397,"icon":9,"collapse":10,"navBadges":9},"Toast","\u002Fcomponents\u002Foverlays\u002Ftoast","components\u002Foverlays\u002Ftoast",53,{"title":399,"path":400,"stem":401,"order":402,"icon":9,"collapse":10,"navBadges":9},"Slideover","\u002Fcomponents\u002Foverlays\u002Fslideover","components\u002Foverlays\u002Fslideover",54,{"title":404,"path":405,"stem":406,"order":407,"icon":9,"collapse":10,"navBadges":9},"Command Palette","\u002Fcomponents\u002Foverlays\u002Fcommand-palette","components\u002Foverlays\u002Fcommand-palette",54.5,{"title":409,"path":410,"stem":411,"order":94,"icon":9,"collapse":10,"navBadges":9},"Popover","\u002Fcomponents\u002Foverlays\u002Fpopover","components\u002Foverlays\u002Fpopover",{"title":413,"path":414,"stem":415,"order":416,"icon":9,"collapse":10,"navBadges":9},"Drawer","\u002Fcomponents\u002Foverlays\u002Fdrawer","components\u002Foverlays\u002Fdrawer",56,{"title":418,"path":419,"stem":420,"children":421,"page":10},"Layout","\u002Fcomponents\u002Flayout","components\u002Flayout",[422,427,431,436,441,446,450,455,460,465],{"title":423,"path":424,"stem":425,"order":426,"icon":9,"collapse":10,"navBadges":9},"App","\u002Fcomponents\u002Flayout\u002Fapp","components\u002Flayout\u002Fapp",59,{"title":428,"path":429,"stem":430,"order":50,"icon":9,"collapse":10,"navBadges":9},"Container","\u002Fcomponents\u002Flayout\u002Fcontainer","components\u002Flayout\u002Fcontainer",{"title":432,"path":433,"stem":434,"order":435,"icon":9,"collapse":10,"navBadges":9},"Header","\u002Fcomponents\u002Flayout\u002Fheader","components\u002Flayout\u002Fheader",63,{"title":437,"path":438,"stem":439,"order":440,"icon":9,"collapse":10,"navBadges":9},"ColorModeToggle","\u002Fcomponents\u002Flayout\u002Fcolor-mode-toggle","components\u002Flayout\u002Fcolor-mode-toggle",64,{"title":442,"path":443,"stem":444,"order":445,"icon":9,"collapse":10,"navBadges":9},"ColorModeSwitch","\u002Fcomponents\u002Flayout\u002Fcolor-mode-switch","components\u002Flayout\u002Fcolor-mode-switch",65,{"title":447,"path":448,"stem":449,"order":445,"icon":9,"collapse":10,"navBadges":9},"ScrollArea","\u002Fcomponents\u002Flayout\u002Fscroll-area","components\u002Flayout\u002Fscroll-area",{"title":451,"path":452,"stem":453,"order":454,"icon":9,"collapse":10,"navBadges":9},"Card","\u002Fcomponents\u002Flayout\u002Fcard","components\u002Flayout\u002Fcard",66,{"title":456,"path":457,"stem":458,"order":459,"icon":9,"collapse":10,"navBadges":9},"CardGroup","\u002Fcomponents\u002Flayout\u002Fcard-group","components\u002Flayout\u002Fcard-group",67,{"title":461,"path":462,"stem":463,"order":464,"icon":9,"collapse":10,"navBadges":9},"Splitter","\u002Fcomponents\u002Flayout\u002Fsplitter","components\u002Flayout\u002Fsplitter",68,{"title":466,"path":467,"stem":468,"order":469,"icon":9,"collapse":10,"navBadges":9},"Theme","\u002Fcomponents\u002Flayout\u002Ftheme","components\u002Flayout\u002Ftheme",69,{"title":471,"path":472,"stem":473,"children":474,"page":10},"Typography","\u002Fcomponents\u002Ftypography","components\u002Ftypography",[475,479,484,489,494,499,504],{"title":476,"path":477,"stem":478,"order":55,"icon":9,"collapse":10,"navBadges":9},"Prose","\u002Fcomponents\u002Ftypography\u002Fprose","components\u002Ftypography\u002Fprose",{"title":480,"path":481,"stem":482,"order":483,"icon":9,"collapse":10,"navBadges":9},"CodeGroup","\u002Fcomponents\u002Ftypography\u002Fcode-group","components\u002Ftypography\u002Fcode-group",71,{"title":485,"path":486,"stem":487,"order":488,"icon":9,"collapse":10,"navBadges":9},"Callout","\u002Fcomponents\u002Ftypography\u002Fcallout","components\u002Ftypography\u002Fcallout",72,{"title":490,"path":491,"stem":492,"order":493,"icon":9,"collapse":10,"navBadges":9},"CodeButton","\u002Fcomponents\u002Ftypography\u002Fcode-button","components\u002Ftypography\u002Fcode-button",73,{"title":495,"path":496,"stem":497,"order":498,"icon":9,"collapse":10,"navBadges":9},"ReadMore","\u002Fcomponents\u002Ftypography\u002Fread-more","components\u002Ftypography\u002Fread-more",74,{"title":500,"path":501,"stem":502,"order":503,"icon":9,"collapse":10,"navBadges":9},"FileTree","\u002Fcomponents\u002Ftypography\u002Ffile-tree","components\u002Ftypography\u002Ffile-tree",75,{"title":505,"path":506,"stem":507,"order":508,"icon":9,"collapse":10,"navBadges":9},"CodeTree","\u002Fcomponents\u002Ftypography\u002Fcode-tree","components\u002Ftypography\u002Fcode-tree",76,{"title":510,"order":35,"icon":9,"collapse":10,"navBadges":9,"path":511,"stem":512,"children":513,"page":10},"Composites","\u002Fcomposites","composites",[514,543],{"title":515,"path":516,"stem":517,"children":518,"page":10},"Dashboard","\u002Fcomposites\u002Fdashboard","composites\u002Fdashboard",[519,523,527,531,535,539],{"title":520,"path":521,"stem":522,"order":13,"icon":9,"collapse":10,"navBadges":9},"DashboardGroup","\u002Fcomposites\u002Fdashboard\u002Fdashboard-group","composites\u002Fdashboard\u002Fdashboard-group",{"title":524,"path":525,"stem":526,"order":30,"icon":9,"collapse":10,"navBadges":9},"DashboardSidebar","\u002Fcomposites\u002Fdashboard\u002Fdashboard-sidebar","composites\u002Fdashboard\u002Fdashboard-sidebar",{"title":528,"path":529,"stem":530,"order":35,"icon":9,"collapse":10,"navBadges":9},"DashboardPanel","\u002Fcomposites\u002Fdashboard\u002Fdashboard-panel","composites\u002Fdashboard\u002Fdashboard-panel",{"title":532,"path":533,"stem":534,"order":40,"icon":9,"collapse":10,"navBadges":9},"DashboardResizeHandle","\u002Fcomposites\u002Fdashboard\u002Fdashboard-resize-handle","composites\u002Fdashboard\u002Fdashboard-resize-handle",{"title":536,"path":537,"stem":538,"order":45,"icon":9,"collapse":10,"navBadges":9},"DashboardNavbar","\u002Fcomposites\u002Fdashboard\u002Fdashboard-navbar","composites\u002Fdashboard\u002Fdashboard-navbar",{"title":540,"path":541,"stem":542,"order":50,"icon":9,"collapse":10,"navBadges":9},"DashboardSidebarToggle","\u002Fcomposites\u002Fdashboard\u002Fdashboard-sidebar-toggle","composites\u002Fdashboard\u002Fdashboard-sidebar-toggle",{"title":544,"path":545,"stem":546,"children":547,"page":10},"Documentation","\u002Fcomposites\u002Fdocumentation","composites\u002Fdocumentation",[548,552,556,560,564],{"title":549,"path":550,"stem":551,"order":13,"icon":9,"collapse":10,"navBadges":9},"PageHeader","\u002Fcomposites\u002Fdocumentation\u002Fpage-header","composites\u002Fdocumentation\u002Fpage-header",{"title":553,"path":554,"stem":555,"order":30,"icon":9,"collapse":10,"navBadges":9},"PageAside","\u002Fcomposites\u002Fdocumentation\u002Fpage-aside","composites\u002Fdocumentation\u002Fpage-aside",{"title":557,"path":558,"stem":559,"order":35,"icon":9,"collapse":10,"navBadges":9},"ContentNavigation","\u002Fcomposites\u002Fdocumentation\u002Fcontent-navigation","composites\u002Fdocumentation\u002Fcontent-navigation",{"title":561,"path":562,"stem":563,"order":40,"icon":9,"collapse":10,"navBadges":9},"ContentToc","\u002Fcomposites\u002Fdocumentation\u002Fcontent-toc","composites\u002Fdocumentation\u002Fcontent-toc",{"title":565,"path":566,"stem":567,"order":45,"icon":9,"collapse":10,"navBadges":9},"ContentSurround","\u002Fcomposites\u002Fdocumentation\u002Fcontent-surround","composites\u002Fdocumentation\u002Fcontent-surround",{"title":569,"order":570,"icon":9,"collapse":10,"navBadges":9,"path":571,"stem":572,"children":573,"page":10},"Blocks",35,"\u002Fblocks","blocks",[574,577,581,585,589],{"title":569,"path":575,"stem":576,"order":13,"icon":9,"collapse":10,"navBadges":9},"\u002Fblocks\u002Foverview","blocks\u002Foverview",{"title":578,"path":579,"stem":580,"order":30,"icon":9,"collapse":10,"navBadges":9},"Sign in","\u002Fblocks\u002Fsign-in","blocks\u002Fsign-in",{"title":582,"path":583,"stem":584,"order":35,"icon":9,"collapse":10,"navBadges":9},"Dashboard overview","\u002Fblocks\u002Fdashboard-overview","blocks\u002Fdashboard-overview",{"title":586,"path":587,"stem":588,"order":40,"icon":9,"collapse":10,"navBadges":9},"Profile settings","\u002Fblocks\u002Fprofile-settings","blocks\u002Fprofile-settings",{"title":590,"path":591,"stem":592,"order":45,"icon":9,"collapse":10,"navBadges":9},"Data management","\u002Fblocks\u002Fdata-management","blocks\u002Fdata-management",{"title":594,"order":40,"icon":9,"collapse":10,"navBadges":9,"path":595,"stem":596,"children":597,"page":10},"Utilities","\u002Futilities","utilities",[598,632],{"title":599,"path":600,"stem":601,"children":602,"page":10},"Composables","\u002Futilities\u002Fcomposables","utilities\u002Fcomposables",[603,607,611,616,620,624,628],{"title":604,"path":605,"stem":606,"order":13,"icon":9,"collapse":10,"navBadges":9},"useModal","\u002Futilities\u002Fcomposables\u002Fuse-modal","utilities\u002Fcomposables\u002Fuse-modal",{"title":608,"path":609,"stem":610,"order":166,"icon":9,"collapse":10,"navBadges":9},"useConfirm","\u002Futilities\u002Fcomposables\u002Fuse-confirm","utilities\u002Fcomposables\u002Fuse-confirm",{"title":612,"path":613,"stem":614,"order":615,"icon":9,"collapse":10,"navBadges":9},"useDrawer","\u002Futilities\u002Fcomposables\u002Fuse-drawer","utilities\u002Fcomposables\u002Fuse-drawer",15,{"title":617,"path":618,"stem":619,"order":30,"icon":9,"collapse":10,"navBadges":9},"useSlideover","\u002Futilities\u002Fcomposables\u002Fuse-slideover","utilities\u002Fcomposables\u002Fuse-slideover",{"title":621,"path":622,"stem":623,"order":35,"icon":9,"collapse":10,"navBadges":9},"useIcons","\u002Futilities\u002Fcomposables\u002Fuse-icons","utilities\u002Fcomposables\u002Fuse-icons",{"title":625,"path":626,"stem":627,"order":40,"icon":9,"collapse":10,"navBadges":9},"useMessages","\u002Futilities\u002Fcomposables\u002Fuse-messages","utilities\u002Fcomposables\u002Fuse-messages",{"title":629,"path":630,"stem":631,"order":45,"icon":9,"collapse":10,"navBadges":9},"useLocale","\u002Futilities\u002Fcomposables\u002Fuse-locale","utilities\u002Fcomposables\u002Fuse-locale",{"title":633,"path":634,"stem":635,"children":636,"page":10},"Directives","\u002Futilities\u002Fdirectives","utilities\u002Fdirectives",[637,641,645],{"title":638,"path":639,"stem":640,"order":13,"icon":9,"collapse":10,"navBadges":9},"v-ripple","\u002Futilities\u002Fdirectives\u002Fripple","utilities\u002Fdirectives\u002Fripple",{"title":642,"path":643,"stem":644,"order":615,"icon":9,"collapse":10,"navBadges":9},"v-hotkey","\u002Futilities\u002Fdirectives\u002Fhotkey","utilities\u002Fdirectives\u002Fhotkey",{"title":646,"path":647,"stem":648,"order":30,"icon":9,"collapse":10,"navBadges":9},"v-mask","\u002Futilities\u002Fdirectives\u002Fmask","utilities\u002Fdirectives\u002Fmask",{"id":650,"title":297,"aside":651,"body":652,"collapse":10,"description":1736,"editLink":651,"extension":1737,"icon":9,"meta":1738,"navBadges":9,"navigation":9,"order":300,"path":298,"prevNext":651,"seo":1739,"stem":299,"toc":651,"__hash__":1740},"docs\u002Fcomponents\u002Fforms\u002Fvalidation.md",true,{"type":653,"value":654,"toc":1731},"minimark",[655,674,679,688,1198,1212,1216,1223,1689,1712,1716,1727],[656,657,658,661,662,666,667,670,671,673],"p",{},[659,660,292],"a",{"href":293},"'s ",[663,664,665],"code",{},"error"," prop is just a plain\n",[663,668,669],{},"string | boolean"," - it doesn't care where the value comes from. That's\ndeliberate: rather than building in a schema-validation engine of its own,\nSelaras leaves that choice to you, and wires into whichever validation\nlibrary you already use by passing that library's own per-field error\nmessage straight into ",[663,672,665],{},".",[675,676,678],"h2",{"id":677},"veevalidate","VeeValidate",[656,680,681,687],{},[659,682,686],{"href":683,"rel":684},"https:\u002F\u002Fvee-validate.logaretm.com\u002Fv4\u002Fguide\u002Fcomposition-api\u002Fcustom-inputs\u002F",[685],"nofollow","VeeValidate v4","\nconnects to Selaras through field values, blur handlers, and per-field errors.",[689,690,695],"pre",{"className":691,"code":692,"language":693,"meta":694,"style":694},"language-vue shiki shiki-themes github-light github-dark","\u003Cscript setup lang=\"ts\">\nimport { useField, useForm } from 'vee-validate'\n\nconst { handleSubmit, resetForm } = useForm({ initialValues: { email: '' } })\nconst { value: email, errorMessage, handleBlur } = useField\u003Cstring>(\n  'email',\n  value => value.includes('@') || 'Enter a valid email address',\n)\n\nconst onSubmit = handleSubmit((values) => {\n  \u002F\u002F values.email is validated and fully typed\n})\n\nfunction onReset(event: Event) {\n  event.preventDefault()\n  resetForm()\n}\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cform novalidate @submit=\"onSubmit\" @reset=\"onReset\">\n    \u003CSFormField name=\"email\" label=\"Email\" :error=\"errorMessage\">\n      \u003CSInput v-model=\"email\" type=\"email\" @blur=\"handleBlur($event, true)\" \u002F>\n    \u003C\u002FSFormField>\n    \u003CSButton type=\"submit\">\n      Submit\n    \u003C\u002FSButton>\n    \u003CSButton type=\"reset\">\n      Reset\n    \u003C\u002FSButton>\n  \u003C\u002Fform>\n\u003C\u002Ftemplate>\n","vue","",[663,696,697,726,742,748,784,826,835,867,873,878,905,911,916,921,944,955,963,969,979,984,993,1022,1062,1114,1123,1139,1144,1152,1167,1172,1180,1189],{"__ignoreMap":694},[698,699,701,705,709,713,716,719,723],"span",{"class":700,"line":8},"line",[698,702,704],{"class":703},"sVt8B","\u003C",[698,706,708],{"class":707},"s9eBZ","script",[698,710,712],{"class":711},"sScJk"," setup",[698,714,715],{"class":711}," lang",[698,717,718],{"class":703},"=",[698,720,722],{"class":721},"sZZnC","\"ts\"",[698,724,725],{"class":703},">\n",[698,727,729,733,736,739],{"class":700,"line":728},2,[698,730,732],{"class":731},"szBVR","import",[698,734,735],{"class":703}," { useField, useForm } ",[698,737,738],{"class":731},"from",[698,740,741],{"class":721}," 'vee-validate'\n",[698,743,745],{"class":700,"line":744},3,[698,746,747],{"emptyLinePlaceholder":651},"\n",[698,749,751,754,757,761,764,767,770,772,775,778,781],{"class":700,"line":750},4,[698,752,753],{"class":731},"const",[698,755,756],{"class":703}," { ",[698,758,760],{"class":759},"sj4cs","handleSubmit",[698,762,763],{"class":703},", ",[698,765,766],{"class":759},"resetForm",[698,768,769],{"class":703}," } ",[698,771,718],{"class":731},[698,773,774],{"class":711}," useForm",[698,776,777],{"class":703},"({ initialValues: { email: ",[698,779,780],{"class":721},"''",[698,782,783],{"class":703}," } })\n",[698,785,787,789,791,795,798,801,803,806,808,811,813,815,818,820,823],{"class":700,"line":786},5,[698,788,753],{"class":731},[698,790,756],{"class":703},[698,792,794],{"class":793},"s4XuR","value",[698,796,797],{"class":703},": ",[698,799,800],{"class":759},"email",[698,802,763],{"class":703},[698,804,805],{"class":759},"errorMessage",[698,807,763],{"class":703},[698,809,810],{"class":759},"handleBlur",[698,812,769],{"class":703},[698,814,718],{"class":731},[698,816,817],{"class":711}," useField",[698,819,704],{"class":703},[698,821,822],{"class":759},"string",[698,824,825],{"class":703},">(\n",[698,827,829,832],{"class":700,"line":828},6,[698,830,831],{"class":721},"  'email'",[698,833,834],{"class":703},",\n",[698,836,838,841,844,847,850,853,856,859,862,865],{"class":700,"line":837},7,[698,839,840],{"class":793},"  value",[698,842,843],{"class":731}," =>",[698,845,846],{"class":703}," value.",[698,848,849],{"class":711},"includes",[698,851,852],{"class":703},"(",[698,854,855],{"class":721},"'@'",[698,857,858],{"class":703},") ",[698,860,861],{"class":731},"||",[698,863,864],{"class":721}," 'Enter a valid email address'",[698,866,834],{"class":703},[698,868,870],{"class":700,"line":869},8,[698,871,872],{"class":703},")\n",[698,874,876],{"class":700,"line":875},9,[698,877,747],{"emptyLinePlaceholder":651},[698,879,880,882,885,888,891,894,897,899,902],{"class":700,"line":13},[698,881,753],{"class":731},[698,883,884],{"class":759}," onSubmit",[698,886,887],{"class":731}," =",[698,889,890],{"class":711}," handleSubmit",[698,892,893],{"class":703},"((",[698,895,896],{"class":793},"values",[698,898,858],{"class":703},[698,900,901],{"class":731},"=>",[698,903,904],{"class":703}," {\n",[698,906,907],{"class":700,"line":147},[698,908,910],{"class":909},"sJ8bj","  \u002F\u002F values.email is validated and fully typed\n",[698,912,913],{"class":700,"line":166},[698,914,915],{"class":703},"})\n",[698,917,919],{"class":700,"line":918},13,[698,920,747],{"emptyLinePlaceholder":651},[698,922,924,927,930,932,935,938,941],{"class":700,"line":923},14,[698,925,926],{"class":731},"function",[698,928,929],{"class":711}," onReset",[698,931,852],{"class":703},[698,933,934],{"class":793},"event",[698,936,937],{"class":731},":",[698,939,940],{"class":711}," Event",[698,942,943],{"class":703},") {\n",[698,945,946,949,952],{"class":700,"line":615},[698,947,948],{"class":703},"  event.",[698,950,951],{"class":711},"preventDefault",[698,953,954],{"class":703},"()\n",[698,956,958,961],{"class":700,"line":957},16,[698,959,960],{"class":711},"  resetForm",[698,962,954],{"class":703},[698,964,966],{"class":700,"line":965},17,[698,967,968],{"class":703},"}\n",[698,970,972,975,977],{"class":700,"line":971},18,[698,973,974],{"class":703},"\u003C\u002F",[698,976,708],{"class":707},[698,978,725],{"class":703},[698,980,982],{"class":700,"line":981},19,[698,983,747],{"emptyLinePlaceholder":651},[698,985,986,988,991],{"class":700,"line":30},[698,987,704],{"class":703},[698,989,990],{"class":707},"template",[698,992,725],{"class":703},[698,994,995,998,1001,1004,1007,1009,1012,1015,1017,1020],{"class":700,"line":235},[698,996,997],{"class":703},"  \u003C",[698,999,1000],{"class":707},"form",[698,1002,1003],{"class":711}," novalidate",[698,1005,1006],{"class":711}," @submit",[698,1008,718],{"class":703},[698,1010,1011],{"class":721},"\"onSubmit\"",[698,1013,1014],{"class":711}," @reset",[698,1016,718],{"class":703},[698,1018,1019],{"class":721},"\"onReset\"",[698,1021,725],{"class":703},[698,1023,1024,1027,1030,1033,1035,1038,1041,1043,1046,1049,1051,1053,1056,1058,1060],{"class":700,"line":245},[698,1025,1026],{"class":703},"    \u003C",[698,1028,1029],{"class":707},"SFormField",[698,1031,1032],{"class":711}," name",[698,1034,718],{"class":703},[698,1036,1037],{"class":721},"\"email\"",[698,1039,1040],{"class":711}," label",[698,1042,718],{"class":703},[698,1044,1045],{"class":721},"\"Email\"",[698,1047,1048],{"class":703}," :",[698,1050,665],{"class":711},[698,1052,718],{"class":703},[698,1054,1055],{"class":721},"\"",[698,1057,805],{"class":703},[698,1059,1055],{"class":721},[698,1061,725],{"class":703},[698,1063,1064,1067,1070,1073,1075,1077,1079,1081,1084,1086,1088,1091,1094,1096,1098,1100,1103,1106,1109,1111],{"class":700,"line":260},[698,1065,1066],{"class":703},"      \u003C",[698,1068,1069],{"class":707},"SInput",[698,1071,1072],{"class":711}," v-model",[698,1074,718],{"class":703},[698,1076,1055],{"class":721},[698,1078,800],{"class":703},[698,1080,1055],{"class":721},[698,1082,1083],{"class":711}," type",[698,1085,718],{"class":703},[698,1087,1037],{"class":721},[698,1089,1090],{"class":703}," @",[698,1092,1093],{"class":711},"blur",[698,1095,718],{"class":703},[698,1097,1055],{"class":721},[698,1099,810],{"class":711},[698,1101,1102],{"class":703},"($event, ",[698,1104,1105],{"class":759},"true",[698,1107,1108],{"class":703},")",[698,1110,1055],{"class":721},[698,1112,1113],{"class":703}," \u002F>\n",[698,1115,1116,1119,1121],{"class":700,"line":275},[698,1117,1118],{"class":703},"    \u003C\u002F",[698,1120,1029],{"class":707},[698,1122,725],{"class":703},[698,1124,1125,1127,1130,1132,1134,1137],{"class":700,"line":280},[698,1126,1026],{"class":703},[698,1128,1129],{"class":707},"SButton",[698,1131,1083],{"class":711},[698,1133,718],{"class":703},[698,1135,1136],{"class":721},"\"submit\"",[698,1138,725],{"class":703},[698,1140,1141],{"class":700,"line":290},[698,1142,1143],{"class":703},"      Submit\n",[698,1145,1146,1148,1150],{"class":700,"line":295},[698,1147,1118],{"class":703},[698,1149,1129],{"class":707},[698,1151,725],{"class":703},[698,1153,1154,1156,1158,1160,1162,1165],{"class":700,"line":300},[698,1155,1026],{"class":703},[698,1157,1129],{"class":707},[698,1159,1083],{"class":711},[698,1161,718],{"class":703},[698,1163,1164],{"class":721},"\"reset\"",[698,1166,725],{"class":703},[698,1168,1169],{"class":700,"line":310},[698,1170,1171],{"class":703},"      Reset\n",[698,1173,1174,1176,1178],{"class":700,"line":35},[698,1175,1118],{"class":703},[698,1177,1129],{"class":707},[698,1179,725],{"class":703},[698,1181,1182,1185,1187],{"class":700,"line":319},[698,1183,1184],{"class":703},"  \u003C\u002F",[698,1186,1000],{"class":707},[698,1188,725],{"class":703},[698,1190,1192,1194,1196],{"class":700,"line":1191},32,[698,1193,974],{"class":703},[698,1195,990],{"class":707},[698,1197,725],{"class":703},[656,1199,1200,1203,1204,1207,1208,1211],{},[663,1201,1202],{},"novalidate"," lets this example's validation library handle submission errors.\nCanceling the native reset lets ",[663,1205,1206],{},"resetForm()"," restore field values, errors and\ntouched state together. This also keeps controlled file\u002Fdate fields aligned\nwith the library's initial values instead of applying a second native reset.\nWithout a validation library, native ",[663,1209,1210],{},"required"," validation remains available.",[675,1213,1215],{"id":1214},"tanstack-form","TanStack Form",[656,1217,1218,1222],{},[659,1219,1215],{"href":1220,"rel":1221},"https:\u002F\u002Ftanstack.com\u002Fform",[685]," is a newer, framework-agnostic\nform library from the TanStack team, with schema validation through Zod,\nValibot, or any other Standard Schema-compatible library.",[689,1224,1226],{"className":691,"code":1225,"language":693,"meta":694,"style":694},"\u003Cscript setup lang=\"ts\">\nimport { useForm } from '@tanstack\u002Fvue-form'\nimport { z } from 'zod'\n\nconst form = useForm({\n  defaultValues: { email: '' },\n  onSubmit: async ({ value }) => {\n    \u002F\u002F value.email\n  },\n})\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cform @submit.prevent=\"form.handleSubmit\">\n    \u003Cform.Field\n      name=\"email\"\n      :validators=\"{ onChange: z.string().email('Enter a valid email address') }\"\n    >\n      \u003Ctemplate #default=\"{ field }\">\n        \u003CSFormField label=\"Email\" :error=\"field.state.meta.errors[0]\">\n          \u003CSInput\n            :model-value=\"field.state.value\"\n            type=\"email\"\n            @update:model-value=\"field.handleChange\"\n            @blur=\"field.handleBlur\"\n          \u002F>\n        \u003C\u002FSFormField>\n      \u003C\u002Ftemplate>\n    \u003C\u002Fform.Field>\n\n    \u003Cform.Subscribe>\n      \u003Ctemplate #default=\"{ canSubmit, isSubmitting }\">\n        \u003CSButton type=\"submit\" :disabled=\"!canSubmit\" :loading=\"isSubmitting\">\n          Submit\n        \u003C\u002FSButton>\n      \u003C\u002Ftemplate>\n    \u003C\u002Fform.Subscribe>\n  \u003C\u002Fform>\n\u003C\u002Ftemplate>\n",[663,1227,1228,1244,1256,1268,1272,1286,1296,1318,1323,1328,1332,1340,1344,1352,1368,1375,1385,1395,1400,1423,1457,1465,1483,1492,1513,1528,1533,1542,1551,1560,1564,1573,1594,1640,1646,1654,1663,1672,1681],{"__ignoreMap":694},[698,1229,1230,1232,1234,1236,1238,1240,1242],{"class":700,"line":8},[698,1231,704],{"class":703},[698,1233,708],{"class":707},[698,1235,712],{"class":711},[698,1237,715],{"class":711},[698,1239,718],{"class":703},[698,1241,722],{"class":721},[698,1243,725],{"class":703},[698,1245,1246,1248,1251,1253],{"class":700,"line":728},[698,1247,732],{"class":731},[698,1249,1250],{"class":703}," { useForm } ",[698,1252,738],{"class":731},[698,1254,1255],{"class":721}," '@tanstack\u002Fvue-form'\n",[698,1257,1258,1260,1263,1265],{"class":700,"line":744},[698,1259,732],{"class":731},[698,1261,1262],{"class":703}," { z } ",[698,1264,738],{"class":731},[698,1266,1267],{"class":721}," 'zod'\n",[698,1269,1270],{"class":700,"line":750},[698,1271,747],{"emptyLinePlaceholder":651},[698,1273,1274,1276,1279,1281,1283],{"class":700,"line":786},[698,1275,753],{"class":731},[698,1277,1278],{"class":759}," form",[698,1280,887],{"class":731},[698,1282,774],{"class":711},[698,1284,1285],{"class":703},"({\n",[698,1287,1288,1291,1293],{"class":700,"line":828},[698,1289,1290],{"class":703},"  defaultValues: { email: ",[698,1292,780],{"class":721},[698,1294,1295],{"class":703}," },\n",[698,1297,1298,1301,1303,1306,1309,1311,1314,1316],{"class":700,"line":837},[698,1299,1300],{"class":711},"  onSubmit",[698,1302,797],{"class":703},[698,1304,1305],{"class":731},"async",[698,1307,1308],{"class":703}," ({ ",[698,1310,794],{"class":793},[698,1312,1313],{"class":703}," }) ",[698,1315,901],{"class":731},[698,1317,904],{"class":703},[698,1319,1320],{"class":700,"line":869},[698,1321,1322],{"class":909},"    \u002F\u002F value.email\n",[698,1324,1325],{"class":700,"line":875},[698,1326,1327],{"class":703},"  },\n",[698,1329,1330],{"class":700,"line":13},[698,1331,915],{"class":703},[698,1333,1334,1336,1338],{"class":700,"line":147},[698,1335,974],{"class":703},[698,1337,708],{"class":707},[698,1339,725],{"class":703},[698,1341,1342],{"class":700,"line":166},[698,1343,747],{"emptyLinePlaceholder":651},[698,1345,1346,1348,1350],{"class":700,"line":918},[698,1347,704],{"class":703},[698,1349,990],{"class":707},[698,1351,725],{"class":703},[698,1353,1354,1356,1358,1361,1363,1366],{"class":700,"line":923},[698,1355,997],{"class":703},[698,1357,1000],{"class":707},[698,1359,1360],{"class":711}," @submit.prevent",[698,1362,718],{"class":703},[698,1364,1365],{"class":721},"\"form.handleSubmit\"",[698,1367,725],{"class":703},[698,1369,1370,1372],{"class":700,"line":615},[698,1371,1026],{"class":703},[698,1373,1374],{"class":707},"form.Field\n",[698,1376,1377,1380,1382],{"class":700,"line":957},[698,1378,1379],{"class":711},"      name",[698,1381,718],{"class":703},[698,1383,1384],{"class":721},"\"email\"\n",[698,1386,1387,1390,1392],{"class":700,"line":965},[698,1388,1389],{"class":711},"      :validators",[698,1391,718],{"class":703},[698,1393,1394],{"class":721},"\"{ onChange: z.string().email('Enter a valid email address') }\"\n",[698,1396,1397],{"class":700,"line":971},[698,1398,1399],{"class":703},"    >\n",[698,1401,1402,1404,1406,1409,1412,1414,1416,1419,1421],{"class":700,"line":981},[698,1403,1066],{"class":703},[698,1405,990],{"class":707},[698,1407,1408],{"class":703}," #",[698,1410,1411],{"class":711},"default",[698,1413,718],{"class":703},[698,1415,1055],{"class":721},[698,1417,1418],{"class":703},"{ field }",[698,1420,1055],{"class":721},[698,1422,725],{"class":703},[698,1424,1425,1428,1430,1432,1434,1436,1438,1440,1442,1444,1447,1450,1453,1455],{"class":700,"line":30},[698,1426,1427],{"class":703},"        \u003C",[698,1429,1029],{"class":707},[698,1431,1040],{"class":711},[698,1433,718],{"class":703},[698,1435,1045],{"class":721},[698,1437,1048],{"class":703},[698,1439,665],{"class":711},[698,1441,718],{"class":703},[698,1443,1055],{"class":721},[698,1445,1446],{"class":703},"field.state.meta.errors[",[698,1448,1449],{"class":759},"0",[698,1451,1452],{"class":703},"]",[698,1454,1055],{"class":721},[698,1456,725],{"class":703},[698,1458,1459,1462],{"class":700,"line":235},[698,1460,1461],{"class":703},"          \u003C",[698,1463,1464],{"class":707},"SInput\n",[698,1466,1467,1470,1473,1475,1477,1480],{"class":700,"line":245},[698,1468,1469],{"class":703},"            :",[698,1471,1472],{"class":711},"model-value",[698,1474,718],{"class":703},[698,1476,1055],{"class":721},[698,1478,1479],{"class":703},"field.state.value",[698,1481,1482],{"class":721},"\"\n",[698,1484,1485,1488,1490],{"class":700,"line":260},[698,1486,1487],{"class":711},"            type",[698,1489,718],{"class":703},[698,1491,1384],{"class":721},[698,1493,1494,1497,1500,1502,1504,1506,1508,1511],{"class":700,"line":275},[698,1495,1496],{"class":703},"            @",[698,1498,1499],{"class":711},"update",[698,1501,937],{"class":703},[698,1503,1472],{"class":711},[698,1505,718],{"class":703},[698,1507,1055],{"class":721},[698,1509,1510],{"class":703},"field.handleChange",[698,1512,1482],{"class":721},[698,1514,1515,1517,1519,1521,1523,1526],{"class":700,"line":280},[698,1516,1496],{"class":703},[698,1518,1093],{"class":711},[698,1520,718],{"class":703},[698,1522,1055],{"class":721},[698,1524,1525],{"class":703},"field.handleBlur",[698,1527,1482],{"class":721},[698,1529,1530],{"class":700,"line":290},[698,1531,1532],{"class":703},"          \u002F>\n",[698,1534,1535,1538,1540],{"class":700,"line":295},[698,1536,1537],{"class":703},"        \u003C\u002F",[698,1539,1029],{"class":707},[698,1541,725],{"class":703},[698,1543,1544,1547,1549],{"class":700,"line":300},[698,1545,1546],{"class":703},"      \u003C\u002F",[698,1548,990],{"class":707},[698,1550,725],{"class":703},[698,1552,1553,1555,1558],{"class":700,"line":310},[698,1554,1118],{"class":703},[698,1556,1557],{"class":707},"form.Field",[698,1559,725],{"class":703},[698,1561,1562],{"class":700,"line":35},[698,1563,747],{"emptyLinePlaceholder":651},[698,1565,1566,1568,1571],{"class":700,"line":319},[698,1567,1026],{"class":703},[698,1569,1570],{"class":707},"form.Subscribe",[698,1572,725],{"class":703},[698,1574,1575,1577,1579,1581,1583,1585,1587,1590,1592],{"class":700,"line":1191},[698,1576,1066],{"class":703},[698,1578,990],{"class":707},[698,1580,1408],{"class":703},[698,1582,1411],{"class":711},[698,1584,718],{"class":703},[698,1586,1055],{"class":721},[698,1588,1589],{"class":703},"{ canSubmit, isSubmitting }",[698,1591,1055],{"class":721},[698,1593,725],{"class":703},[698,1595,1597,1599,1601,1603,1605,1607,1609,1612,1614,1616,1619,1622,1624,1626,1629,1631,1633,1636,1638],{"class":700,"line":1596},33,[698,1598,1427],{"class":703},[698,1600,1129],{"class":707},[698,1602,1083],{"class":711},[698,1604,718],{"class":703},[698,1606,1136],{"class":721},[698,1608,1048],{"class":703},[698,1610,1611],{"class":711},"disabled",[698,1613,718],{"class":703},[698,1615,1055],{"class":721},[698,1617,1618],{"class":731},"!",[698,1620,1621],{"class":703},"canSubmit",[698,1623,1055],{"class":721},[698,1625,1048],{"class":703},[698,1627,1628],{"class":711},"loading",[698,1630,718],{"class":703},[698,1632,1055],{"class":721},[698,1634,1635],{"class":703},"isSubmitting",[698,1637,1055],{"class":721},[698,1639,725],{"class":703},[698,1641,1643],{"class":700,"line":1642},34,[698,1644,1645],{"class":703},"          Submit\n",[698,1647,1648,1650,1652],{"class":700,"line":570},[698,1649,1537],{"class":703},[698,1651,1129],{"class":707},[698,1653,725],{"class":703},[698,1655,1657,1659,1661],{"class":700,"line":1656},36,[698,1658,1546],{"class":703},[698,1660,990],{"class":707},[698,1662,725],{"class":703},[698,1664,1666,1668,1670],{"class":700,"line":1665},37,[698,1667,1118],{"class":703},[698,1669,1570],{"class":707},[698,1671,725],{"class":703},[698,1673,1675,1677,1679],{"class":700,"line":1674},38,[698,1676,1184],{"class":703},[698,1678,1000],{"class":707},[698,1680,725],{"class":703},[698,1682,1683,1685,1687],{"class":700,"line":329},[698,1684,974],{"class":703},[698,1686,990],{"class":707},[698,1688,725],{"class":703},[656,1690,1691,1692,1694,1695,1697,1698,6,1701,1704,1705,1708,1709,1711],{},"Unlike VeeValidate's ",[663,1693,794],{}," ref, TanStack Form's ",[663,1696,1479],{}," isn't\nitself a ref - ",[663,1699,1700],{},":model-value",[663,1702,1703],{},"@update:model-value"," is the same binding\n",[663,1706,1707],{},"v-model"," would generate, just written out explicitly so the update goes\nthrough ",[663,1710,1510],{}," instead of reassigning a ref.",[675,1713,1715],{"id":1714},"other-options","Other options",[656,1717,1718,1723,1724,1726],{},[659,1719,1722],{"href":1720,"rel":1721},"https:\u002F\u002Fvuelidate-next.netlify.app",[685],"Vuelidate"," is a longer-standing,\nmodel-based alternative. The same pattern applies regardless of which\nlibrary you pick - read its per-field error message out and pass it to\n",[663,1725,665],{},", whatever shape that library happens to return it in.",[1728,1729,1730],"style",{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}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":694,"searchDepth":744,"depth":744,"links":1732},[1733,1734,1735],{"id":677,"depth":728,"text":678},{"id":1214,"depth":728,"text":1215},{"id":1714,"depth":728,"text":1715},"Selaras doesn't ship its own schema-validation engine - wire a validation library's per-field error straight into FormField's error prop instead.","md",{},{"title":297,"description":1736},"A1bljr1h5a3lgW_BN-2PQ3Z5zgi-a8-4jv667foSNbk",1792056126851]