[{"data":1,"prerenderedAt":1932},["ShallowReactive",2],{"navigation":3,"page:\u002Fcomponents\u002Fnumber-field":207,"\u002Fcomponents\u002Fnumber-field-surround":1927},[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":136,"body":209,"description":1920,"extension":1921,"links":1922,"meta":1923,"navigation":1924,"path":137,"seo":1925,"stem":138,"__hash__":1926},"docs\u002F2.components\u002Fnumber-field.md",{"type":210,"value":211,"toc":1901},"minimark",[212,224,233,238,267,281,284,290,519,523,528,543,717,721,727,799,803,813,886,890,900,976,980,995,1100,1104,1108,1500,1504,1551,1555,1620,1624,1685,1689,1797,1807,1819,1823,1891,1897],[213,214,215,219,220,223],"p",{},[216,217,218],"code",{},"NumberField"," is an unstyled spinbutton control. It combines a native number input with increment\u002Fdecrement buttons, optional scrub area, wheel and keyboard stepping, min\u002Fmax\u002Fstep constraints, cancelable changes, commit events, and ",[221,222,92],"a",{"href":93}," integration.",[213,225,226,227,229,230,232],{},"Use it for exact numeric input. For approximate values over a range, use ",[221,228,171],{"href":172},". For read-only values, use ",[221,231,126],{"href":127},".",[234,235,237],"h2",{"id":236},"anatomy","Anatomy",[239,240,241,251,259],"ul",{},[242,243,244,250],"li",{},[245,246,247],"strong",{},[216,248,249],{},"#scrub",": Custom content for the optional drag scrub area.",[242,252,253,258],{},[245,254,255],{},[216,256,257],{},"#decrement",": Content inside the decrement button.",[242,260,261,266],{},[245,262,263],{},[216,264,265],{},"#increment",": Content inside the increment button.",[213,268,269,270,273,274,277,278,232],{},"The native ",[216,271,272],{},"type=\"number\""," input is generated by the component and owns keyboard, form, and ",[216,275,276],{},"role=\"spinbutton\""," behavior. Style it with ",[216,279,280],{},"ui.input",[234,282,23],{"id":283},"usage",[285,286,287],"component-preview",{},[288,289],"examples-number-field-demo",{},[291,292,293],"component-code",{},[294,295,300],"pre",{"className":296,"code":297,"language":298,"meta":299,"style":299},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { NumberField } from \"akaza-ui\";\nimport { ref } from \"vue\";\n\nconst seats = ref\u003Cnumber | null>(3);\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CNumberField v-model=\"seats\" :min=\"1\" :max=\"10\" \u002F>\n\u003C\u002Ftemplate>\n","vue","",[216,301,302,337,368,390,397,438,448,453,463,510],{"__ignoreMap":299},[303,304,307,311,315,319,322,325,328,332,334],"span",{"class":305,"line":306},"line",1,[303,308,310],{"class":309},"sMK4o","\u003C",[303,312,314],{"class":313},"swJcz","script",[303,316,318],{"class":317},"spNyl"," setup",[303,320,321],{"class":317}," lang",[303,323,324],{"class":309},"=",[303,326,327],{"class":309},"\"",[303,329,331],{"class":330},"sfazB","ts",[303,333,327],{"class":309},[303,335,336],{"class":309},">\n",[303,338,340,344,347,351,354,357,360,363,365],{"class":305,"line":339},2,[303,341,343],{"class":342},"s7zQu","import",[303,345,346],{"class":309}," {",[303,348,350],{"class":349},"sTEyZ"," NumberField",[303,352,353],{"class":309}," }",[303,355,356],{"class":342}," from",[303,358,359],{"class":309}," \"",[303,361,362],{"class":330},"akaza-ui",[303,364,327],{"class":309},[303,366,367],{"class":309},";\n",[303,369,371,373,375,378,380,382,384,386,388],{"class":305,"line":370},3,[303,372,343],{"class":342},[303,374,346],{"class":309},[303,376,377],{"class":349}," ref",[303,379,353],{"class":309},[303,381,356],{"class":342},[303,383,359],{"class":309},[303,385,298],{"class":330},[303,387,327],{"class":309},[303,389,367],{"class":309},[303,391,393],{"class":305,"line":392},4,[303,394,396],{"emptyLinePlaceholder":395},true,"\n",[303,398,400,403,406,408,411,413,417,420,423,426,429,433,436],{"class":305,"line":399},5,[303,401,402],{"class":317},"const",[303,404,405],{"class":349}," seats ",[303,407,324],{"class":309},[303,409,377],{"class":410},"s2Zo4",[303,412,310],{"class":309},[303,414,416],{"class":415},"sBMFI","number",[303,418,419],{"class":309}," |",[303,421,422],{"class":415}," null",[303,424,425],{"class":309},">",[303,427,428],{"class":349},"(",[303,430,432],{"class":431},"sbssI","3",[303,434,435],{"class":349},")",[303,437,367],{"class":309},[303,439,441,444,446],{"class":305,"line":440},6,[303,442,443],{"class":309},"\u003C\u002F",[303,445,314],{"class":313},[303,447,336],{"class":309},[303,449,451],{"class":305,"line":450},7,[303,452,396],{"emptyLinePlaceholder":395},[303,454,456,458,461],{"class":305,"line":455},8,[303,457,310],{"class":309},[303,459,460],{"class":313},"template",[303,462,336],{"class":309},[303,464,466,469,471,474,476,478,481,483,486,488,490,493,495,498,500,502,505,507],{"class":305,"line":465},9,[303,467,468],{"class":309},"  \u003C",[303,470,218],{"class":313},[303,472,473],{"class":317}," v-model",[303,475,324],{"class":309},[303,477,327],{"class":309},[303,479,480],{"class":330},"seats",[303,482,327],{"class":309},[303,484,485],{"class":317}," :min",[303,487,324],{"class":309},[303,489,327],{"class":309},[303,491,492],{"class":330},"1",[303,494,327],{"class":309},[303,496,497],{"class":317}," :max",[303,499,324],{"class":309},[303,501,327],{"class":309},[303,503,504],{"class":330},"10",[303,506,327],{"class":309},[303,508,509],{"class":309}," \u002F>\n",[303,511,513,515,517],{"class":305,"line":512},10,[303,514,443],{"class":309},[303,516,460],{"class":313},[303,518,336],{"class":309},[234,520,522],{"id":521},"examples","Examples",[524,525,527],"h3",{"id":526},"min-max-and-step","Min, max, and step",[213,529,530,531,534,535,538,539,542],{},"Use ",[216,532,533],{},"min",", ",[216,536,537],{},"max",", and ",[216,540,541],{},"step"," for button, keyboard, wheel, and input normalization.",[294,544,546],{"className":296,"code":545,"language":298,"meta":299,"style":299},"\u003Cscript setup lang=\"ts\">\nimport { ref } from \"vue\";\nimport { NumberField } from \"akaza-ui\";\n\nconst seats = ref\u003Cnumber | null>(3);\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CNumberField v-model=\"seats\" :min=\"1\" :max=\"10\" :step=\"1\" \u002F>\n\u003C\u002Ftemplate>\n",[216,547,548,568,588,608,612,640,648,652,660,709],{"__ignoreMap":299},[303,549,550,552,554,556,558,560,562,564,566],{"class":305,"line":306},[303,551,310],{"class":309},[303,553,314],{"class":313},[303,555,318],{"class":317},[303,557,321],{"class":317},[303,559,324],{"class":309},[303,561,327],{"class":309},[303,563,331],{"class":330},[303,565,327],{"class":309},[303,567,336],{"class":309},[303,569,570,572,574,576,578,580,582,584,586],{"class":305,"line":339},[303,571,343],{"class":342},[303,573,346],{"class":309},[303,575,377],{"class":349},[303,577,353],{"class":309},[303,579,356],{"class":342},[303,581,359],{"class":309},[303,583,298],{"class":330},[303,585,327],{"class":309},[303,587,367],{"class":309},[303,589,590,592,594,596,598,600,602,604,606],{"class":305,"line":370},[303,591,343],{"class":342},[303,593,346],{"class":309},[303,595,350],{"class":349},[303,597,353],{"class":309},[303,599,356],{"class":342},[303,601,359],{"class":309},[303,603,362],{"class":330},[303,605,327],{"class":309},[303,607,367],{"class":309},[303,609,610],{"class":305,"line":392},[303,611,396],{"emptyLinePlaceholder":395},[303,613,614,616,618,620,622,624,626,628,630,632,634,636,638],{"class":305,"line":399},[303,615,402],{"class":317},[303,617,405],{"class":349},[303,619,324],{"class":309},[303,621,377],{"class":410},[303,623,310],{"class":309},[303,625,416],{"class":415},[303,627,419],{"class":309},[303,629,422],{"class":415},[303,631,425],{"class":309},[303,633,428],{"class":349},[303,635,432],{"class":431},[303,637,435],{"class":349},[303,639,367],{"class":309},[303,641,642,644,646],{"class":305,"line":440},[303,643,443],{"class":309},[303,645,314],{"class":313},[303,647,336],{"class":309},[303,649,650],{"class":305,"line":450},[303,651,396],{"emptyLinePlaceholder":395},[303,653,654,656,658],{"class":305,"line":455},[303,655,310],{"class":309},[303,657,460],{"class":313},[303,659,336],{"class":309},[303,661,662,664,666,668,670,672,674,676,678,680,682,684,686,688,690,692,694,696,699,701,703,705,707],{"class":305,"line":465},[303,663,468],{"class":309},[303,665,218],{"class":313},[303,667,473],{"class":317},[303,669,324],{"class":309},[303,671,327],{"class":309},[303,673,480],{"class":330},[303,675,327],{"class":309},[303,677,485],{"class":317},[303,679,324],{"class":309},[303,681,327],{"class":309},[303,683,492],{"class":330},[303,685,327],{"class":309},[303,687,497],{"class":317},[303,689,324],{"class":309},[303,691,327],{"class":309},[303,693,504],{"class":330},[303,695,327],{"class":309},[303,697,698],{"class":317}," :step",[303,700,324],{"class":309},[303,702,327],{"class":309},[303,704,492],{"class":330},[303,706,327],{"class":309},[303,708,509],{"class":309},[303,710,711,713,715],{"class":305,"line":512},[303,712,443],{"class":309},[303,714,460],{"class":313},[303,716,336],{"class":309},[524,718,720],{"id":719},"decimal-values","Decimal values",[213,722,723,724,726],{},"Decimals work with ",[216,725,541],{},". By default, values snap to the nearest step.",[294,728,730],{"className":296,"code":729,"language":298,"meta":299,"style":299},"\u003Ctemplate>\n  \u003CNumberField v-model=\"ratio\" :min=\"0\" :max=\"1\" :step=\"0.05\" \u002F>\n\u003C\u002Ftemplate>\n",[216,731,732,740,791],{"__ignoreMap":299},[303,733,734,736,738],{"class":305,"line":306},[303,735,310],{"class":309},[303,737,460],{"class":313},[303,739,336],{"class":309},[303,741,742,744,746,748,750,752,755,757,759,761,763,766,768,770,772,774,776,778,780,782,784,787,789],{"class":305,"line":339},[303,743,468],{"class":309},[303,745,218],{"class":313},[303,747,473],{"class":317},[303,749,324],{"class":309},[303,751,327],{"class":309},[303,753,754],{"class":330},"ratio",[303,756,327],{"class":309},[303,758,485],{"class":317},[303,760,324],{"class":309},[303,762,327],{"class":309},[303,764,765],{"class":330},"0",[303,767,327],{"class":309},[303,769,497],{"class":317},[303,771,324],{"class":309},[303,773,327],{"class":309},[303,775,492],{"class":330},[303,777,327],{"class":309},[303,779,698],{"class":317},[303,781,324],{"class":309},[303,783,327],{"class":309},[303,785,786],{"class":330},"0.05",[303,788,327],{"class":309},[303,790,509],{"class":309},[303,792,793,795,797],{"class":305,"line":370},[303,794,443],{"class":309},[303,796,460],{"class":313},[303,798,336],{"class":309},[524,800,802],{"id":801},"scrub-area","Scrub area",[213,804,805,806,809,810,812],{},"Add ",[216,807,808],{},"scrub-label"," or ",[216,811,249],{}," to let pointer users drag horizontally to change the value.",[294,814,816],{"className":296,"code":815,"language":298,"meta":299,"style":299},"\u003Ctemplate>\n  \u003CNumberField v-model=\"amount\" scrub-label=\"Drag\" :min=\"0\" :max=\"100\" \u002F>\n\u003C\u002Ftemplate>\n",[216,817,818,826,878],{"__ignoreMap":299},[303,819,820,822,824],{"class":305,"line":306},[303,821,310],{"class":309},[303,823,460],{"class":313},[303,825,336],{"class":309},[303,827,828,830,832,834,836,838,841,843,846,848,850,853,855,857,859,861,863,865,867,869,871,874,876],{"class":305,"line":339},[303,829,468],{"class":309},[303,831,218],{"class":313},[303,833,473],{"class":317},[303,835,324],{"class":309},[303,837,327],{"class":309},[303,839,840],{"class":330},"amount",[303,842,327],{"class":309},[303,844,845],{"class":317}," scrub-label",[303,847,324],{"class":309},[303,849,327],{"class":309},[303,851,852],{"class":330},"Drag",[303,854,327],{"class":309},[303,856,485],{"class":317},[303,858,324],{"class":309},[303,860,327],{"class":309},[303,862,765],{"class":330},[303,864,327],{"class":309},[303,866,497],{"class":317},[303,868,324],{"class":309},[303,870,327],{"class":309},[303,872,873],{"class":330},"100",[303,875,327],{"class":309},[303,877,509],{"class":309},[303,879,880,882,884],{"class":305,"line":370},[303,881,443],{"class":309},[303,883,460],{"class":313},[303,885,336],{"class":309},[524,887,889],{"id":888},"change-vs-commit","Change vs commit",[213,891,892,895,896,899],{},[216,893,894],{},"value-change"," fires before every accepted value update. ",[216,897,898],{},"value-commit"," fires after completed interactions such as blur, button click, wheel step, keyboard step, or scrub release.",[294,901,903],{"className":296,"code":902,"language":298,"meta":299,"style":299},"\u003Ctemplate>\n  \u003CNumberField\n    v-model=\"quantity\"\n    @value-change=\"(value) => draft = value\"\n    @value-commit=\"(value) => save(value)\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[216,904,905,913,920,935,949,963,968],{"__ignoreMap":299},[303,906,907,909,911],{"class":305,"line":306},[303,908,310],{"class":309},[303,910,460],{"class":313},[303,912,336],{"class":309},[303,914,915,917],{"class":305,"line":339},[303,916,468],{"class":309},[303,918,919],{"class":313},"NumberField\n",[303,921,922,925,927,929,932],{"class":305,"line":370},[303,923,924],{"class":317},"    v-model",[303,926,324],{"class":309},[303,928,327],{"class":309},[303,930,931],{"class":330},"quantity",[303,933,934],{"class":309},"\"\n",[303,936,937,940,942,944,947],{"class":305,"line":392},[303,938,939],{"class":317},"    @value-change",[303,941,324],{"class":309},[303,943,327],{"class":309},[303,945,946],{"class":330},"(value) => draft = value",[303,948,934],{"class":309},[303,950,951,954,956,958,961],{"class":305,"line":399},[303,952,953],{"class":317},"    @value-commit",[303,955,324],{"class":309},[303,957,327],{"class":309},[303,959,960],{"class":330},"(value) => save(value)",[303,962,934],{"class":309},[303,964,965],{"class":305,"line":440},[303,966,967],{"class":309},"  \u002F>\n",[303,969,970,972,974],{"class":305,"line":450},[303,971,443],{"class":309},[303,973,460],{"class":313},[303,975,336],{"class":309},[524,977,979],{"id":978},"field-integration","Field integration",[213,981,982,984,985,987,988,534,991,994],{},[216,983,218],{}," inherits metadata from ",[221,986,92],{"href":93},", including ",[216,989,990],{},"name",[216,992,993],{},"required",", invalid state, and described-by ids. Native invalid state from required\u002Fmin\u002Fmax\u002Fstep constraints is revealed after input, blur, or invalid submit; it is not shown on initial render.",[294,996,998],{"className":296,"code":997,"language":298,"meta":299,"style":299},"\u003Ctemplate>\n  \u003CField label=\"CPU cores\" name=\"cpu\" required>\n    \u003CNumberField v-model=\"cpu\" :min=\"1\" :max=\"16\" \u002F>\n  \u003C\u002FField>\n\u003C\u002Ftemplate>\n",[216,999,1000,1008,1043,1083,1092],{"__ignoreMap":299},[303,1001,1002,1004,1006],{"class":305,"line":306},[303,1003,310],{"class":309},[303,1005,460],{"class":313},[303,1007,336],{"class":309},[303,1009,1010,1012,1014,1017,1019,1021,1024,1026,1029,1031,1033,1036,1038,1041],{"class":305,"line":339},[303,1011,468],{"class":309},[303,1013,92],{"class":313},[303,1015,1016],{"class":317}," label",[303,1018,324],{"class":309},[303,1020,327],{"class":309},[303,1022,1023],{"class":330},"CPU cores",[303,1025,327],{"class":309},[303,1027,1028],{"class":317}," name",[303,1030,324],{"class":309},[303,1032,327],{"class":309},[303,1034,1035],{"class":330},"cpu",[303,1037,327],{"class":309},[303,1039,1040],{"class":317}," required",[303,1042,336],{"class":309},[303,1044,1045,1048,1050,1052,1054,1056,1058,1060,1062,1064,1066,1068,1070,1072,1074,1076,1079,1081],{"class":305,"line":370},[303,1046,1047],{"class":309},"    \u003C",[303,1049,218],{"class":313},[303,1051,473],{"class":317},[303,1053,324],{"class":309},[303,1055,327],{"class":309},[303,1057,1035],{"class":330},[303,1059,327],{"class":309},[303,1061,485],{"class":317},[303,1063,324],{"class":309},[303,1065,327],{"class":309},[303,1067,492],{"class":330},[303,1069,327],{"class":309},[303,1071,497],{"class":317},[303,1073,324],{"class":309},[303,1075,327],{"class":309},[303,1077,1078],{"class":330},"16",[303,1080,327],{"class":309},[303,1082,509],{"class":309},[303,1084,1085,1088,1090],{"class":305,"line":392},[303,1086,1087],{"class":309},"  \u003C\u002F",[303,1089,92],{"class":313},[303,1091,336],{"class":309},[303,1093,1094,1096,1098],{"class":305,"line":399},[303,1095,443],{"class":309},[303,1097,460],{"class":313},[303,1099,336],{"class":309},[234,1101,1103],{"id":1102},"api-reference","API Reference",[524,1105,1107],{"id":1106},"props","Props",[1109,1110,1111,1130],"table",{},[1112,1113,1114],"thead",{},[1115,1116,1117,1121,1124,1127],"tr",{},[1118,1119,1120],"th",{},"Prop",[1118,1122,1123],{},"Type",[1118,1125,1126],{},"Default",[1118,1128,1129],{},"Description",[1131,1132,1133,1152,1168,1184,1199,1216,1232,1251,1269,1287,1305,1324,1342,1360,1378,1394,1412,1430,1450,1466,1483],"tbody",{},[1115,1134,1135,1141,1146,1149],{},[1136,1137,1138],"td",{},[216,1139,1140],{},"id",[1136,1142,1143],{},[216,1144,1145],{},"string",[1136,1147,1148],{},"field id",[1136,1150,1151],{},"Input id.",[1115,1153,1154,1158,1162,1165],{},[1136,1155,1156],{},[216,1157,990],{},[1136,1159,1160],{},[216,1161,1145],{},[1136,1163,1164],{},"field name",[1136,1166,1167],{},"Form field name.",[1115,1169,1170,1174,1178,1181],{},[1136,1171,1172],{},[216,1173,533],{},[1136,1175,1176],{},[216,1177,416],{},[1136,1179,1180],{},"—",[1136,1182,1183],{},"Minimum value.",[1115,1185,1186,1190,1194,1196],{},[1136,1187,1188],{},[216,1189,537],{},[1136,1191,1192],{},[216,1193,416],{},[1136,1195,1180],{},[1136,1197,1198],{},"Maximum value.",[1115,1200,1201,1205,1209,1213],{},[1136,1202,1203],{},[216,1204,541],{},[1136,1206,1207],{},[216,1208,416],{},[1136,1210,1211],{},[216,1212,492],{},[1136,1214,1215],{},"Increment\u002Fdecrement step.",[1115,1217,1218,1223,1227,1229],{},[1136,1219,1220],{},[216,1221,1222],{},"placeholder",[1136,1224,1225],{},[216,1226,1145],{},[1136,1228,1180],{},[1136,1230,1231],{},"Native input placeholder.",[1115,1233,1234,1238,1243,1248],{},[1136,1235,1236],{},[216,1237,993],{},[1136,1239,1240],{},[216,1241,1242],{},"boolean",[1136,1244,1245],{},[216,1246,1247],{},"false",[1136,1249,1250],{},"Required state.",[1115,1252,1253,1258,1262,1266],{},[1136,1254,1255],{},[216,1256,1257],{},"disabled",[1136,1259,1260],{},[216,1261,1242],{},[1136,1263,1264],{},[216,1265,1247],{},[1136,1267,1268],{},"Disabled state.",[1115,1270,1271,1276,1280,1284],{},[1136,1272,1273],{},[216,1274,1275],{},"readonly",[1136,1277,1278],{},[216,1279,1242],{},[1136,1281,1282],{},[216,1283,1247],{},[1136,1285,1286],{},"Read-only state.",[1115,1288,1289,1294,1298,1302],{},[1136,1290,1291],{},[216,1292,1293],{},"invalid",[1136,1295,1296],{},[216,1297,1242],{},[1136,1299,1300],{},[216,1301,1247],{},[1136,1303,1304],{},"Sets invalid attrs.",[1115,1306,1307,1312,1316,1321],{},[1136,1308,1309],{},[216,1310,1311],{},"stepSnapping",[1136,1313,1314],{},[216,1315,1242],{},[1136,1317,1318],{},[216,1319,1320],{},"true",[1136,1322,1323],{},"Snap input\u002Fbutton values to the nearest step.",[1115,1325,1326,1331,1335,1339],{},[1136,1327,1328],{},[216,1329,1330],{},"disableWheelChange",[1136,1332,1333],{},[216,1334,1242],{},[1136,1336,1337],{},[216,1338,1247],{},[1136,1340,1341],{},"Disables focused wheel stepping.",[1115,1343,1344,1349,1353,1357],{},[1136,1345,1346],{},[216,1347,1348],{},"invertWheelChange",[1136,1350,1351],{},[216,1352,1242],{},[1136,1354,1355],{},[216,1356,1247],{},[1136,1358,1359],{},"Reverses wheel direction.",[1115,1361,1362,1367,1371,1375],{},[1136,1363,1364],{},[216,1365,1366],{},"focusOnChange",[1136,1368,1369],{},[216,1370,1242],{},[1136,1372,1373],{},[216,1374,1320],{},[1136,1376,1377],{},"Focuses the input after button\u002Fscrub changes.",[1115,1379,1380,1385,1389,1391],{},[1136,1381,1382],{},[216,1383,1384],{},"scrubLabel",[1136,1386,1387],{},[216,1388,1145],{},[1136,1390,1180],{},[1136,1392,1393],{},"Renders a drag scrub area before the decrement button.",[1115,1395,1396,1401,1405,1409],{},[1136,1397,1398],{},[216,1399,1400],{},"scrubStep",[1136,1402,1403],{},[216,1404,416],{},[1136,1406,1407],{},[216,1408,541],{},[1136,1410,1411],{},"Step used by scrub dragging.",[1115,1413,1414,1419,1423,1427],{},[1136,1415,1416],{},[216,1417,1418],{},"disableScrub",[1136,1420,1421],{},[216,1422,1242],{},[1136,1424,1425],{},[216,1426,1247],{},[1136,1428,1429],{},"Disables scrub dragging.",[1115,1431,1432,1437,1442,1444],{},[1136,1433,1434],{},[216,1435,1436],{},"getValueLabel",[1136,1438,1439],{},[216,1440,1441],{},"(value) => string | undefined",[1136,1443,1180],{},[1136,1445,1446,1447,232],{},"Human-readable ",[216,1448,1449],{},"aria-valuetext",[1115,1451,1452,1457,1461,1463],{},[1136,1453,1454],{},[216,1455,1456],{},"ariaLabel",[1136,1458,1459],{},[216,1460,1145],{},[1136,1462,1180],{},[1136,1464,1465],{},"Accessible label when no visible label exists.",[1115,1467,1468,1473,1477,1480],{},[1136,1469,1470],{},[216,1471,1472],{},"ariaDescribedby",[1136,1474,1475],{},[216,1476,1145],{},[1136,1478,1479],{},"field description\u002Ferror",[1136,1481,1482],{},"Accessible description ids.",[1115,1484,1485,1490,1495,1497],{},[1136,1486,1487],{},[216,1488,1489],{},"ui",[1136,1491,1492],{},[216,1493,1494],{},"NumberFieldUi",[1136,1496,1180],{},[1136,1498,1499],{},"Classes for structural parts.",[524,1501,1503],{"id":1502},"emits","Emits",[1109,1505,1506,1518],{},[1112,1507,1508],{},[1115,1509,1510,1513,1516],{},[1118,1511,1512],{},"Event",[1118,1514,1515],{},"Payload",[1118,1517,1129],{},[1131,1519,1520,1538],{},[1115,1521,1522,1526,1531],{},[1136,1523,1524],{},[216,1525,894],{},[1136,1527,1528],{},[216,1529,1530],{},"(value, details)",[1136,1532,1533,1534,1537],{},"Fired before model updates. ",[216,1535,1536],{},"details.cancel()"," prevents the update.",[1115,1539,1540,1544,1548],{},[1136,1541,1542],{},[216,1543,898],{},[1136,1545,1546],{},[216,1547,1530],{},[1136,1549,1550],{},"Fired on blur and after button, wheel, keyboard, or scrub interactions.",[524,1552,1554],{"id":1553},"slots","Slots",[1109,1556,1557,1568],{},[1112,1558,1559],{},[1115,1560,1561,1564,1566],{},[1118,1562,1563],{},"Slot",[1118,1565,1107],{},[1118,1567,1129],{},[1131,1569,1570,1588,1604],{},[1115,1571,1572,1577,1585],{},[1136,1573,1574],{},[216,1575,1576],{},"scrub",[1136,1578,1579,534,1582],{},[216,1580,1581],{},"value",[216,1583,1584],{},"isScrubbing",[1136,1586,1587],{},"Custom scrub area content.",[1115,1589,1590,1595,1601],{},[1136,1591,1592],{},[216,1593,1594],{},"decrement",[1136,1596,1597,534,1599],{},[216,1598,1581],{},[216,1600,1594],{},[1136,1602,1603],{},"Custom decrement button content.",[1115,1605,1606,1611,1617],{},[1136,1607,1608],{},[216,1609,1610],{},"increment",[1136,1612,1613,534,1615],{},[216,1614,1581],{},[216,1616,1610],{},[1136,1618,1619],{},"Custom increment button content.",[524,1621,1623],{"id":1622},"ui-options","UI Options",[1109,1625,1626,1635],{},[1112,1627,1628],{},[1115,1629,1630,1633],{},[1118,1631,1632],{},"Key",[1118,1634,1129],{},[1131,1636,1637,1647,1657,1666,1676],{},[1115,1638,1639,1644],{},[1136,1640,1641],{},[216,1642,1643],{},"root",[1136,1645,1646],{},"Root wrapper.",[1115,1648,1649,1654],{},[1136,1650,1651],{},[216,1652,1653],{},"scrubArea",[1136,1655,1656],{},"Optional drag scrub area.",[1115,1658,1659,1663],{},[1136,1660,1661],{},[216,1662,1594],{},[1136,1664,1665],{},"Decrement button.",[1115,1667,1668,1673],{},[1136,1669,1670],{},[216,1671,1672],{},"input",[1136,1674,1675],{},"Native number input.",[1115,1677,1678,1682],{},[1136,1679,1680],{},[216,1681,1610],{},[1136,1683,1684],{},"Increment button.",[524,1686,1688],{"id":1687},"styling-hooks","Styling Hooks",[1109,1690,1691,1704],{},[1112,1692,1693],{},[1115,1694,1695,1698,1701],{},[1118,1696,1697],{},"UI key",[1118,1699,1700],{},"CSS class",[1118,1702,1703],{},"Data attrs",[1131,1705,1706,1743,1757,1770,1784],{},[1115,1707,1708,1712,1717],{},[1136,1709,1710],{},[216,1711,1643],{},[1136,1713,1714],{},[216,1715,1716],{},"akaza-number-field",[1136,1718,1719,534,1722,534,1725,534,1728,534,1731,534,1734,534,1737,534,1740],{},[216,1720,1721],{},"data-akaza-disabled",[216,1723,1724],{},"data-akaza-readonly",[216,1726,1727],{},"data-akaza-invalid",[216,1729,1730],{},"data-akaza-dirty",[216,1732,1733],{},"data-akaza-touched",[216,1735,1736],{},"data-akaza-filled",[216,1738,1739],{},"data-akaza-focused",[216,1741,1742],{},"data-akaza-scrubbing",[1115,1744,1745,1749,1754],{},[1136,1746,1747],{},[216,1748,1653],{},[1136,1750,1751],{},[216,1752,1753],{},"akaza-number-field-scrub-area",[1136,1755,1756],{},"same state attrs",[1115,1758,1759,1763,1768],{},[1136,1760,1761],{},[216,1762,1594],{},[1136,1764,1765],{},[216,1766,1767],{},"akaza-number-field-decrement",[1136,1769,1756],{},[1115,1771,1772,1776,1781],{},[1136,1773,1774],{},[216,1775,1672],{},[1136,1777,1778],{},[216,1779,1780],{},"akaza-number-field-input",[1136,1782,1783],{},"same state attrs plus native validity attrs",[1115,1785,1786,1790,1795],{},[1136,1787,1788],{},[216,1789,1610],{},[1136,1791,1792],{},[216,1793,1794],{},"akaza-number-field-increment",[1136,1796,1756],{},[213,1798,1799,1800,1803,1804,1806],{},"Plain ",[216,1801,1802],{},"class"," applies to the root wrapper. Use ",[216,1805,280],{}," for the actual input.",[213,1808,1809,1810,1812,1813,1815,1816,1818],{},"Native ",[216,1811,1727],{}," appears after interaction or invalid submit. Controlled invalid state from the ",[216,1814,1293],{}," prop or parent ",[216,1817,92],{}," appears immediately.",[524,1820,1822],{"id":1821},"keyboard","Keyboard",[1109,1824,1825,1834],{},[1112,1826,1827],{},[1115,1828,1829,1831],{},[1118,1830,1632],{},[1118,1832,1833],{},"Behavior",[1131,1835,1836,1852,1867,1880],{},[1115,1837,1838,1847],{},[1136,1839,1840,1843,1844],{},[216,1841,1842],{},"ArrowUp"," \u002F ",[216,1845,1846],{},"ArrowDown",[1136,1848,1849,1850,232],{},"Increment\u002Fdecrement by ",[216,1851,541],{},[1115,1853,1854,1862],{},[1136,1855,1856,1843,1859],{},[216,1857,1858],{},"PageUp",[216,1860,1861],{},"PageDown",[1136,1863,1849,1864,232],{},[216,1865,1866],{},"step * 10",[1115,1868,1869,1874],{},[1136,1870,1871],{},[216,1872,1873],{},"Home",[1136,1875,1876,1877,1879],{},"Set to ",[216,1878,533],{}," when provided.",[1115,1881,1882,1887],{},[1136,1883,1884],{},[216,1885,1886],{},"End",[1136,1888,1876,1889,1879],{},[216,1890,537],{},[213,1892,1893,1894,1896],{},"Mouse wheel changes the value only while the input is focused. Set ",[216,1895,1330],{}," to opt out.",[1898,1899,1900],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}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":299,"searchDepth":306,"depth":339,"links":1902},[1903,1904,1905,1912],{"id":236,"depth":339,"text":237},{"id":283,"depth":339,"text":23},{"id":521,"depth":339,"text":522,"children":1906},[1907,1908,1909,1910,1911],{"id":526,"depth":370,"text":527},{"id":719,"depth":370,"text":720},{"id":801,"depth":370,"text":802},{"id":888,"depth":370,"text":889},{"id":978,"depth":370,"text":979},{"id":1102,"depth":339,"text":1103,"children":1913},[1914,1915,1916,1917,1918,1919],{"id":1106,"depth":370,"text":1107},{"id":1502,"depth":370,"text":1503},{"id":1553,"depth":370,"text":1554},{"id":1622,"depth":370,"text":1623},{"id":1687,"depth":370,"text":1688},{"id":1821,"depth":370,"text":1822},"Spinbutton number input with increment and decrement controls.","md",null,{},{"icon":139},{"title":136,"description":1920},"xwlFJmJ7VNzL2EvvaGTIuaKUAtpYXhiviSqlbIu5dqs",[1928,1930],{"title":131,"path":132,"stem":133,"description":1929,"icon":134,"children":-1},"Top-level site navigation with hover and focus flyout panels.",{"title":141,"path":142,"stem":143,"description":1931,"icon":144,"children":-1},"Programmatic overlay mounting with useOverlay.",1784667644656]