[{"data":1,"prerenderedAt":1703},["ShallowReactive",2],{"navigation":3,"page:\u002Fcomponents\u002Finput":207,"\u002Fcomponents\u002Finput-surround":1698},[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":112,"body":209,"description":1691,"extension":1692,"links":1693,"meta":1694,"navigation":1695,"path":113,"seo":1696,"stem":114,"__hash__":1697},"docs\u002F2.components\u002Finput.md",{"type":210,"value":211,"toc":1673},"minimark",[212,241,244,249,270,275,278,284,421,425,430,447,555,559,566,678,682,689,932,936,945,1114,1118,1124,1179,1183,1187,1495,1499,1533,1537,1560,1564,1596,1608,1612,1660,1669],[213,214,215,218,219,222,223,226,227,226,230,226,233,236,237,240],"p",{},[216,217,112],"code",{}," is an unstyled native input. Use it alone, or place it inside ",[220,221,92],"a",{"href":93}," to inherit ",[216,224,225],{},"id",", ",[216,228,229],{},"name",[216,231,232],{},"required",[216,234,235],{},"disabled",", invalid state, native validation messages, and ",[216,238,239],{},"aria-describedby",".",[213,242,243],{},"Use it for text-like native input types when you want Akaza state attrs and Field integration without losing normal browser behavior.",[245,246,248],"h2",{"id":247},"anatomy","Anatomy",[250,251,252],"ul",{},[253,254,255,261,262,265,266,269],"li",{},[256,257,258],"strong",{},[216,259,260],{},"ui.root",": Native ",[216,263,264],{},"\u003Cinput>"," element. Direct ",[216,267,268],{},"class"," also applies here.",[213,271,272,274],{},[216,273,112],{}," intentionally has one structural part. It does not wrap the native element, so all native attributes and browser validation stay direct.",[245,276,23],{"id":277},"usage",[279,280,281],"component-preview",{},[282,283],"examples-input-demo",{},[285,286,287],"component-code",{},[288,289,294],"pre",{"className":290,"code":291,"language":292,"meta":293,"style":293},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { Input } from \"akaza-ui\";\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CInput placeholder=\"Project name\" \u002F>\n\u003C\u002Ftemplate>\n","vue","",[216,295,296,331,362,372,379,389,412],{"__ignoreMap":293},[297,298,301,305,309,313,316,319,322,326,328],"span",{"class":299,"line":300},"line",1,[297,302,304],{"class":303},"sMK4o","\u003C",[297,306,308],{"class":307},"swJcz","script",[297,310,312],{"class":311},"spNyl"," setup",[297,314,315],{"class":311}," lang",[297,317,318],{"class":303},"=",[297,320,321],{"class":303},"\"",[297,323,325],{"class":324},"sfazB","ts",[297,327,321],{"class":303},[297,329,330],{"class":303},">\n",[297,332,334,338,341,345,348,351,354,357,359],{"class":299,"line":333},2,[297,335,337],{"class":336},"s7zQu","import",[297,339,340],{"class":303}," {",[297,342,344],{"class":343},"sTEyZ"," Input",[297,346,347],{"class":303}," }",[297,349,350],{"class":336}," from",[297,352,353],{"class":303}," \"",[297,355,356],{"class":324},"akaza-ui",[297,358,321],{"class":303},[297,360,361],{"class":303},";\n",[297,363,365,368,370],{"class":299,"line":364},3,[297,366,367],{"class":303},"\u003C\u002F",[297,369,308],{"class":307},[297,371,330],{"class":303},[297,373,375],{"class":299,"line":374},4,[297,376,378],{"emptyLinePlaceholder":377},true,"\n",[297,380,382,384,387],{"class":299,"line":381},5,[297,383,304],{"class":303},[297,385,386],{"class":307},"template",[297,388,330],{"class":303},[297,390,392,395,397,400,402,404,407,409],{"class":299,"line":391},6,[297,393,394],{"class":303},"  \u003C",[297,396,112],{"class":307},[297,398,399],{"class":311}," placeholder",[297,401,318],{"class":303},[297,403,321],{"class":303},[297,405,406],{"class":324},"Project name",[297,408,321],{"class":303},[297,410,411],{"class":303}," \u002F>\n",[297,413,415,417,419],{"class":299,"line":414},7,[297,416,367],{"class":303},[297,418,386],{"class":307},[297,420,330],{"class":303},[245,422,424],{"id":423},"examples","Examples",[426,427,429],"h3",{"id":428},"field-integration","Field integration",[213,431,432,433,435,436,226,438,226,440,226,442,444,445,240],{},"Inside ",[216,434,92],{},", the input inherits ",[216,437,225],{},[216,439,229],{},[216,441,232],{},[216,443,235],{},", invalid state, and ",[216,446,239],{},[288,448,450],{"className":290,"code":449,"language":292,"meta":293,"style":293},"\u003Ctemplate>\n  \u003CField name=\"email\" label=\"Email\" description=\"Used for account notices.\" required>\n    \u003CInput type=\"email\" placeholder=\"you@example.com\" \u002F>\n  \u003C\u002FField>\n\u003C\u002Ftemplate>\n",[216,451,452,460,507,538,547],{"__ignoreMap":293},[297,453,454,456,458],{"class":299,"line":300},[297,455,304],{"class":303},[297,457,386],{"class":307},[297,459,330],{"class":303},[297,461,462,464,466,469,471,473,476,478,481,483,485,488,490,493,495,497,500,502,505],{"class":299,"line":333},[297,463,394],{"class":303},[297,465,92],{"class":307},[297,467,468],{"class":311}," name",[297,470,318],{"class":303},[297,472,321],{"class":303},[297,474,475],{"class":324},"email",[297,477,321],{"class":303},[297,479,480],{"class":311}," label",[297,482,318],{"class":303},[297,484,321],{"class":303},[297,486,487],{"class":324},"Email",[297,489,321],{"class":303},[297,491,492],{"class":311}," description",[297,494,318],{"class":303},[297,496,321],{"class":303},[297,498,499],{"class":324},"Used for account notices.",[297,501,321],{"class":303},[297,503,504],{"class":311}," required",[297,506,330],{"class":303},[297,508,509,512,514,517,519,521,523,525,527,529,531,534,536],{"class":299,"line":364},[297,510,511],{"class":303},"    \u003C",[297,513,112],{"class":307},[297,515,516],{"class":311}," type",[297,518,318],{"class":303},[297,520,321],{"class":303},[297,522,475],{"class":324},[297,524,321],{"class":303},[297,526,399],{"class":311},[297,528,318],{"class":303},[297,530,321],{"class":303},[297,532,533],{"class":324},"you@example.com",[297,535,321],{"class":303},[297,537,411],{"class":303},[297,539,540,543,545],{"class":299,"line":374},[297,541,542],{"class":303},"  \u003C\u002F",[297,544,92],{"class":307},[297,546,330],{"class":303},[297,548,549,551,553],{"class":299,"line":381},[297,550,367],{"class":303},[297,552,386],{"class":307},[297,554,330],{"class":303},[426,556,558],{"id":557},"native-validation","Native validation",[213,560,561,562,565],{},"Use native input attributes when browser validation already covers the rule. Native invalid attributes are revealed after user input, blur, or a browser invalid event, so a required empty input does not render as invalid on page load. The explicit ",[216,563,564],{},"invalid"," prop still marks the input invalid immediately.",[288,567,569],{"className":290,"code":568,"language":292,"meta":293,"style":293},"\u003Ctemplate>\n  \u003CInput\n    type=\"text\"\n    name=\"slug\"\n    required\n    pattern=\"[a-z0-9-]+\"\n    minlength=\"3\"\n    placeholder=\"project-slug\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[216,570,571,579,586,601,615,620,634,648,663,669],{"__ignoreMap":293},[297,572,573,575,577],{"class":299,"line":300},[297,574,304],{"class":303},[297,576,386],{"class":307},[297,578,330],{"class":303},[297,580,581,583],{"class":299,"line":333},[297,582,394],{"class":303},[297,584,585],{"class":307},"Input\n",[297,587,588,591,593,595,598],{"class":299,"line":364},[297,589,590],{"class":311},"    type",[297,592,318],{"class":303},[297,594,321],{"class":303},[297,596,597],{"class":324},"text",[297,599,600],{"class":303},"\"\n",[297,602,603,606,608,610,613],{"class":299,"line":374},[297,604,605],{"class":311},"    name",[297,607,318],{"class":303},[297,609,321],{"class":303},[297,611,612],{"class":324},"slug",[297,614,600],{"class":303},[297,616,617],{"class":299,"line":381},[297,618,619],{"class":311},"    required\n",[297,621,622,625,627,629,632],{"class":299,"line":391},[297,623,624],{"class":311},"    pattern",[297,626,318],{"class":303},[297,628,321],{"class":303},[297,630,631],{"class":324},"[a-z0-9-]+",[297,633,600],{"class":303},[297,635,636,639,641,643,646],{"class":299,"line":414},[297,637,638],{"class":311},"    minlength",[297,640,318],{"class":303},[297,642,321],{"class":303},[297,644,645],{"class":324},"3",[297,647,600],{"class":303},[297,649,651,654,656,658,661],{"class":299,"line":650},8,[297,652,653],{"class":311},"    placeholder",[297,655,318],{"class":303},[297,657,321],{"class":303},[297,659,660],{"class":324},"project-slug",[297,662,600],{"class":303},[297,664,666],{"class":299,"line":665},9,[297,667,668],{"class":303},"  \u002F>\n",[297,670,672,674,676],{"class":299,"line":671},10,[297,673,367],{"class":303},[297,675,386],{"class":307},[297,677,330],{"class":303},[426,679,681],{"id":680},"cancel-a-value-change","Cancel a value change",[213,683,684,685,688],{},"Use ",[216,686,687],{},"details.cancel()"," to reject a model update before it lands.",[288,690,692],{"className":290,"code":691,"language":292,"meta":293,"style":293},"\u003Cscript setup lang=\"ts\">\nimport type { AkazaChangeEventDetails } from \"akaza-ui\";\nimport { ref } from \"vue\";\n\nconst value = ref(\"\");\n\nfunction onlyLowercase(next: string, details: AkazaChangeEventDetails) {\n  if (next !== next.toLowerCase()) details.cancel();\n}\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CInput v-model=\"value\" @value-change=\"onlyLowercase\" \u002F>\n\u003C\u002Ftemplate>\n",[216,693,694,714,737,758,762,786,790,826,863,868,876,881,890,923],{"__ignoreMap":293},[297,695,696,698,700,702,704,706,708,710,712],{"class":299,"line":300},[297,697,304],{"class":303},[297,699,308],{"class":307},[297,701,312],{"class":311},[297,703,315],{"class":311},[297,705,318],{"class":303},[297,707,321],{"class":303},[297,709,325],{"class":324},[297,711,321],{"class":303},[297,713,330],{"class":303},[297,715,716,718,720,722,725,727,729,731,733,735],{"class":299,"line":333},[297,717,337],{"class":336},[297,719,516],{"class":336},[297,721,340],{"class":303},[297,723,724],{"class":343}," AkazaChangeEventDetails",[297,726,347],{"class":303},[297,728,350],{"class":336},[297,730,353],{"class":303},[297,732,356],{"class":324},[297,734,321],{"class":303},[297,736,361],{"class":303},[297,738,739,741,743,746,748,750,752,754,756],{"class":299,"line":364},[297,740,337],{"class":336},[297,742,340],{"class":303},[297,744,745],{"class":343}," ref",[297,747,347],{"class":303},[297,749,350],{"class":336},[297,751,353],{"class":303},[297,753,292],{"class":324},[297,755,321],{"class":303},[297,757,361],{"class":303},[297,759,760],{"class":299,"line":374},[297,761,378],{"emptyLinePlaceholder":377},[297,763,764,767,770,772,775,778,781,784],{"class":299,"line":381},[297,765,766],{"class":311},"const",[297,768,769],{"class":343}," value ",[297,771,318],{"class":303},[297,773,745],{"class":774},"s2Zo4",[297,776,777],{"class":343},"(",[297,779,780],{"class":303},"\"\"",[297,782,783],{"class":343},")",[297,785,361],{"class":303},[297,787,788],{"class":299,"line":391},[297,789,378],{"emptyLinePlaceholder":377},[297,791,792,795,798,800,804,807,811,814,817,819,821,823],{"class":299,"line":414},[297,793,794],{"class":311},"function",[297,796,797],{"class":774}," onlyLowercase",[297,799,777],{"class":303},[297,801,803],{"class":802},"sHdIc","next",[297,805,806],{"class":303},":",[297,808,810],{"class":809},"sBMFI"," string",[297,812,813],{"class":303},",",[297,815,816],{"class":802}," details",[297,818,806],{"class":303},[297,820,724],{"class":809},[297,822,783],{"class":303},[297,824,825],{"class":303}," {\n",[297,827,828,831,834,836,839,842,844,847,850,853,855,858,861],{"class":299,"line":650},[297,829,830],{"class":336},"  if",[297,832,833],{"class":307}," (",[297,835,803],{"class":343},[297,837,838],{"class":303}," !==",[297,840,841],{"class":343}," next",[297,843,240],{"class":303},[297,845,846],{"class":774},"toLowerCase",[297,848,849],{"class":307},"()) ",[297,851,852],{"class":343},"details",[297,854,240],{"class":303},[297,856,857],{"class":774},"cancel",[297,859,860],{"class":307},"()",[297,862,361],{"class":303},[297,864,865],{"class":299,"line":665},[297,866,867],{"class":303},"}\n",[297,869,870,872,874],{"class":299,"line":671},[297,871,367],{"class":303},[297,873,308],{"class":307},[297,875,330],{"class":303},[297,877,879],{"class":299,"line":878},11,[297,880,378],{"emptyLinePlaceholder":377},[297,882,884,886,888],{"class":299,"line":883},12,[297,885,304],{"class":303},[297,887,386],{"class":307},[297,889,330],{"class":303},[297,891,893,895,897,900,902,904,907,909,912,914,916,919,921],{"class":299,"line":892},13,[297,894,394],{"class":303},[297,896,112],{"class":307},[297,898,899],{"class":311}," v-model",[297,901,318],{"class":303},[297,903,321],{"class":303},[297,905,906],{"class":324},"value",[297,908,321],{"class":303},[297,910,911],{"class":311}," @value-change",[297,913,318],{"class":303},[297,915,321],{"class":303},[297,917,918],{"class":324},"onlyLowercase",[297,920,321],{"class":303},[297,922,411],{"class":303},[297,924,926,928,930],{"class":299,"line":925},14,[297,927,367],{"class":303},[297,929,386],{"class":307},[297,931,330],{"class":303},[426,933,935],{"id":934},"disabled-and-readonly","Disabled and readonly",[213,937,684,938,940,941,944],{},[216,939,235],{}," for unavailable fields and ",[216,942,943],{},"readonly"," for values users can copy but not edit.",[288,946,948],{"className":290,"code":947,"language":292,"meta":293,"style":293},"\u003Cscript setup lang=\"ts\">\nimport { ref } from \"vue\";\n\nconst locked = ref(\"Locked\");\nconst readOnly = ref(\"Read only\");\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CInput v-model=\"locked\" disabled \u002F>\n  \u003CInput v-model=\"readOnly\" readonly \u002F>\n\u003C\u002Ftemplate>\n",[216,949,950,970,990,994,1018,1042,1050,1054,1062,1084,1106],{"__ignoreMap":293},[297,951,952,954,956,958,960,962,964,966,968],{"class":299,"line":300},[297,953,304],{"class":303},[297,955,308],{"class":307},[297,957,312],{"class":311},[297,959,315],{"class":311},[297,961,318],{"class":303},[297,963,321],{"class":303},[297,965,325],{"class":324},[297,967,321],{"class":303},[297,969,330],{"class":303},[297,971,972,974,976,978,980,982,984,986,988],{"class":299,"line":333},[297,973,337],{"class":336},[297,975,340],{"class":303},[297,977,745],{"class":343},[297,979,347],{"class":303},[297,981,350],{"class":336},[297,983,353],{"class":303},[297,985,292],{"class":324},[297,987,321],{"class":303},[297,989,361],{"class":303},[297,991,992],{"class":299,"line":364},[297,993,378],{"emptyLinePlaceholder":377},[297,995,996,998,1001,1003,1005,1007,1009,1012,1014,1016],{"class":299,"line":374},[297,997,766],{"class":311},[297,999,1000],{"class":343}," locked ",[297,1002,318],{"class":303},[297,1004,745],{"class":774},[297,1006,777],{"class":343},[297,1008,321],{"class":303},[297,1010,1011],{"class":324},"Locked",[297,1013,321],{"class":303},[297,1015,783],{"class":343},[297,1017,361],{"class":303},[297,1019,1020,1022,1025,1027,1029,1031,1033,1036,1038,1040],{"class":299,"line":381},[297,1021,766],{"class":311},[297,1023,1024],{"class":343}," readOnly ",[297,1026,318],{"class":303},[297,1028,745],{"class":774},[297,1030,777],{"class":343},[297,1032,321],{"class":303},[297,1034,1035],{"class":324},"Read only",[297,1037,321],{"class":303},[297,1039,783],{"class":343},[297,1041,361],{"class":303},[297,1043,1044,1046,1048],{"class":299,"line":391},[297,1045,367],{"class":303},[297,1047,308],{"class":307},[297,1049,330],{"class":303},[297,1051,1052],{"class":299,"line":414},[297,1053,378],{"emptyLinePlaceholder":377},[297,1055,1056,1058,1060],{"class":299,"line":650},[297,1057,304],{"class":303},[297,1059,386],{"class":307},[297,1061,330],{"class":303},[297,1063,1064,1066,1068,1070,1072,1074,1077,1079,1082],{"class":299,"line":665},[297,1065,394],{"class":303},[297,1067,112],{"class":307},[297,1069,899],{"class":311},[297,1071,318],{"class":303},[297,1073,321],{"class":303},[297,1075,1076],{"class":324},"locked",[297,1078,321],{"class":303},[297,1080,1081],{"class":311}," disabled",[297,1083,411],{"class":303},[297,1085,1086,1088,1090,1092,1094,1096,1099,1101,1104],{"class":299,"line":671},[297,1087,394],{"class":303},[297,1089,112],{"class":307},[297,1091,899],{"class":311},[297,1093,318],{"class":303},[297,1095,321],{"class":303},[297,1097,1098],{"class":324},"readOnly",[297,1100,321],{"class":303},[297,1102,1103],{"class":311}," readonly",[297,1105,411],{"class":303},[297,1107,1108,1110,1112],{"class":299,"line":878},[297,1109,367],{"class":303},[297,1111,386],{"class":307},[297,1113,330],{"class":303},[426,1115,1117],{"id":1116},"state-styling","State styling",[213,1119,1120,1121,1123],{},"Use data attributes in ",[216,1122,260],{}," for focused, invalid, dirty, and filled states.",[288,1125,1127],{"className":290,"code":1126,"language":292,"meta":293,"style":293},"\u003Ctemplate>\n  \u003CInput\n    :ui=\"{\n      root: 'border px-3 py-2 data-[akaza-invalid=true]:border-red-500 data-[akaza-focused=true]:outline',\n    }\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[216,1128,1129,1137,1143,1155,1160,1167,1171],{"__ignoreMap":293},[297,1130,1131,1133,1135],{"class":299,"line":300},[297,1132,304],{"class":303},[297,1134,386],{"class":307},[297,1136,330],{"class":303},[297,1138,1139,1141],{"class":299,"line":333},[297,1140,394],{"class":303},[297,1142,585],{"class":307},[297,1144,1145,1148,1150,1152],{"class":299,"line":364},[297,1146,1147],{"class":311},"    :ui",[297,1149,318],{"class":303},[297,1151,321],{"class":303},[297,1153,1154],{"class":324},"{\n",[297,1156,1157],{"class":299,"line":374},[297,1158,1159],{"class":324},"      root: 'border px-3 py-2 data-[akaza-invalid=true]:border-red-500 data-[akaza-focused=true]:outline',\n",[297,1161,1162,1165],{"class":299,"line":381},[297,1163,1164],{"class":324},"    }",[297,1166,600],{"class":303},[297,1168,1169],{"class":299,"line":391},[297,1170,668],{"class":303},[297,1172,1173,1175,1177],{"class":299,"line":414},[297,1174,367],{"class":303},[297,1176,386],{"class":307},[297,1178,330],{"class":303},[245,1180,1182],{"id":1181},"api-reference","API Reference",[426,1184,1186],{"id":1185},"props","Props",[1188,1189,1190,1209],"table",{},[1191,1192,1193],"thead",{},[1194,1195,1196,1200,1203,1206],"tr",{},[1197,1198,1199],"th",{},"Prop",[1197,1201,1202],{},"Type",[1197,1204,1205],{},"Default",[1197,1207,1208],{},"Description",[1210,1211,1212,1233,1250,1270,1286,1302,1319,1336,1352,1368,1387,1404,1421,1445,1461,1478],"tbody",{},[1194,1213,1214,1219,1224,1227],{},[1215,1216,1217],"td",{},[216,1218,225],{},[1215,1220,1221],{},[216,1222,1223],{},"string",[1215,1225,1226],{},"—",[1215,1228,1229,1230,1232],{},"Input id. Inherited from ",[216,1231,92],{}," when omitted.",[1194,1234,1235,1239,1243,1245],{},[1215,1236,1237],{},[216,1238,229],{},[1215,1240,1241],{},[216,1242,1223],{},[1215,1244,1226],{},[1215,1246,1247,1248,1232],{},"Form field name. Inherited from ",[216,1249,92],{},[1194,1251,1252,1257,1262,1267],{},[1215,1253,1254],{},[216,1255,1256],{},"type",[1215,1258,1259],{},[216,1260,1261],{},"InputType",[1215,1263,1264],{},[216,1265,1266],{},"\"text\"",[1215,1268,1269],{},"Native input type for text-like inputs.",[1194,1271,1272,1277,1281,1283],{},[1215,1273,1274],{},[216,1275,1276],{},"placeholder",[1215,1278,1279],{},[216,1280,1223],{},[1215,1282,1226],{},[1215,1284,1285],{},"Placeholder text.",[1194,1287,1288,1293,1297,1299],{},[1215,1289,1290],{},[216,1291,1292],{},"autocomplete",[1215,1294,1295],{},[216,1296,1223],{},[1215,1298,1226],{},[1215,1300,1301],{},"Native autocomplete setting.",[1194,1303,1304,1309,1314,1316],{},[1215,1305,1306],{},[216,1307,1308],{},"inputmode",[1215,1310,1311],{},[216,1312,1313],{},"InputProps[\"inputmode\"]",[1215,1315,1226],{},[1215,1317,1318],{},"Native input mode hint.",[1194,1320,1321,1326,1331,1333],{},[1215,1322,1323],{},[216,1324,1325],{},"minlength",[1215,1327,1328],{},[216,1329,1330],{},"number",[1215,1332,1226],{},[1215,1334,1335],{},"Native minimum text length.",[1194,1337,1338,1343,1347,1349],{},[1215,1339,1340],{},[216,1341,1342],{},"maxlength",[1215,1344,1345],{},[216,1346,1330],{},[1215,1348,1226],{},[1215,1350,1351],{},"Native maximum text length.",[1194,1353,1354,1359,1363,1365],{},[1215,1355,1356],{},[216,1357,1358],{},"pattern",[1215,1360,1361],{},[216,1362,1223],{},[1215,1364,1226],{},[1215,1366,1367],{},"Native validation pattern.",[1194,1369,1370,1374,1379,1384],{},[1215,1371,1372],{},[216,1373,232],{},[1215,1375,1376],{},[216,1377,1378],{},"boolean",[1215,1380,1381],{},[216,1382,1383],{},"false",[1215,1385,1386],{},"Required state.",[1194,1388,1389,1393,1397,1401],{},[1215,1390,1391],{},[216,1392,235],{},[1215,1394,1395],{},[216,1396,1378],{},[1215,1398,1399],{},[216,1400,1383],{},[1215,1402,1403],{},"Disabled state.",[1194,1405,1406,1410,1414,1418],{},[1215,1407,1408],{},[216,1409,943],{},[1215,1411,1412],{},[216,1413,1378],{},[1215,1415,1416],{},[216,1417,1383],{},[1215,1419,1420],{},"Read-only state.",[1194,1422,1423,1427,1431,1435],{},[1215,1424,1425],{},[216,1426,564],{},[1215,1428,1429],{},[216,1430,1378],{},[1215,1432,1433],{},[216,1434,1383],{},[1215,1436,1437,1438,1441,1442,240],{},"Sets ",[216,1439,1440],{},"aria-invalid"," and ",[216,1443,1444],{},"data-akaza-invalid",[1194,1446,1447,1452,1456,1458],{},[1215,1448,1449],{},[216,1450,1451],{},"ariaLabel",[1215,1453,1454],{},[216,1455,1223],{},[1215,1457,1226],{},[1215,1459,1460],{},"Accessible label when no visible label exists.",[1194,1462,1463,1468,1472,1475],{},[1215,1464,1465],{},[216,1466,1467],{},"ariaDescribedby",[1215,1469,1470],{},[216,1471,1223],{},[1215,1473,1474],{},"field description\u002Ferror",[1215,1476,1477],{},"Accessible description ids.",[1194,1479,1480,1485,1490,1492],{},[1215,1481,1482],{},[216,1483,1484],{},"ui",[1215,1486,1487],{},[216,1488,1489],{},"InputUi",[1215,1491,1226],{},[1215,1493,1494],{},"Classes for the input element.",[426,1496,1498],{"id":1497},"emits","Emits",[1188,1500,1501,1513],{},[1191,1502,1503],{},[1194,1504,1505,1508,1511],{},[1197,1506,1507],{},"Event",[1197,1509,1510],{},"Payload",[1197,1512,1208],{},[1210,1514,1515],{},[1194,1516,1517,1522,1527],{},[1215,1518,1519],{},[216,1520,1521],{},"value-change",[1215,1523,1524],{},[216,1525,1526],{},"(value, details)",[1215,1528,1529,1530,1532],{},"Fired before model updates. ",[216,1531,687],{}," prevents the update.",[426,1534,1536],{"id":1535},"ui-options","UI Options",[1188,1538,1539,1548],{},[1191,1540,1541],{},[1194,1542,1543,1546],{},[1197,1544,1545],{},"Key",[1197,1547,1208],{},[1210,1549,1550],{},[1194,1551,1552,1557],{},[1215,1553,1554],{},[216,1555,1556],{},"root",[1215,1558,1559],{},"The native input element.",[426,1561,1563],{"id":1562},"state-attributes","State Attributes",[213,1565,1566,1568,1569,226,1572,226,1575,226,1578,226,1581,226,1584,1587,1588,1591,1592,1595],{},[216,1567,112],{}," sets ",[216,1570,1571],{},"data-valid",[216,1573,1574],{},"data-invalid",[216,1576,1577],{},"data-dirty",[216,1579,1580],{},"data-touched",[216,1582,1583],{},"data-filled",[216,1585,1586],{},"data-focused",", and ",[216,1589,1590],{},"data-disabled",", plus matching ",[216,1593,1594],{},"data-akaza-*"," attributes.",[213,1597,1598,1599,1601,1602,1604,1605,1607],{},"Native ",[216,1600,1444],{}," appears after interaction or invalid submit. Controlled invalid state from the ",[216,1603,564],{}," prop or parent ",[216,1606,92],{}," appears immediately.",[426,1609,1611],{"id":1610},"styling-hooks","Styling Hooks",[1188,1613,1614,1627],{},[1191,1615,1616],{},[1194,1617,1618,1621,1624],{},[1197,1619,1620],{},"UI key",[1197,1622,1623],{},"CSS class",[1197,1625,1626],{},"Data attrs",[1210,1628,1629],{},[1194,1630,1631,1635,1640],{},[1215,1632,1633],{},[216,1634,1556],{},[1215,1636,1637],{},[216,1638,1639],{},"akaza-input",[1215,1641,1642,226,1644,226,1646,226,1648,226,1650,226,1652,226,1654,1656,1657,1659],{},[216,1643,1571],{},[216,1645,1574],{},[216,1647,1577],{},[216,1649,1580],{},[216,1651,1583],{},[216,1653,1586],{},[216,1655,1590],{},", and matching ",[216,1658,1594],{}," attrs",[213,1661,1662,1663,1665,1666,1668],{},"Plain ",[216,1664,268],{}," also applies to the native input root. ",[216,1667,260],{}," is the structured equivalent.",[1670,1671,1672],"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);}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}",{"title":293,"searchDepth":300,"depth":333,"links":1674},[1675,1676,1677,1684],{"id":247,"depth":333,"text":248},{"id":277,"depth":333,"text":23},{"id":423,"depth":333,"text":424,"children":1678},[1679,1680,1681,1682,1683],{"id":428,"depth":364,"text":429},{"id":557,"depth":364,"text":558},{"id":680,"depth":364,"text":681},{"id":934,"depth":364,"text":935},{"id":1116,"depth":364,"text":1117},{"id":1181,"depth":333,"text":1182,"children":1685},[1686,1687,1688,1689,1690],{"id":1185,"depth":364,"text":1186},{"id":1497,"depth":364,"text":1498},{"id":1535,"depth":364,"text":1536},{"id":1562,"depth":364,"text":1563},{"id":1610,"depth":364,"text":1611},"Native text input with Field integration and invalid state attributes.","md",null,{},{"icon":95},{"title":112,"description":1691},"K40TnZRRqqsQOP_J4Mixptdv3TBCWnjGVU1BpVLPdm4",[1699,1701],{"title":107,"path":108,"stem":109,"description":1700,"icon":110,"children":-1},"Hover-triggered rich content preview for links, users, and entities.",{"title":116,"path":117,"stem":118,"description":1702,"icon":119,"children":-1},"A floating menu of actions, anchored to a trigger element.",1784667644446]