[{"data":1,"prerenderedAt":1639},["ShallowReactive",2],{"navigation":3,"page:\u002Fcomponents\u002Ffield":207,"\u002Fcomponents\u002Ffield-surround":1634},[4,28],{"title":5,"path":6,"stem":7,"children":8,"icon":27},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,12,17,22],{"title":10,"path":6,"stem":7,"icon":11},"Introduction","i-lucide-house",{"title":13,"path":14,"stem":15,"icon":16},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":18,"path":19,"stem":20,"icon":21},"Styling","\u002Fgetting-started\u002Fstyling","1.getting-started\u002F3.styling","i-lucide-paintbrush",{"title":23,"path":24,"stem":25,"icon":26},"Usage","\u002Fgetting-started\u002Fusage","1.getting-started\u002F4.usage","i-lucide-sliders",false,{"title":29,"path":30,"stem":31,"children":32,"icon":35},"Components","\u002Fcomponents","2.components\u002F1.index",[33,36,41,46,51,56,61,66,71,76,81,86,91,96,101,106,111,115,120,125,130,135,140,145,150,155,160,165,170,175,180,184,188,193,197,202],{"title":34,"path":30,"stem":31,"icon":35},"All Components","i-lucide-component",{"title":37,"path":38,"stem":39,"icon":40},"Accordion","\u002Fcomponents\u002Faccordion","2.components\u002Faccordion","i-lucide-layout-panel-top",{"title":42,"path":43,"stem":44,"icon":45},"Alert Dialog","\u002Fcomponents\u002Falert-dialog","2.components\u002Falert-dialog","i-lucide-triangle-alert",{"title":47,"path":48,"stem":49,"icon":50},"Avatar","\u002Fcomponents\u002Favatar","2.components\u002Favatar","i-lucide-circle-user",{"title":52,"path":53,"stem":54,"icon":55},"Button","\u002Fcomponents\u002Fbutton","2.components\u002Fbutton","i-lucide-mouse-pointer-click",{"title":57,"path":58,"stem":59,"icon":60},"Checkbox","\u002Fcomponents\u002Fcheckbox","2.components\u002Fcheckbox","i-lucide-square-check",{"title":62,"path":63,"stem":64,"icon":65},"Checkbox Group","\u002Fcomponents\u002Fcheckbox-group","2.components\u002Fcheckbox-group","i-lucide-list-checks",{"title":67,"path":68,"stem":69,"icon":70},"Collapsible","\u002Fcomponents\u002Fcollapsible","2.components\u002Fcollapsible","i-lucide-chevrons-down-up",{"title":72,"path":73,"stem":74,"icon":75},"Combobox","\u002Fcomponents\u002Fcombobox","2.components\u002Fcombobox","i-lucide-search",{"title":77,"path":78,"stem":79,"icon":80},"Context Menu","\u002Fcomponents\u002Fcontext-menu","2.components\u002Fcontext-menu","i-lucide-mouse-pointer-2",{"title":82,"path":83,"stem":84,"icon":85},"Dialog","\u002Fcomponents\u002Fdialog","2.components\u002Fdialog","i-lucide-square",{"title":87,"path":88,"stem":89,"icon":90},"Drawer","\u002Fcomponents\u002Fdrawer","2.components\u002Fdrawer","i-lucide-panel-right",{"title":92,"path":93,"stem":94,"icon":95},"Field","\u002Fcomponents\u002Ffield","2.components\u002Ffield","i-lucide-text-cursor-input",{"title":97,"path":98,"stem":99,"icon":100},"Fieldset","\u002Fcomponents\u002Ffieldset","2.components\u002Ffieldset","i-lucide-group",{"title":102,"path":103,"stem":104,"icon":105},"Form","\u002Fcomponents\u002Fform","2.components\u002Fform","i-lucide-clipboard-check",{"title":107,"path":108,"stem":109,"icon":110},"Hover Preview Card","\u002Fcomponents\u002Fhover-preview-card","2.components\u002Fhover-preview-card","i-lucide-id-card",{"title":112,"path":113,"stem":114,"icon":95},"Input","\u002Fcomponents\u002Finput","2.components\u002Finput",{"title":116,"path":117,"stem":118,"icon":119},"Menu","\u002Fcomponents\u002Fmenu","2.components\u002Fmenu","i-lucide-list",{"title":121,"path":122,"stem":123,"icon":124},"Menubar","\u002Fcomponents\u002Fmenubar","2.components\u002Fmenubar","i-lucide-panel-top",{"title":126,"path":127,"stem":128,"icon":129},"Meter","\u002Fcomponents\u002Fmeter","2.components\u002Fmeter","i-lucide-gauge",{"title":131,"path":132,"stem":133,"icon":134},"Navigation Menu","\u002Fcomponents\u002Fnavigation-menu","2.components\u002Fnavigation-menu","i-lucide-navigation",{"title":136,"path":137,"stem":138,"icon":139},"Number Field","\u002Fcomponents\u002Fnumber-field","2.components\u002Fnumber-field","i-lucide-badge-plus",{"title":141,"path":142,"stem":143,"icon":144},"Overlay Provider","\u002Fcomponents\u002Foverlay","2.components\u002Foverlay","i-lucide-panels-top-left",{"title":146,"path":147,"stem":148,"icon":149},"Popover","\u002Fcomponents\u002Fpopover","2.components\u002Fpopover","i-lucide-message-square",{"title":151,"path":152,"stem":153,"icon":154},"Progress","\u002Fcomponents\u002Fprogress","2.components\u002Fprogress","i-lucide-loader",{"title":156,"path":157,"stem":158,"icon":159},"Radio Group","\u002Fcomponents\u002Fradio-group","2.components\u002Fradio-group","i-lucide-circle-dot",{"title":161,"path":162,"stem":163,"icon":164},"Select","\u002Fcomponents\u002Fselect","2.components\u002Fselect","i-lucide-list-filter",{"title":166,"path":167,"stem":168,"icon":169},"Separator","\u002Fcomponents\u002Fseparator","2.components\u002Fseparator","i-lucide-minus",{"title":171,"path":172,"stem":173,"icon":174},"Slider","\u002Fcomponents\u002Fslider","2.components\u002Fslider","i-lucide-sliders-horizontal",{"title":176,"path":177,"stem":178,"icon":179},"Switch","\u002Fcomponents\u002Fswitch","2.components\u002Fswitch","i-lucide-toggle-left",{"title":181,"path":182,"stem":183,"icon":40},"Tabs","\u002Fcomponents\u002Ftabs","2.components\u002Ftabs",{"title":185,"path":186,"stem":187,"icon":149},"Toast","\u002Fcomponents\u002Ftoast","2.components\u002Ftoast",{"title":189,"path":190,"stem":191,"icon":192},"Toggle","\u002Fcomponents\u002Ftoggle","2.components\u002Ftoggle","i-lucide-toggle-right",{"title":194,"path":195,"stem":196,"icon":65},"Toggle Group","\u002Fcomponents\u002Ftoggle-group","2.components\u002Ftoggle-group",{"title":198,"path":199,"stem":200,"icon":201},"Toolbar","\u002Fcomponents\u002Ftoolbar","2.components\u002Ftoolbar","i-lucide-wrench",{"title":203,"path":204,"stem":205,"icon":206},"Tooltip","\u002Fcomponents\u002Ftooltip","2.components\u002Ftooltip","i-lucide-info",{"id":208,"title":92,"body":209,"description":1627,"extension":1628,"links":1629,"meta":1630,"navigation":1631,"path":93,"seo":1632,"stem":94,"__hash__":1633},"docs\u002F2.components\u002Ffield.md",{"type":210,"value":211,"toc":1610},"minimark",[212,219,222,227,274,282,285,291,478,482,487,497,595,599,612,710,714,720,818,822,827,919,923,926,1022,1026,1030,1311,1315,1404,1408,1477,1481,1577,1606],[213,214,215,218],"p",{},[216,217,92],"code",{}," links a label, description, error message, and a control. Akaza inputs inside it inherit accessibility props and report focused, filled, dirty, touched, valid, and invalid state attributes.",[213,220,221],{},"Use it around one form control when you want labels, help text, errors, and native validity to stay wired without manual ids.",[223,224,226],"h2",{"id":225},"anatomy","Anatomy",[228,229,230,244,252,264],"ul",{},[231,232,233,239,240,243],"li",{},[234,235,236],"strong",{},[216,237,238],{},"#default",": Control slot. Receives state and ",[216,241,242],{},"controlProps"," for custom\u002Fnative controls.",[231,245,246,251],{},[234,247,248],{},[216,249,250],{},"#label",": Custom label content.",[231,253,254,259,260,263],{},[234,255,256],{},[216,257,258],{},"#description",": Custom help text included in ",[216,261,262],{},"aria-describedby",".",[231,265,266,271,272,263],{},[234,267,268],{},[216,269,270],{},"#error",": Custom validation or server error content included in ",[216,273,262],{},[213,275,276,277,279,280,263],{},"Akaza form controls consume ",[216,278,92],{}," context automatically. For native or custom controls, use the default slot's ",[216,281,242],{},[223,283,23],{"id":284},"usage",[286,287,288],"component-preview",{},[289,290],"examples-field-demo",{},[292,293,294],"component-code",{},[295,296,301],"pre",{"className":297,"code":298,"language":299,"meta":300,"style":300},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { Field, Input } from \"akaza-ui\";\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CField label=\"Email\" description=\"Used for notifications.\">\n    \u003CInput type=\"email\" \u002F>\n  \u003C\u002FField>\n\u003C\u002Ftemplate>\n","vue","",[216,302,303,338,375,385,392,402,436,459,469],{"__ignoreMap":300},[304,305,308,312,316,320,323,326,329,333,335],"span",{"class":306,"line":307},"line",1,[304,309,311],{"class":310},"sMK4o","\u003C",[304,313,315],{"class":314},"swJcz","script",[304,317,319],{"class":318},"spNyl"," setup",[304,321,322],{"class":318}," lang",[304,324,325],{"class":310},"=",[304,327,328],{"class":310},"\"",[304,330,332],{"class":331},"sfazB","ts",[304,334,328],{"class":310},[304,336,337],{"class":310},">\n",[304,339,341,345,348,352,355,358,361,364,367,370,372],{"class":306,"line":340},2,[304,342,344],{"class":343},"s7zQu","import",[304,346,347],{"class":310}," {",[304,349,351],{"class":350},"sTEyZ"," Field",[304,353,354],{"class":310},",",[304,356,357],{"class":350}," Input",[304,359,360],{"class":310}," }",[304,362,363],{"class":343}," from",[304,365,366],{"class":310}," \"",[304,368,369],{"class":331},"akaza-ui",[304,371,328],{"class":310},[304,373,374],{"class":310},";\n",[304,376,378,381,383],{"class":306,"line":377},3,[304,379,380],{"class":310},"\u003C\u002F",[304,382,315],{"class":314},[304,384,337],{"class":310},[304,386,388],{"class":306,"line":387},4,[304,389,391],{"emptyLinePlaceholder":390},true,"\n",[304,393,395,397,400],{"class":306,"line":394},5,[304,396,311],{"class":310},[304,398,399],{"class":314},"template",[304,401,337],{"class":310},[304,403,405,408,410,413,415,417,420,422,425,427,429,432,434],{"class":306,"line":404},6,[304,406,407],{"class":310},"  \u003C",[304,409,92],{"class":314},[304,411,412],{"class":318}," label",[304,414,325],{"class":310},[304,416,328],{"class":310},[304,418,419],{"class":331},"Email",[304,421,328],{"class":310},[304,423,424],{"class":318}," description",[304,426,325],{"class":310},[304,428,328],{"class":310},[304,430,431],{"class":331},"Used for notifications.",[304,433,328],{"class":310},[304,435,337],{"class":310},[304,437,439,442,444,447,449,451,454,456],{"class":306,"line":438},7,[304,440,441],{"class":310},"    \u003C",[304,443,112],{"class":314},[304,445,446],{"class":318}," type",[304,448,325],{"class":310},[304,450,328],{"class":310},[304,452,453],{"class":331},"email",[304,455,328],{"class":310},[304,457,458],{"class":310}," \u002F>\n",[304,460,462,465,467],{"class":306,"line":461},8,[304,463,464],{"class":310},"  \u003C\u002F",[304,466,92],{"class":314},[304,468,337],{"class":310},[304,470,472,474,476],{"class":306,"line":471},9,[304,473,380],{"class":310},[304,475,399],{"class":314},[304,477,337],{"class":310},[223,479,481],{"id":480},"examples","Examples",[483,484,486],"h3",{"id":485},"required-field","Required field",[213,488,489,490,493,494,496],{},"Use ",[216,491,492],{},"required"," on ",[216,495,92],{}," so the child Akaza input inherits native required state.",[295,498,500],{"className":297,"code":499,"language":299,"meta":300,"style":300},"\u003Ctemplate>\n  \u003CField\n    name=\"username\"\n    label=\"Username\"\n    description=\"Used in your public profile.\"\n    required\n  >\n    \u003CInput \u002F>\n  \u003C\u002FField>\n\u003C\u002Ftemplate>\n",[216,501,502,510,517,532,546,560,565,570,578,586],{"__ignoreMap":300},[304,503,504,506,508],{"class":306,"line":307},[304,505,311],{"class":310},[304,507,399],{"class":314},[304,509,337],{"class":310},[304,511,512,514],{"class":306,"line":340},[304,513,407],{"class":310},[304,515,516],{"class":314},"Field\n",[304,518,519,522,524,526,529],{"class":306,"line":377},[304,520,521],{"class":318},"    name",[304,523,325],{"class":310},[304,525,328],{"class":310},[304,527,528],{"class":331},"username",[304,530,531],{"class":310},"\"\n",[304,533,534,537,539,541,544],{"class":306,"line":387},[304,535,536],{"class":318},"    label",[304,538,325],{"class":310},[304,540,328],{"class":310},[304,542,543],{"class":331},"Username",[304,545,531],{"class":310},[304,547,548,551,553,555,558],{"class":306,"line":394},[304,549,550],{"class":318},"    description",[304,552,325],{"class":310},[304,554,328],{"class":310},[304,556,557],{"class":331},"Used in your public profile.",[304,559,531],{"class":310},[304,561,562],{"class":306,"line":404},[304,563,564],{"class":318},"    required\n",[304,566,567],{"class":306,"line":438},[304,568,569],{"class":310},"  >\n",[304,571,572,574,576],{"class":306,"line":461},[304,573,441],{"class":310},[304,575,112],{"class":314},[304,577,458],{"class":310},[304,579,580,582,584],{"class":306,"line":471},[304,581,464],{"class":310},[304,583,92],{"class":314},[304,585,337],{"class":310},[304,587,589,591,593],{"class":306,"line":588},10,[304,590,380],{"class":310},[304,592,399],{"class":314},[304,594,337],{"class":310},[483,596,598],{"id":597},"error-message","Error message",[213,600,601,602,605,606,608,609,611],{},"Pass ",[216,603,604],{},"error"," when you want the field to show a controlled validation message. Explicit ",[216,607,604],{}," props and matching ",[216,610,102],{}," errors render immediately and mark the field invalid, so pass them only when your UI should show the error.",[295,613,615],{"className":297,"code":614,"language":299,"meta":300,"style":300},"\u003Ctemplate>\n  \u003CField\n    name=\"email\"\n    label=\"Email\"\n    error=\"Enter a valid email address.\"\n  >\n    \u003CInput type=\"email\" invalid \u002F>\n  \u003C\u002FField>\n\u003C\u002Ftemplate>\n",[216,616,617,625,631,643,655,669,673,694,702],{"__ignoreMap":300},[304,618,619,621,623],{"class":306,"line":307},[304,620,311],{"class":310},[304,622,399],{"class":314},[304,624,337],{"class":310},[304,626,627,629],{"class":306,"line":340},[304,628,407],{"class":310},[304,630,516],{"class":314},[304,632,633,635,637,639,641],{"class":306,"line":377},[304,634,521],{"class":318},[304,636,325],{"class":310},[304,638,328],{"class":310},[304,640,453],{"class":331},[304,642,531],{"class":310},[304,644,645,647,649,651,653],{"class":306,"line":387},[304,646,536],{"class":318},[304,648,325],{"class":310},[304,650,328],{"class":310},[304,652,419],{"class":331},[304,654,531],{"class":310},[304,656,657,660,662,664,667],{"class":306,"line":394},[304,658,659],{"class":318},"    error",[304,661,325],{"class":310},[304,663,328],{"class":310},[304,665,666],{"class":331},"Enter a valid email address.",[304,668,531],{"class":310},[304,670,671],{"class":306,"line":404},[304,672,569],{"class":310},[304,674,675,677,679,681,683,685,687,689,692],{"class":306,"line":438},[304,676,441],{"class":310},[304,678,112],{"class":314},[304,680,446],{"class":318},[304,682,325],{"class":310},[304,684,328],{"class":310},[304,686,453],{"class":331},[304,688,328],{"class":310},[304,690,691],{"class":318}," invalid",[304,693,458],{"class":310},[304,695,696,698,700],{"class":306,"line":461},[304,697,464],{"class":310},[304,699,92],{"class":314},[304,701,337],{"class":310},[304,703,704,706,708],{"class":306,"line":471},[304,705,380],{"class":310},[304,707,399],{"class":314},[304,709,337],{"class":310},[483,711,713],{"id":712},"native-validation-errors","Native validation errors",[213,715,489,716,719],{},[216,717,718],{},"error-match"," to show the browser validation message only for a matching validity state. Akaza inputs reveal native invalid state after the user changes\u002Fblurs the control or the browser fires an invalid event; required empty fields do not show errors on first render.",[295,721,723],{"className":297,"code":722,"language":299,"meta":300,"style":300},"\u003Ctemplate>\n  \u003CField\n    name=\"email\"\n    label=\"Email\"\n    error-match=\"typeMismatch\"\n  >\n    \u003CInput type=\"email\" required \u002F>\n  \u003C\u002FField>\n\u003C\u002Ftemplate>\n",[216,724,725,733,739,751,763,777,781,802,810],{"__ignoreMap":300},[304,726,727,729,731],{"class":306,"line":307},[304,728,311],{"class":310},[304,730,399],{"class":314},[304,732,337],{"class":310},[304,734,735,737],{"class":306,"line":340},[304,736,407],{"class":310},[304,738,516],{"class":314},[304,740,741,743,745,747,749],{"class":306,"line":377},[304,742,521],{"class":318},[304,744,325],{"class":310},[304,746,328],{"class":310},[304,748,453],{"class":331},[304,750,531],{"class":310},[304,752,753,755,757,759,761],{"class":306,"line":387},[304,754,536],{"class":318},[304,756,325],{"class":310},[304,758,328],{"class":310},[304,760,419],{"class":331},[304,762,531],{"class":310},[304,764,765,768,770,772,775],{"class":306,"line":394},[304,766,767],{"class":318},"    error-match",[304,769,325],{"class":310},[304,771,328],{"class":310},[304,773,774],{"class":331},"typeMismatch",[304,776,531],{"class":310},[304,778,779],{"class":306,"line":404},[304,780,569],{"class":310},[304,782,783,785,787,789,791,793,795,797,800],{"class":306,"line":438},[304,784,441],{"class":310},[304,786,112],{"class":314},[304,788,446],{"class":318},[304,790,325],{"class":310},[304,792,328],{"class":310},[304,794,453],{"class":331},[304,796,328],{"class":310},[304,798,799],{"class":318}," required",[304,801,458],{"class":310},[304,803,804,806,808],{"class":306,"line":461},[304,805,464],{"class":310},[304,807,92],{"class":314},[304,809,337],{"class":310},[304,811,812,814,816],{"class":306,"line":471},[304,813,380],{"class":310},[304,815,399],{"class":314},[304,817,337],{"class":310},[483,819,821],{"id":820},"custom-control","Custom control",[213,823,601,824,826],{},[216,825,242],{}," to native controls so ids, names, required state, disabled state, invalid state, and descriptions stay linked.",[295,828,830],{"className":297,"code":829,"language":299,"meta":300,"style":300},"\u003Ctemplate>\n  \u003CField v-slot=\"{ controlProps }\" name=\"bio\" label=\"Bio\">\n    \u003Ctextarea v-bind=\"controlProps\" \u002F>\n  \u003C\u002FField>\n\u003C\u002Ftemplate>\n",[216,831,832,840,883,903,911],{"__ignoreMap":300},[304,833,834,836,838],{"class":306,"line":307},[304,835,311],{"class":310},[304,837,399],{"class":314},[304,839,337],{"class":310},[304,841,842,844,846,849,851,853,856,858,861,863,865,868,870,872,874,876,879,881],{"class":306,"line":340},[304,843,407],{"class":310},[304,845,92],{"class":314},[304,847,848],{"class":318}," v-slot",[304,850,325],{"class":310},[304,852,328],{"class":310},[304,854,855],{"class":331},"{ controlProps }",[304,857,328],{"class":310},[304,859,860],{"class":318}," name",[304,862,325],{"class":310},[304,864,328],{"class":310},[304,866,867],{"class":331},"bio",[304,869,328],{"class":310},[304,871,412],{"class":318},[304,873,325],{"class":310},[304,875,328],{"class":310},[304,877,878],{"class":331},"Bio",[304,880,328],{"class":310},[304,882,337],{"class":310},[304,884,885,887,890,893,895,897,899,901],{"class":306,"line":377},[304,886,441],{"class":310},[304,888,889],{"class":314},"textarea",[304,891,892],{"class":318}," v-bind",[304,894,325],{"class":310},[304,896,328],{"class":310},[304,898,242],{"class":331},[304,900,328],{"class":310},[304,902,458],{"class":310},[304,904,905,907,909],{"class":306,"line":387},[304,906,464],{"class":310},[304,908,92],{"class":314},[304,910,337],{"class":310},[304,912,913,915,917],{"class":306,"line":394},[304,914,380],{"class":310},[304,916,399],{"class":314},[304,918,337],{"class":310},[483,920,922],{"id":921},"scoped-state","Scoped state",[213,924,925],{},"Use scoped state to render custom status text or styling beside the control.",[295,927,929],{"className":297,"code":928,"language":299,"meta":300,"style":300},"\u003Ctemplate>\n  \u003CField v-slot=\"{ invalid, focused }\" label=\"Project\" name=\"project\">\n    \u003CInput \u002F>\n    \u003Cspan>{{ focused ? \"Editing\" : invalid ? \"Needs attention\" : \"Ready\" }}\u003C\u002Fspan>\n  \u003C\u002FField>\n\u003C\u002Ftemplate>\n",[216,930,931,939,980,988,1006,1014],{"__ignoreMap":300},[304,932,933,935,937],{"class":306,"line":307},[304,934,311],{"class":310},[304,936,399],{"class":314},[304,938,337],{"class":310},[304,940,941,943,945,947,949,951,954,956,958,960,962,965,967,969,971,973,976,978],{"class":306,"line":340},[304,942,407],{"class":310},[304,944,92],{"class":314},[304,946,848],{"class":318},[304,948,325],{"class":310},[304,950,328],{"class":310},[304,952,953],{"class":331},"{ invalid, focused }",[304,955,328],{"class":310},[304,957,412],{"class":318},[304,959,325],{"class":310},[304,961,328],{"class":310},[304,963,964],{"class":331},"Project",[304,966,328],{"class":310},[304,968,860],{"class":318},[304,970,325],{"class":310},[304,972,328],{"class":310},[304,974,975],{"class":331},"project",[304,977,328],{"class":310},[304,979,337],{"class":310},[304,981,982,984,986],{"class":306,"line":377},[304,983,441],{"class":310},[304,985,112],{"class":314},[304,987,458],{"class":310},[304,989,990,992,994,997,1000,1002,1004],{"class":306,"line":387},[304,991,441],{"class":310},[304,993,304],{"class":314},[304,995,996],{"class":310},">",[304,998,999],{"class":350},"{{ focused ? \"Editing\" : invalid ? \"Needs attention\" : \"Ready\" }}",[304,1001,380],{"class":310},[304,1003,304],{"class":314},[304,1005,337],{"class":310},[304,1007,1008,1010,1012],{"class":306,"line":394},[304,1009,464],{"class":310},[304,1011,92],{"class":314},[304,1013,337],{"class":310},[304,1015,1016,1018,1020],{"class":306,"line":404},[304,1017,380],{"class":310},[304,1019,399],{"class":314},[304,1021,337],{"class":310},[223,1023,1025],{"id":1024},"api-reference","API Reference",[483,1027,1029],{"id":1028},"props","Props",[1031,1032,1033,1052],"table",{},[1034,1035,1036],"thead",{},[1037,1038,1039,1043,1046,1049],"tr",{},[1040,1041,1042],"th",{},"Prop",[1040,1044,1045],{},"Type",[1040,1047,1048],{},"Default",[1040,1050,1051],{},"Description",[1053,1054,1055,1076,1093,1110,1126,1142,1157,1174,1193,1211,1229,1246,1262,1278,1294],"tbody",{},[1037,1056,1057,1063,1068,1073],{},[1058,1059,1060],"td",{},[216,1061,1062],{},"as",[1058,1064,1065],{},[216,1066,1067],{},"string",[1058,1069,1070],{},[216,1071,1072],{},"\"div\"",[1058,1074,1075],{},"Root element tag.",[1037,1077,1078,1083,1087,1090],{},[1058,1079,1080],{},[216,1081,1082],{},"id",[1058,1084,1085],{},[216,1086,1067],{},[1058,1088,1089],{},"generated",[1058,1091,1092],{},"Control id.",[1037,1094,1095,1100,1104,1107],{},[1058,1096,1097],{},[216,1098,1099],{},"name",[1058,1101,1102],{},[216,1103,1067],{},[1058,1105,1106],{},"—",[1058,1108,1109],{},"Field name provided to child inputs.",[1037,1111,1112,1117,1121,1123],{},[1058,1113,1114],{},[216,1115,1116],{},"label",[1058,1118,1119],{},[216,1120,1067],{},[1058,1122,1106],{},[1058,1124,1125],{},"Visible label.",[1037,1127,1128,1133,1137,1139],{},[1058,1129,1130],{},[216,1131,1132],{},"description",[1058,1134,1135],{},[216,1136,1067],{},[1058,1138,1106],{},[1058,1140,1141],{},"Help text.",[1037,1143,1144,1148,1152,1154],{},[1058,1145,1146],{},[216,1147,604],{},[1058,1149,1150],{},[216,1151,1067],{},[1058,1153,1106],{},[1058,1155,1156],{},"Error text. Also marks field invalid.",[1037,1158,1159,1164,1169,1171],{},[1058,1160,1161],{},[216,1162,1163],{},"errorMatch",[1058,1165,1166],{},[216,1167,1168],{},"boolean | FieldErrorMatch",[1058,1170,1106],{},[1058,1172,1173],{},"Controls when native validation errors are shown.",[1037,1175,1176,1180,1185,1190],{},[1058,1177,1178],{},[216,1179,492],{},[1058,1181,1182],{},[216,1183,1184],{},"boolean",[1058,1186,1187],{},[216,1188,1189],{},"false",[1058,1191,1192],{},"Required state provided to child inputs.",[1037,1194,1195,1200,1204,1208],{},[1058,1196,1197],{},[216,1198,1199],{},"disabled",[1058,1201,1202],{},[216,1203,1184],{},[1058,1205,1206],{},[216,1207,1189],{},[1058,1209,1210],{},"Disabled state provided to child inputs.",[1037,1212,1213,1218,1222,1226],{},[1058,1214,1215],{},[216,1216,1217],{},"invalid",[1058,1219,1220],{},[216,1221,1184],{},[1058,1223,1224],{},[216,1225,1189],{},[1058,1227,1228],{},"Invalid state.",[1037,1230,1231,1236,1240,1243],{},[1058,1232,1233],{},[216,1234,1235],{},"dirty",[1058,1237,1238],{},[216,1239,1184],{},[1058,1241,1242],{},"input state",[1058,1244,1245],{},"Overrides dirty state.",[1037,1247,1248,1253,1257,1259],{},[1058,1249,1250],{},[216,1251,1252],{},"touched",[1058,1254,1255],{},[216,1256,1184],{},[1058,1258,1242],{},[1058,1260,1261],{},"Overrides touched state.",[1037,1263,1264,1269,1273,1275],{},[1058,1265,1266],{},[216,1267,1268],{},"filled",[1058,1270,1271],{},[216,1272,1184],{},[1058,1274,1242],{},[1058,1276,1277],{},"Overrides filled state.",[1037,1279,1280,1285,1289,1291],{},[1058,1281,1282],{},[216,1283,1284],{},"focused",[1058,1286,1287],{},[216,1288,1184],{},[1058,1290,1242],{},[1058,1292,1293],{},"Overrides focused state.",[1037,1295,1296,1301,1306,1308],{},[1058,1297,1298],{},[216,1299,1300],{},"ui",[1058,1302,1303],{},[216,1304,1305],{},"FieldUi",[1058,1307,1106],{},[1058,1309,1310],{},"Classes for root, label, control, description, error.",[483,1312,1314],{"id":1313},"slots","Slots",[1031,1316,1317,1329],{},[1034,1318,1319],{},[1037,1320,1321,1324,1327],{},[1040,1322,1323],{},"Slot",[1040,1325,1326],{},"Scoped props",[1040,1328,1051],{},[1053,1330,1331,1371,1382,1393],{},[1037,1332,1333,1338,1368],{},[1058,1334,1335],{},[216,1336,1337],{},"default",[1058,1339,1340,1342,1343,1342,1346,1342,1348,1342,1350,1342,1352,1342,1355,1342,1357,1342,1359,1342,1361,1342,1363,1342,1366],{},[216,1341,1082],{},", ",[216,1344,1345],{},"fieldName",[216,1347,492],{},[216,1349,1199],{},[216,1351,1217],{},[216,1353,1354],{},"valid",[216,1356,1235],{},[216,1358,1252],{},[216,1360,1268],{},[216,1362,1284],{},[216,1364,1365],{},"describedBy",[216,1367,242],{},[1058,1369,1370],{},"Control slot.",[1037,1372,1373,1377,1379],{},[1058,1374,1375],{},[216,1376,1116],{},[1058,1378,1106],{},[1058,1380,1381],{},"Custom label content.",[1037,1383,1384,1388,1390],{},[1058,1385,1386],{},[216,1387,1132],{},[1058,1389,1106],{},[1058,1391,1392],{},"Custom description content.",[1037,1394,1395,1399,1401],{},[1058,1396,1397],{},[216,1398,604],{},[1058,1400,1106],{},[1058,1402,1403],{},"Custom error content.",[483,1405,1407],{"id":1406},"ui-options","UI Options",[1031,1409,1410,1419],{},[1034,1411,1412],{},[1037,1413,1414,1417],{},[1040,1415,1416],{},"Key",[1040,1418,1051],{},[1053,1420,1421,1431,1440,1449,1459,1468],{},[1037,1422,1423,1428],{},[1058,1424,1425],{},[216,1426,1427],{},"root",[1058,1429,1430],{},"The field wrapper.",[1037,1432,1433,1437],{},[1058,1434,1435],{},[216,1436,1116],{},[1058,1438,1439],{},"The label element.",[1037,1441,1442,1446],{},[1058,1443,1444],{},[216,1445,492],{},[1058,1447,1448],{},"The required marker inside the label.",[1037,1450,1451,1456],{},[1058,1452,1453],{},[216,1454,1455],{},"control",[1058,1457,1458],{},"The control wrapper around the default slot.",[1037,1460,1461,1465],{},[1058,1462,1463],{},[216,1464,1132],{},[1058,1466,1467],{},"The description element.",[1037,1469,1470,1474],{},[1058,1471,1472],{},[216,1473,604],{},[1058,1475,1476],{},"The error element.",[483,1478,1480],{"id":1479},"styling-hooks","Styling Hooks",[1031,1482,1483,1496],{},[1034,1484,1485],{},[1037,1486,1487,1490,1493],{},[1040,1488,1489],{},"UI key",[1040,1491,1492],{},"CSS class",[1040,1494,1495],{},"Data attrs",[1053,1497,1498,1512,1525,1538,1551,1564],{},[1037,1499,1500,1504,1509],{},[1058,1501,1502],{},[216,1503,1427],{},[1058,1505,1506],{},[216,1507,1508],{},"akaza-field",[1058,1510,1511],{},"granular field attrs",[1037,1513,1514,1518,1523],{},[1058,1515,1516],{},[216,1517,1116],{},[1058,1519,1520],{},[216,1521,1522],{},"akaza-field-label",[1058,1524,1511],{},[1037,1526,1527,1531,1536],{},[1058,1528,1529],{},[216,1530,492],{},[1058,1532,1533],{},[216,1534,1535],{},"akaza-field-required",[1058,1537,1106],{},[1037,1539,1540,1544,1549],{},[1058,1541,1542],{},[216,1543,1455],{},[1058,1545,1546],{},[216,1547,1548],{},"akaza-field-control",[1058,1550,1511],{},[1037,1552,1553,1557,1562],{},[1058,1554,1555],{},[216,1556,1132],{},[1058,1558,1559],{},[216,1560,1561],{},"akaza-field-description",[1058,1563,1511],{},[1037,1565,1566,1570,1575],{},[1058,1567,1568],{},[216,1569,604],{},[1058,1571,1572],{},[216,1573,1574],{},"akaza-field-error",[1058,1576,1511],{},[213,1578,1579,1580,1342,1583,1342,1586,1342,1589,1342,1592,1342,1595,1342,1598,1601,1602,1605],{},"Granular field attrs are ",[216,1581,1582],{},"data-valid",[216,1584,1585],{},"data-invalid",[216,1587,1588],{},"data-dirty",[216,1590,1591],{},"data-touched",[216,1593,1594],{},"data-filled",[216,1596,1597],{},"data-focused",[216,1599,1600],{},"data-disabled",", plus matching ",[216,1603,1604],{},"data-akaza-*"," attributes.",[1607,1608,1609],"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 .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":300,"searchDepth":307,"depth":340,"links":1611},[1612,1613,1614,1621],{"id":225,"depth":340,"text":226},{"id":284,"depth":340,"text":23},{"id":480,"depth":340,"text":481,"children":1615},[1616,1617,1618,1619,1620],{"id":485,"depth":377,"text":486},{"id":597,"depth":377,"text":598},{"id":712,"depth":377,"text":713},{"id":820,"depth":377,"text":821},{"id":921,"depth":377,"text":922},{"id":1024,"depth":340,"text":1025,"children":1622},[1623,1624,1625,1626],{"id":1028,"depth":377,"text":1029},{"id":1313,"depth":377,"text":1314},{"id":1406,"depth":377,"text":1407},{"id":1479,"depth":377,"text":1480},"Label, description, and error wiring for form controls.","md",null,{},{"icon":95},{"title":92,"description":1627},"AUoz-2ALfWXIZYwfA37ZOUdtGC0VcVs6SgjN4qNtoTI",[1635,1637],{"title":87,"path":88,"stem":89,"description":1636,"icon":90,"children":-1},"A panel that slides in from the edge of the viewport.",{"title":97,"path":98,"stem":99,"description":1638,"icon":100,"children":-1},"Native fieldset and legend wrapper for related controls.",1784667641989]