[{"data":1,"prerenderedAt":2290},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Fnumber-field":313,"\u002Fcomponents\u002Fnumber-field-surround":2285},[4,24,41,48,293,298,303,308],{"title":5,"path":6,"stem":7,"children":8,"package":11,"icon":23},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,13,18],{"title":10,"path":6,"stem":7,"package":11,"icon":12},"Introduction",null,"i-lucide-house",{"title":14,"path":15,"stem":16,"package":11,"icon":17},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":19,"path":20,"stem":21,"package":11,"icon":22},"Icons","\u002Fgetting-started\u002Ficons","1.getting-started\u002F3.icons","i-lucide-sparkles","i-lucide-rocket",{"title":25,"package":11,"icon":26,"path":27,"stem":28,"children":29,"page":40},"Packages","i-lucide-package","\u002Fpackages","2.packages",[30,35],{"title":31,"path":32,"stem":33,"package":11,"icon":34},"@vyui\u002Fcore","\u002Fpackages\u002Fcore","2.packages\u002F1.core","i-lucide-box",{"title":36,"path":37,"stem":38,"package":11,"icon":39},"@vyui\u002Fkit","\u002Fpackages\u002Fkit","2.packages\u002F2.kit","i-lucide-layers",false,{"title":42,"path":43,"stem":44,"children":45,"package":11,"icon":47},"CLI","\u002Fcli","3.cli\u002F1.index",[46],{"title":42,"path":43,"stem":44,"package":11,"icon":47},"i-lucide-terminal",{"title":49,"package":11,"icon":50,"path":51,"stem":52,"children":53},"Components","i-lucide-layout-grid","\u002Fcomponents","3.components",[54,56,62,67,72,77,82,87,92,97,102,107,112,117,122,127,132,136,141,145,150,155,160,165,170,175,180,185,190,195,200,205,210,215,220,225,230,234,238,243,248,253,258,263,268,272,276,280,284,288],{"title":49,"path":51,"stem":55,"package":11,"icon":50},"3.components\u002Findex",{"title":57,"path":58,"stem":59,"package":60,"icon":61},"Accordion","\u002Fcomponents\u002Faccordion","3.components\u002Faccordion","kit","i-lucide-list-collapse",{"title":63,"path":64,"stem":65,"package":60,"icon":66},"Action Sheet","\u002Fcomponents\u002Faction-sheet","3.components\u002Faction-sheet","i-lucide-panel-bottom",{"title":68,"path":69,"stem":70,"package":60,"icon":71},"Alert","\u002Fcomponents\u002Falert","3.components\u002Falert","i-lucide-triangle-alert",{"title":73,"path":74,"stem":75,"package":76,"icon":71},"Alert Dialog","\u002Fcomponents\u002Falert-dialog","3.components\u002Falert-dialog","core",{"title":78,"path":79,"stem":80,"package":60,"icon":81},"Aspect Ratio","\u002Fcomponents\u002Faspect-ratio","3.components\u002Faspect-ratio","i-lucide-ratio",{"title":83,"path":84,"stem":85,"package":60,"icon":86},"Avatar","\u002Fcomponents\u002Favatar","3.components\u002Favatar","i-lucide-circle-user-round",{"title":88,"path":89,"stem":90,"package":60,"icon":91},"Avatar Group","\u002Fcomponents\u002Favatar-group","3.components\u002Favatar-group","i-lucide-users-round",{"title":93,"path":94,"stem":95,"package":60,"icon":96},"Button","\u002Fcomponents\u002Fbutton","3.components\u002Fbutton","i-lucide-square-mouse-pointer",{"title":98,"path":99,"stem":100,"package":60,"icon":101},"Calendar","\u002Fcomponents\u002Fcalendar","3.components\u002Fcalendar","i-lucide-calendar-days",{"title":103,"path":104,"stem":105,"package":60,"icon":106},"Card","\u002Fcomponents\u002Fcard","3.components\u002Fcard","i-lucide-square",{"title":108,"path":109,"stem":110,"package":60,"icon":111},"Checkbox","\u002Fcomponents\u002Fcheckbox","3.components\u002Fcheckbox","i-lucide-square-check",{"title":113,"path":114,"stem":115,"package":76,"icon":116},"Collapsible","\u002Fcomponents\u002Fcollapsible","3.components\u002Fcollapsible","i-lucide-chevrons-down-up",{"title":118,"path":119,"stem":120,"package":76,"icon":121},"Dialog","\u002Fcomponents\u002Fdialog","3.components\u002Fdialog","i-lucide-app-window",{"title":123,"path":124,"stem":125,"package":76,"icon":126},"Draggable","\u002Fcomponents\u002Fdraggable","3.components\u002Fdraggable","i-lucide-move",{"title":128,"path":129,"stem":130,"package":60,"icon":131},"Form","\u002Fcomponents\u002Fform","3.components\u002Fform","i-lucide-clipboard-list",{"title":133,"path":134,"stem":135,"package":76,"icon":22},"Icon","\u002Fcomponents\u002Ficon","3.components\u002Ficon",{"title":137,"path":138,"stem":139,"package":60,"icon":140},"Input","\u002Fcomponents\u002Finput","3.components\u002Finput","i-lucide-text-cursor-input",{"title":142,"path":143,"stem":144,"package":60,"icon":66},"Island","\u002Fcomponents\u002Fisland","3.components\u002Fisland",{"title":146,"path":147,"stem":148,"package":60,"icon":149},"Island Button","\u002Fcomponents\u002Fisland-button","3.components\u002Fisland-button","i-lucide-circle-ellipsis",{"title":151,"path":152,"stem":153,"package":60,"icon":154},"Island Group","\u002Fcomponents\u002Fisland-group","3.components\u002Fisland-group","i-lucide-panels-top-left",{"title":156,"path":157,"stem":158,"package":60,"icon":159},"KeyboardAware","\u002Fcomponents\u002Fkeyboard-aware","3.components\u002Fkeyboard-aware","i-lucide-keyboard",{"title":161,"path":162,"stem":163,"package":60,"icon":164},"Label","\u002Fcomponents\u002Flabel","3.components\u002Flabel","i-lucide-tag",{"title":166,"path":167,"stem":168,"package":60,"icon":169},"Modal","\u002Fcomponents\u002Fmodal","3.components\u002Fmodal","i-lucide-gallery-vertical-end",{"title":171,"path":172,"stem":173,"package":76,"icon":174},"Navigation","\u002Fcomponents\u002Fnavigation","3.components\u002Fnavigation","i-lucide-route",{"title":176,"path":177,"stem":178,"package":60,"icon":179},"Number Field","\u002Fcomponents\u002Fnumber-field","3.components\u002Fnumber-field","i-lucide-list-plus",{"title":181,"path":182,"stem":183,"package":76,"icon":184},"Pagination","\u002Fcomponents\u002Fpagination","3.components\u002Fpagination","i-lucide-ellipsis",{"title":186,"path":187,"stem":188,"package":60,"icon":189},"Pin Input","\u002Fcomponents\u002Fpin-input","3.components\u002Fpin-input","i-lucide-key-round",{"title":191,"path":192,"stem":193,"package":60,"icon":194},"Placeholder","\u002Fcomponents\u002Fplaceholder","3.components\u002Fplaceholder","i-lucide-square-dashed",{"title":196,"path":197,"stem":198,"package":60,"icon":199},"Popover","\u002Fcomponents\u002Fpopover","3.components\u002Fpopover","i-lucide-message-square-more",{"title":201,"path":202,"stem":203,"package":60,"icon":204},"Progress","\u002Fcomponents\u002Fprogress","3.components\u002Fprogress","i-lucide-chart-no-axes-column-increasing",{"title":206,"path":207,"stem":208,"package":60,"icon":209},"Radio Group","\u002Fcomponents\u002Fradio-group","3.components\u002Fradio-group","i-lucide-circle-dot",{"title":211,"path":212,"stem":213,"package":60,"icon":214},"Rating","\u002Fcomponents\u002Frating","3.components\u002Frating","i-lucide-star",{"title":216,"path":217,"stem":218,"package":76,"icon":219},"Scroll View","\u002Fcomponents\u002Fscroll-view","3.components\u002Fscroll-view","i-lucide-scroll",{"title":221,"path":222,"stem":223,"package":60,"icon":224},"Select","\u002Fcomponents\u002Fselect","3.components\u002Fselect","i-lucide-list-check",{"title":226,"path":227,"stem":228,"package":60,"icon":229},"Separator","\u002Fcomponents\u002Fseparator","3.components\u002Fseparator","i-lucide-separator-horizontal",{"title":231,"path":232,"stem":233,"package":76,"icon":66},"Sheet","\u002Fcomponents\u002Fsheet","3.components\u002Fsheet",{"title":235,"path":236,"stem":237,"package":60,"icon":154},"Skeleton","\u002Fcomponents\u002Fskeleton","3.components\u002Fskeleton",{"title":239,"path":240,"stem":241,"package":60,"icon":242},"Slider","\u002Fcomponents\u002Fslider","3.components\u002Fslider","i-lucide-sliders-horizontal",{"title":244,"path":245,"stem":246,"package":60,"icon":247},"Sortable","\u002Fcomponents\u002Fsortable","3.components\u002Fsortable","i-lucide-list-restart",{"title":249,"path":250,"stem":251,"package":60,"icon":252},"Stepper","\u002Fcomponents\u002Fstepper","3.components\u002Fstepper","i-lucide-list-ordered",{"title":254,"path":255,"stem":256,"package":60,"icon":257},"Swipe Action","\u002Fcomponents\u002Fswipe-action","3.components\u002Fswipe-action","i-lucide-move-horizontal",{"title":259,"path":260,"stem":261,"package":60,"icon":262},"Swiper","\u002Fcomponents\u002Fswiper","3.components\u002Fswiper","i-lucide-gallery-horizontal-end",{"title":264,"path":265,"stem":266,"package":60,"icon":267},"Switch","\u002Fcomponents\u002Fswitch","3.components\u002Fswitch","i-lucide-toggle-right",{"title":269,"path":270,"stem":271,"package":60,"icon":154},"Tabs","\u002Fcomponents\u002Ftabs","3.components\u002Ftabs",{"title":273,"path":274,"stem":275,"package":60,"icon":140},"Textarea","\u002Fcomponents\u002Ftextarea","3.components\u002Ftextarea",{"title":277,"path":278,"stem":279,"package":60,"icon":199},"Toast","\u002Fcomponents\u002Ftoast","3.components\u002Ftoast",{"title":281,"path":282,"stem":283,"package":60,"icon":267},"Toggle","\u002Fcomponents\u002Ftoggle","3.components\u002Ftoggle",{"title":285,"path":286,"stem":287,"package":60,"icon":154},"Toggle Group","\u002Fcomponents\u002Ftoggle-group","3.components\u002Ftoggle-group",{"title":289,"path":290,"stem":291,"package":60,"icon":292},"Tray","\u002Fcomponents\u002Ftray","3.components\u002Ftray","i-lucide-square-dashed-bottom",{"title":294,"path":295,"stem":296,"package":11,"icon":297},"Theming","\u002Ftheming","4.theming","i-lucide-palette",{"title":299,"path":300,"stem":301,"package":11,"icon":302},"Accessibility","\u002Faccessibility","5.accessibility","i-lucide-accessibility",{"title":304,"path":305,"stem":306,"package":11,"icon":307},"i18n","\u002Fi18n","6.i18n","i-lucide-languages",{"title":309,"path":310,"stem":311,"package":11,"icon":312},"Roadmap","\u002Froadmap","7.roadmap","i-lucide-map",{"id":314,"title":176,"body":315,"description":2274,"extension":2122,"links":2275,"meta":2281,"navigation":2282,"package":60,"path":177,"seo":2283,"stem":178,"__hash__":2284},"docs\u002F3.components\u002Fnumber-field.md",{"type":316,"value":317,"toc":2254},"minimark",[318,323,331,336,340,656,669,674,685,914,926,930,936,1117,1127,1131,1138,1251,1255,1258,1336,1340,1343,1436,1440,1511,1515,1846,1873,1877,1907,1911,1955,1959,1968,2041,2045,2136,2151,2154,2157,2180,2183,2187,2220,2224,2250],[319,320,322],"h2",{"id":321},"overview","Overview",[324,325,326,330],"p",{},[327,328,329],"code",{},"VyNumberField"," combines a numeric input with decrement and increment controls. It supports controlled and uncontrolled values, minimum and maximum bounds, step snapping, decimal values, disabled and read-only states, semantic colors, and custom stepper content.",[332,333],"component-code",{"height":334,"name":335},"140px","number-field-example",[319,337,339],{"id":338},"usage","Usage",[341,342,347],"pre",{"className":343,"code":344,"language":345,"meta":346,"style":346},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue'\nimport { VyLabel, VyNumberField } from '@vyui\u002Fkit'\n\nconst quantity = ref\u003Cnumber | null>(1)\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cview class=\"flex flex-col gap-2\">\n    \u003CVyLabel for=\"quantity\">Quantity\u003C\u002FVyLabel>\n    \u003CVyNumberField\n      id=\"quantity\"\n      v-model=\"quantity\"\n      :min=\"0\"\n      :max=\"10\"\n    \u002F>\n  \u003C\u002Fview>\n\u003C\u002Ftemplate>\n","vue","",[327,348,349,384,412,438,445,484,494,499,509,532,564,572,587,601,616,631,637,647],{"__ignoreMap":346},[350,351,354,358,362,366,369,372,375,379,381],"span",{"class":352,"line":353},"line",1,[350,355,357],{"class":356},"sMK4o","\u003C",[350,359,361],{"class":360},"swJcz","script",[350,363,365],{"class":364},"spNyl"," setup",[350,367,368],{"class":364}," lang",[350,370,371],{"class":356},"=",[350,373,374],{"class":356},"\"",[350,376,378],{"class":377},"sfazB","ts",[350,380,374],{"class":356},[350,382,383],{"class":356},">\n",[350,385,387,391,394,398,401,404,407,409],{"class":352,"line":386},2,[350,388,390],{"class":389},"s7zQu","import",[350,392,393],{"class":356}," {",[350,395,397],{"class":396},"sTEyZ"," ref",[350,399,400],{"class":356}," }",[350,402,403],{"class":389}," from",[350,405,406],{"class":356}," '",[350,408,345],{"class":377},[350,410,411],{"class":356},"'\n",[350,413,415,417,419,422,425,428,430,432,434,436],{"class":352,"line":414},3,[350,416,390],{"class":389},[350,418,393],{"class":356},[350,420,421],{"class":396}," VyLabel",[350,423,424],{"class":356},",",[350,426,427],{"class":396}," VyNumberField",[350,429,400],{"class":356},[350,431,403],{"class":389},[350,433,406],{"class":356},[350,435,36],{"class":377},[350,437,411],{"class":356},[350,439,441],{"class":352,"line":440},4,[350,442,444],{"emptyLinePlaceholder":443},true,"\n",[350,446,448,451,454,456,459,461,465,468,471,474,477,481],{"class":352,"line":447},5,[350,449,450],{"class":364},"const",[350,452,453],{"class":396}," quantity ",[350,455,371],{"class":356},[350,457,397],{"class":458},"s2Zo4",[350,460,357],{"class":356},[350,462,464],{"class":463},"sBMFI","number",[350,466,467],{"class":356}," |",[350,469,470],{"class":463}," null",[350,472,473],{"class":356},">",[350,475,476],{"class":396},"(",[350,478,480],{"class":479},"sbssI","1",[350,482,483],{"class":396},")\n",[350,485,487,490,492],{"class":352,"line":486},6,[350,488,489],{"class":356},"\u003C\u002F",[350,491,361],{"class":360},[350,493,383],{"class":356},[350,495,497],{"class":352,"line":496},7,[350,498,444],{"emptyLinePlaceholder":443},[350,500,502,504,507],{"class":352,"line":501},8,[350,503,357],{"class":356},[350,505,506],{"class":360},"template",[350,508,383],{"class":356},[350,510,512,515,518,521,523,525,528,530],{"class":352,"line":511},9,[350,513,514],{"class":356},"  \u003C",[350,516,517],{"class":360},"view",[350,519,520],{"class":364}," class",[350,522,371],{"class":356},[350,524,374],{"class":356},[350,526,527],{"class":377},"flex flex-col gap-2",[350,529,374],{"class":356},[350,531,383],{"class":356},[350,533,535,538,541,544,546,548,551,553,555,558,560,562],{"class":352,"line":534},10,[350,536,537],{"class":356},"    \u003C",[350,539,540],{"class":360},"VyLabel",[350,542,543],{"class":364}," for",[350,545,371],{"class":356},[350,547,374],{"class":356},[350,549,550],{"class":377},"quantity",[350,552,374],{"class":356},[350,554,473],{"class":356},[350,556,557],{"class":396},"Quantity",[350,559,489],{"class":356},[350,561,540],{"class":360},[350,563,383],{"class":356},[350,565,567,569],{"class":352,"line":566},11,[350,568,537],{"class":356},[350,570,571],{"class":360},"VyNumberField\n",[350,573,575,578,580,582,584],{"class":352,"line":574},12,[350,576,577],{"class":364},"      id",[350,579,371],{"class":356},[350,581,374],{"class":356},[350,583,550],{"class":377},[350,585,586],{"class":356},"\"\n",[350,588,590,593,595,597,599],{"class":352,"line":589},13,[350,591,592],{"class":364},"      v-model",[350,594,371],{"class":356},[350,596,374],{"class":356},[350,598,550],{"class":377},[350,600,586],{"class":356},[350,602,604,607,609,611,614],{"class":352,"line":603},14,[350,605,606],{"class":364},"      :min",[350,608,371],{"class":356},[350,610,374],{"class":356},[350,612,613],{"class":377},"0",[350,615,586],{"class":356},[350,617,619,622,624,626,629],{"class":352,"line":618},15,[350,620,621],{"class":364},"      :max",[350,623,371],{"class":356},[350,625,374],{"class":356},[350,627,628],{"class":377},"10",[350,630,586],{"class":356},[350,632,634],{"class":352,"line":633},16,[350,635,636],{"class":356},"    \u002F>\n",[350,638,640,643,645],{"class":352,"line":639},17,[350,641,642],{"class":356},"  \u003C\u002F",[350,644,517],{"class":360},[350,646,383],{"class":356},[350,648,650,652,654],{"class":352,"line":649},18,[350,651,489],{"class":356},[350,653,506],{"class":360},[350,655,383],{"class":356},[324,657,658,659,661,662,665,666,668],{},"The value is a ",[327,660,464],{}," or ",[327,663,664],{},"null",". Clearing the input emits ",[327,667,664],{},".",[670,671,673],"h3",{"id":672},"bounds-and-step","Bounds and step",[324,675,676,677,680,681,684],{},"Typed values and stepper changes are clamped to ",[327,678,679],{},"min"," and ",[327,682,683],{},"max",", then snapped to the nearest step.",[341,686,688],{"className":343,"code":687,"language":345,"meta":346,"style":346},"\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue'\nimport { VyNumberField } from '@vyui\u002Fkit'\n\nconst price = ref\u003Cnumber | null>(2.5)\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVyNumberField\n    v-model=\"price\"\n    :min=\"0\"\n    :max=\"20\"\n    :step=\"0.5\"\n    placeholder=\"0.00\"\n    color=\"success\"\n    variant=\"soft\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[327,689,690,710,728,746,750,778,786,790,798,804,818,831,845,859,873,887,901,906],{"__ignoreMap":346},[350,691,692,694,696,698,700,702,704,706,708],{"class":352,"line":353},[350,693,357],{"class":356},[350,695,361],{"class":360},[350,697,365],{"class":364},[350,699,368],{"class":364},[350,701,371],{"class":356},[350,703,374],{"class":356},[350,705,378],{"class":377},[350,707,374],{"class":356},[350,709,383],{"class":356},[350,711,712,714,716,718,720,722,724,726],{"class":352,"line":386},[350,713,390],{"class":389},[350,715,393],{"class":356},[350,717,397],{"class":396},[350,719,400],{"class":356},[350,721,403],{"class":389},[350,723,406],{"class":356},[350,725,345],{"class":377},[350,727,411],{"class":356},[350,729,730,732,734,736,738,740,742,744],{"class":352,"line":414},[350,731,390],{"class":389},[350,733,393],{"class":356},[350,735,427],{"class":396},[350,737,400],{"class":356},[350,739,403],{"class":389},[350,741,406],{"class":356},[350,743,36],{"class":377},[350,745,411],{"class":356},[350,747,748],{"class":352,"line":440},[350,749,444],{"emptyLinePlaceholder":443},[350,751,752,754,757,759,761,763,765,767,769,771,773,776],{"class":352,"line":447},[350,753,450],{"class":364},[350,755,756],{"class":396}," price ",[350,758,371],{"class":356},[350,760,397],{"class":458},[350,762,357],{"class":356},[350,764,464],{"class":463},[350,766,467],{"class":356},[350,768,470],{"class":463},[350,770,473],{"class":356},[350,772,476],{"class":396},[350,774,775],{"class":479},"2.5",[350,777,483],{"class":396},[350,779,780,782,784],{"class":352,"line":486},[350,781,489],{"class":356},[350,783,361],{"class":360},[350,785,383],{"class":356},[350,787,788],{"class":352,"line":496},[350,789,444],{"emptyLinePlaceholder":443},[350,791,792,794,796],{"class":352,"line":501},[350,793,357],{"class":356},[350,795,506],{"class":360},[350,797,383],{"class":356},[350,799,800,802],{"class":352,"line":511},[350,801,514],{"class":356},[350,803,571],{"class":360},[350,805,806,809,811,813,816],{"class":352,"line":534},[350,807,808],{"class":364},"    v-model",[350,810,371],{"class":356},[350,812,374],{"class":356},[350,814,815],{"class":377},"price",[350,817,586],{"class":356},[350,819,820,823,825,827,829],{"class":352,"line":566},[350,821,822],{"class":364},"    :min",[350,824,371],{"class":356},[350,826,374],{"class":356},[350,828,613],{"class":377},[350,830,586],{"class":356},[350,832,833,836,838,840,843],{"class":352,"line":574},[350,834,835],{"class":364},"    :max",[350,837,371],{"class":356},[350,839,374],{"class":356},[350,841,842],{"class":377},"20",[350,844,586],{"class":356},[350,846,847,850,852,854,857],{"class":352,"line":589},[350,848,849],{"class":364},"    :step",[350,851,371],{"class":356},[350,853,374],{"class":356},[350,855,856],{"class":377},"0.5",[350,858,586],{"class":356},[350,860,861,864,866,868,871],{"class":352,"line":603},[350,862,863],{"class":364},"    placeholder",[350,865,371],{"class":356},[350,867,374],{"class":356},[350,869,870],{"class":377},"0.00",[350,872,586],{"class":356},[350,874,875,878,880,882,885],{"class":352,"line":618},[350,876,877],{"class":364},"    color",[350,879,371],{"class":356},[350,881,374],{"class":356},[350,883,884],{"class":377},"success",[350,886,586],{"class":356},[350,888,889,892,894,896,899],{"class":352,"line":633},[350,890,891],{"class":364},"    variant",[350,893,371],{"class":356},[350,895,374],{"class":356},[350,897,898],{"class":377},"soft",[350,900,586],{"class":356},[350,902,903],{"class":352,"line":639},[350,904,905],{"class":356},"  \u002F>\n",[350,907,908,910,912],{"class":352,"line":649},[350,909,489],{"class":356},[350,911,506],{"class":360},[350,913,383],{"class":356},[324,915,916,917,919,920,680,923,925],{},"The step grid is anchored to a finite ",[327,918,679],{}," when one is provided. Decimal precision is derived from both ",[327,921,922],{},"step",[327,924,679],{}," to avoid accumulating floating-point artifacts.",[670,927,929],{"id":928},"empty-values","Empty values",[324,931,932,933,935],{},"An empty or invalid committed value becomes ",[327,934,664],{},". Stepping from an empty field starts at the value nearest zero within the configured bounds, then applies the step.",[341,937,939],{"className":343,"code":938,"language":345,"meta":346,"style":346},"\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue'\nimport { VyNumberField } from '@vyui\u002Fkit'\n\nconst guests = ref\u003Cnumber | null>(null)\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVyNumberField\n    v-model=\"guests\"\n    :min=\"1\"\n    :max=\"12\"\n    placeholder=\"Guests\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[327,940,941,961,979,997,1001,1028,1036,1040,1048,1054,1067,1079,1092,1105,1109],{"__ignoreMap":346},[350,942,943,945,947,949,951,953,955,957,959],{"class":352,"line":353},[350,944,357],{"class":356},[350,946,361],{"class":360},[350,948,365],{"class":364},[350,950,368],{"class":364},[350,952,371],{"class":356},[350,954,374],{"class":356},[350,956,378],{"class":377},[350,958,374],{"class":356},[350,960,383],{"class":356},[350,962,963,965,967,969,971,973,975,977],{"class":352,"line":386},[350,964,390],{"class":389},[350,966,393],{"class":356},[350,968,397],{"class":396},[350,970,400],{"class":356},[350,972,403],{"class":389},[350,974,406],{"class":356},[350,976,345],{"class":377},[350,978,411],{"class":356},[350,980,981,983,985,987,989,991,993,995],{"class":352,"line":414},[350,982,390],{"class":389},[350,984,393],{"class":356},[350,986,427],{"class":396},[350,988,400],{"class":356},[350,990,403],{"class":389},[350,992,406],{"class":356},[350,994,36],{"class":377},[350,996,411],{"class":356},[350,998,999],{"class":352,"line":440},[350,1000,444],{"emptyLinePlaceholder":443},[350,1002,1003,1005,1008,1010,1012,1014,1016,1018,1020,1022,1024,1026],{"class":352,"line":447},[350,1004,450],{"class":364},[350,1006,1007],{"class":396}," guests ",[350,1009,371],{"class":356},[350,1011,397],{"class":458},[350,1013,357],{"class":356},[350,1015,464],{"class":463},[350,1017,467],{"class":356},[350,1019,470],{"class":463},[350,1021,473],{"class":356},[350,1023,476],{"class":396},[350,1025,664],{"class":356},[350,1027,483],{"class":396},[350,1029,1030,1032,1034],{"class":352,"line":486},[350,1031,489],{"class":356},[350,1033,361],{"class":360},[350,1035,383],{"class":356},[350,1037,1038],{"class":352,"line":496},[350,1039,444],{"emptyLinePlaceholder":443},[350,1041,1042,1044,1046],{"class":352,"line":501},[350,1043,357],{"class":356},[350,1045,506],{"class":360},[350,1047,383],{"class":356},[350,1049,1050,1052],{"class":352,"line":511},[350,1051,514],{"class":356},[350,1053,571],{"class":360},[350,1055,1056,1058,1060,1062,1065],{"class":352,"line":534},[350,1057,808],{"class":364},[350,1059,371],{"class":356},[350,1061,374],{"class":356},[350,1063,1064],{"class":377},"guests",[350,1066,586],{"class":356},[350,1068,1069,1071,1073,1075,1077],{"class":352,"line":566},[350,1070,822],{"class":364},[350,1072,371],{"class":356},[350,1074,374],{"class":356},[350,1076,480],{"class":377},[350,1078,586],{"class":356},[350,1080,1081,1083,1085,1087,1090],{"class":352,"line":574},[350,1082,835],{"class":364},[350,1084,371],{"class":356},[350,1086,374],{"class":356},[350,1088,1089],{"class":377},"12",[350,1091,586],{"class":356},[350,1093,1094,1096,1098,1100,1103],{"class":352,"line":589},[350,1095,863],{"class":364},[350,1097,371],{"class":356},[350,1099,374],{"class":356},[350,1101,1102],{"class":377},"Guests",[350,1104,586],{"class":356},[350,1106,1107],{"class":352,"line":603},[350,1108,905],{"class":356},[350,1110,1111,1113,1115],{"class":352,"line":618},[350,1112,489],{"class":356},[350,1114,506],{"class":360},[350,1116,383],{"class":356},[324,1118,1119,1120,1123,1124,1126],{},"In this example, tapping increment from empty produces ",[327,1121,1122],{},"2",": the starting point is clamped to the minimum value ",[327,1125,480],{},", then incremented by the default step.",[670,1128,1130],{"id":1129},"uncontrolled","Uncontrolled",[324,1132,1133,1134,1137],{},"Use ",[327,1135,1136],{},"defaultValue"," when the field should own its initial state.",[341,1139,1141],{"className":343,"code":1140,"language":345,"meta":346,"style":346},"\u003CVyNumberField\n  :default-value=\"4\"\n  :min=\"0\"\n  :max=\"20\"\n  :step=\"2\"\n  @update:model-value=\"value => console.log(value)\"\n\u002F>\n",[327,1142,1143,1149,1166,1180,1194,1208,1246],{"__ignoreMap":346},[350,1144,1145,1147],{"class":352,"line":353},[350,1146,357],{"class":356},[350,1148,571],{"class":360},[350,1150,1151,1154,1157,1159,1161,1164],{"class":352,"line":386},[350,1152,1153],{"class":356},"  :",[350,1155,1156],{"class":364},"default-value",[350,1158,371],{"class":356},[350,1160,374],{"class":356},[350,1162,1163],{"class":479},"4",[350,1165,586],{"class":356},[350,1167,1168,1170,1172,1174,1176,1178],{"class":352,"line":414},[350,1169,1153],{"class":356},[350,1171,679],{"class":364},[350,1173,371],{"class":356},[350,1175,374],{"class":356},[350,1177,613],{"class":479},[350,1179,586],{"class":356},[350,1181,1182,1184,1186,1188,1190,1192],{"class":352,"line":440},[350,1183,1153],{"class":356},[350,1185,683],{"class":364},[350,1187,371],{"class":356},[350,1189,374],{"class":356},[350,1191,842],{"class":479},[350,1193,586],{"class":356},[350,1195,1196,1198,1200,1202,1204,1206],{"class":352,"line":447},[350,1197,1153],{"class":356},[350,1199,922],{"class":364},[350,1201,371],{"class":356},[350,1203,374],{"class":356},[350,1205,1122],{"class":479},[350,1207,586],{"class":356},[350,1209,1210,1213,1216,1219,1222,1224,1226,1230,1233,1236,1238,1241,1244],{"class":352,"line":486},[350,1211,1212],{"class":356},"  @",[350,1214,1215],{"class":364},"update",[350,1217,1218],{"class":356},":",[350,1220,1221],{"class":364},"model-value",[350,1223,371],{"class":356},[350,1225,374],{"class":356},[350,1227,1229],{"class":1228},"sHdIc","value",[350,1231,1232],{"class":364}," =>",[350,1234,1235],{"class":396}," console",[350,1237,668],{"class":356},[350,1239,1240],{"class":458},"log",[350,1242,1243],{"class":396},"(value)",[350,1245,586],{"class":356},[350,1247,1248],{"class":352,"line":496},[350,1249,1250],{"class":396},"\u002F>\n",[670,1252,1254],{"id":1253},"custom-controls","Custom controls",[324,1256,1257],{},"The increment and decrement slots receive the resolved icon color as a hex string.",[341,1259,1261],{"className":343,"code":1260,"language":345,"meta":346,"style":346},"\u003CVyNumberField v-model=\"count\" color=\"secondary\">\n  \u003Ctemplate #decrement=\"{ iconColor }\">\n    \u003CVyIcon name=\"i-lucide-circle-minus\" :color=\"iconColor\" class=\"size-5\" \u002F>\n  \u003C\u002Ftemplate>\n\n  \u003Ctemplate #increment=\"{ iconColor }\">\n    \u003CVyIcon name=\"i-lucide-circle-plus\" :color=\"iconColor\" class=\"size-5\" \u002F>\n  \u003C\u002Ftemplate>\n\u003C\u002FVyNumberField>\n",[327,1262,1263,1295,1300,1305,1310,1314,1319,1324,1328],{"__ignoreMap":346},[350,1264,1265,1267,1269,1272,1274,1276,1279,1281,1284,1286,1288,1291,1293],{"class":352,"line":353},[350,1266,357],{"class":356},[350,1268,329],{"class":360},[350,1270,1271],{"class":364}," v-model",[350,1273,371],{"class":356},[350,1275,374],{"class":356},[350,1277,1278],{"class":396},"count",[350,1280,374],{"class":356},[350,1282,1283],{"class":364}," color",[350,1285,371],{"class":356},[350,1287,374],{"class":356},[350,1289,1290],{"class":377},"secondary",[350,1292,374],{"class":356},[350,1294,383],{"class":356},[350,1296,1297],{"class":352,"line":386},[350,1298,1299],{"class":396},"  \u003Ctemplate #decrement=\"{ iconColor }\">\n",[350,1301,1302],{"class":352,"line":414},[350,1303,1304],{"class":396},"    \u003CVyIcon name=\"i-lucide-circle-minus\" :color=\"iconColor\" class=\"size-5\" \u002F>\n",[350,1306,1307],{"class":352,"line":440},[350,1308,1309],{"class":396},"  \u003C\u002Ftemplate>\n",[350,1311,1312],{"class":352,"line":447},[350,1313,444],{"emptyLinePlaceholder":443},[350,1315,1316],{"class":352,"line":486},[350,1317,1318],{"class":396},"  \u003Ctemplate #increment=\"{ iconColor }\">\n",[350,1320,1321],{"class":352,"line":496},[350,1322,1323],{"class":396},"    \u003CVyIcon name=\"i-lucide-circle-plus\" :color=\"iconColor\" class=\"size-5\" \u002F>\n",[350,1325,1326],{"class":352,"line":501},[350,1327,1309],{"class":396},[350,1329,1330,1332,1334],{"class":352,"line":511},[350,1331,489],{"class":356},[350,1333,329],{"class":360},[350,1335,383],{"class":356},[670,1337,1339],{"id":1338},"read-only-and-disabled","Read-only and disabled",[324,1341,1342],{},"Both states prevent typing and stepping. Disabled styling is stronger because the native input and stepper controls expose disabled state; read-only primarily prevents editing.",[341,1344,1346],{"className":343,"code":1345,"language":345,"meta":346,"style":346},"\u003Ctemplate>\n  \u003Cview class=\"flex flex-col gap-3\">\n    \u003CVyNumberField :model-value=\"8\" readonly \u002F>\n    \u003CVyNumberField :model-value=\"8\" disabled \u002F>\n  \u003C\u002Fview>\n\u003C\u002Ftemplate>\n",[327,1347,1348,1356,1375,1399,1420,1428],{"__ignoreMap":346},[350,1349,1350,1352,1354],{"class":352,"line":353},[350,1351,357],{"class":356},[350,1353,506],{"class":360},[350,1355,383],{"class":356},[350,1357,1358,1360,1362,1364,1366,1368,1371,1373],{"class":352,"line":386},[350,1359,514],{"class":356},[350,1361,517],{"class":360},[350,1363,520],{"class":364},[350,1365,371],{"class":356},[350,1367,374],{"class":356},[350,1369,1370],{"class":377},"flex flex-col gap-3",[350,1372,374],{"class":356},[350,1374,383],{"class":356},[350,1376,1377,1379,1381,1384,1386,1388,1391,1393,1396],{"class":352,"line":414},[350,1378,537],{"class":356},[350,1380,329],{"class":360},[350,1382,1383],{"class":364}," :model-value",[350,1385,371],{"class":356},[350,1387,374],{"class":356},[350,1389,1390],{"class":377},"8",[350,1392,374],{"class":356},[350,1394,1395],{"class":364}," readonly",[350,1397,1398],{"class":356}," \u002F>\n",[350,1400,1401,1403,1405,1407,1409,1411,1413,1415,1418],{"class":352,"line":440},[350,1402,537],{"class":356},[350,1404,329],{"class":360},[350,1406,1383],{"class":364},[350,1408,371],{"class":356},[350,1410,374],{"class":356},[350,1412,1390],{"class":377},[350,1414,374],{"class":356},[350,1416,1417],{"class":364}," disabled",[350,1419,1398],{"class":356},[350,1421,1422,1424,1426],{"class":352,"line":447},[350,1423,642],{"class":356},[350,1425,517],{"class":360},[350,1427,383],{"class":356},[350,1429,1430,1432,1434],{"class":352,"line":486},[350,1431,489],{"class":356},[350,1433,506],{"class":360},[350,1435,383],{"class":356},[319,1437,1439],{"id":1438},"features-and-behavior","Features and behavior",[1441,1442,1443,1457,1460,1470,1473,1482,1489,1494,1501],"ul",{},[1444,1445,1446,1449,1450,1453,1454,1456],"li",{},[327,1447,1448],{},"v-model"," controls a ",[327,1451,1452],{},"number | null","; ",[327,1455,1136],{}," initializes uncontrolled state.",[1444,1458,1459],{},"Input is parsed on every native input update and normalized again on blur.",[1444,1461,1462,1463,680,1465,1467,1468,668],{},"Values are clamped to ",[327,1464,679],{},[327,1466,683],{}," and snapped to the nearest ",[327,1469,922],{},[1444,1471,1472],{},"Increment and decrement controls disable themselves at their corresponding bounds.",[1444,1474,1475,680,1478,1481],{},[327,1476,1477],{},"disabled",[327,1479,1480],{},"readonly"," prevent input, increment, and decrement changes.",[1444,1483,1484,1485,1488],{},"A non-negative field with an integer step uses the Lynx ",[327,1486,1487],{},"digit"," keypad.",[1444,1490,1491,1492,1488],{},"Fields allowing negatives or fractional values use the Lynx ",[327,1493,464],{},[1444,1495,1496,1497,1500],{},"The input filter allows a leading minus sign only when ",[327,1498,1499],{},"min \u003C 0",", and a decimal point only when fractional values are reachable.",[1444,1502,1503,1504,661,1507,1510],{},"Built-in icons resolve from their props, then ",[327,1505,1506],{},"appConfig.ui.icons.plus",[327,1508,1509],{},"minus",", then Lucide fallbacks.",[319,1512,1514],{"id":1513},"props","Props",[1516,1517,1518,1537],"table",{},[1519,1520,1521],"thead",{},[1522,1523,1524,1528,1531,1534],"tr",{},[1525,1526,1527],"th",{},"Prop",[1525,1529,1530],{},"Type",[1525,1532,1533],{},"Default",[1525,1535,1536],{},"Description",[1538,1539,1540,1566,1583,1601,1619,1636,1655,1672,1691,1711,1730,1750,1770,1790,1808,1827],"tbody",{},[1522,1541,1542,1548,1552,1557],{},[1543,1544,1545],"td",{},[327,1546,1547],{},"modelValue",[1543,1549,1550],{},[327,1551,1452],{},[1543,1553,1554],{},[327,1555,1556],{},"undefined",[1543,1558,1559,1560,1562,1563,1565],{},"Controlled numeric value used by ",[327,1561,1448],{},". ",[327,1564,664],{}," means empty.",[1522,1567,1568,1572,1576,1580],{},[1543,1569,1570],{},[327,1571,1136],{},[1543,1573,1574],{},[327,1575,1452],{},[1543,1577,1578],{},[327,1579,1556],{},[1543,1581,1582],{},"Initial value when uncontrolled.",[1522,1584,1585,1589,1593,1598],{},[1543,1586,1587],{},[327,1588,679],{},[1543,1590,1591],{},[327,1592,464],{},[1543,1594,1595],{},[327,1596,1597],{},"-Infinity",[1543,1599,1600],{},"Minimum committed value.",[1522,1602,1603,1607,1611,1616],{},[1543,1604,1605],{},[327,1606,683],{},[1543,1608,1609],{},[327,1610,464],{},[1543,1612,1613],{},[327,1614,1615],{},"Infinity",[1543,1617,1618],{},"Maximum committed value.",[1522,1620,1621,1625,1629,1633],{},[1543,1622,1623],{},[327,1624,922],{},[1543,1626,1627],{},[327,1628,464],{},[1543,1630,1631],{},[327,1632,480],{},[1543,1634,1635],{},"Stepper amount and value-snapping interval.",[1522,1637,1638,1642,1647,1652],{},[1543,1639,1640],{},[327,1641,1477],{},[1543,1643,1644],{},[327,1645,1646],{},"boolean",[1543,1648,1649],{},[327,1650,1651],{},"false",[1543,1653,1654],{},"Prevents all interaction and applies disabled state.",[1522,1656,1657,1661,1665,1669],{},[1543,1658,1659],{},[327,1660,1480],{},[1543,1662,1663],{},[327,1664,1646],{},[1543,1666,1667],{},[327,1668,1651],{},[1543,1670,1671],{},"Prevents value changes without using the input's disabled state.",[1522,1673,1674,1679,1684,1688],{},[1543,1675,1676],{},[327,1677,1678],{},"placeholder",[1543,1680,1681],{},[327,1682,1683],{},"string",[1543,1685,1686],{},[327,1687,1556],{},[1543,1689,1690],{},"Text shown while the value is empty.",[1522,1692,1693,1698,1702,1708],{},[1543,1694,1695],{},[327,1696,1697],{},"incrementIcon",[1543,1699,1700],{},[327,1701,1683],{},[1543,1703,1704,1705],{},"App icon \u002F ",[327,1706,1707],{},"i-lucide-plus",[1543,1709,1710],{},"Iconify name for the increment control.",[1522,1712,1713,1718,1722,1727],{},[1543,1714,1715],{},[327,1716,1717],{},"decrementIcon",[1543,1719,1720],{},[327,1721,1683],{},[1543,1723,1704,1724],{},[327,1725,1726],{},"i-lucide-minus",[1543,1728,1729],{},"Iconify name for the decrement control.",[1522,1731,1732,1737,1742,1747],{},[1543,1733,1734],{},[327,1735,1736],{},"color",[1543,1738,1739],{},[327,1740,1741],{},"Color",[1543,1743,1744],{},[327,1745,1746],{},"'primary'",[1543,1748,1749],{},"Semantic border and icon color.",[1522,1751,1752,1757,1762,1767],{},[1543,1753,1754],{},[327,1755,1756],{},"variant",[1543,1758,1759],{},[327,1760,1761],{},"'outline' | 'soft' | 'subtle' | 'ghost' | 'none'",[1543,1763,1764],{},[327,1765,1766],{},"'outline'",[1543,1768,1769],{},"Root surface and border treatment.",[1522,1771,1772,1777,1782,1787],{},[1543,1773,1774],{},[327,1775,1776],{},"size",[1543,1778,1779],{},[327,1780,1781],{},"'sm' | 'md' | 'lg' | 'xl'",[1543,1783,1784],{},[327,1785,1786],{},"'md'",[1543,1788,1789],{},"Input padding, text size, control size, and icon size.",[1522,1791,1792,1797,1801,1805],{},[1543,1793,1794],{},[327,1795,1796],{},"id",[1543,1798,1799],{},[327,1800,1683],{},[1543,1802,1803],{},[327,1804,1556],{},[1543,1806,1807],{},"Identifier forwarded to the underlying input.",[1522,1809,1810,1815,1820,1824],{},[1543,1811,1812],{},[327,1813,1814],{},"class",[1543,1816,1817],{},[327,1818,1819],{},"any",[1543,1821,1822],{},[327,1823,1556],{},[1543,1825,1826],{},"Classes merged onto the root container.",[1522,1828,1829,1834,1839,1843],{},[1543,1830,1831],{},[327,1832,1833],{},"ui",[1543,1835,1836],{},[327,1837,1838],{},"Partial\u003CRecord\u003CNumberFieldSlot, any>>",[1543,1840,1841],{},[327,1842,1556],{},[1543,1844,1845],{},"Per-instance theme slot overrides.",[324,1847,1848,1850,1851,1854,1855,1854,1857,1854,1859,1854,1862,1854,1865,1868,1869,1872],{},[327,1849,1741],{}," defaults to ",[327,1852,1853],{},"primary",", ",[327,1856,1290],{},[327,1858,884],{},[327,1860,1861],{},"info",[327,1863,1864],{},"warning",[327,1866,1867],{},"error",", or ",[327,1870,1871],{},"neutral",", and supports consumer registry extensions.",[319,1874,1876],{"id":1875},"emits","Emits",[1516,1878,1879,1891],{},[1519,1880,1881],{},[1522,1882,1883,1886,1889],{},[1525,1884,1885],{},"Event",[1525,1887,1888],{},"Payload",[1525,1890,1536],{},[1538,1892,1893],{},[1522,1894,1895,1900,1904],{},[1543,1896,1897],{},[327,1898,1899],{},"update:modelValue",[1543,1901,1902],{},[327,1903,1452],{},[1543,1905,1906],{},"Emitted when typing or a stepper control commits a different value.",[319,1908,1910],{"id":1909},"slots","Slots",[1516,1912,1913,1924],{},[1519,1914,1915],{},[1522,1916,1917,1920,1922],{},[1525,1918,1919],{},"Slot",[1525,1921,1514],{},[1525,1923,1536],{},[1538,1925,1926,1941],{},[1522,1927,1928,1933,1938],{},[1543,1929,1930],{},[327,1931,1932],{},"decrement",[1543,1934,1935],{},[327,1936,1937],{},"{ iconColor: string }",[1543,1939,1940],{},"Replaces the built-in decrement icon.",[1522,1942,1943,1948,1952],{},[1543,1944,1945],{},[327,1946,1947],{},"increment",[1543,1949,1950],{},[327,1951,1937],{},[1543,1953,1954],{},"Replaces the built-in increment icon.",[319,1956,1958],{"id":1957},"styling-and-theming","Styling and theming",[324,1960,1961,1962,1965,1966,668],{},"Override globally through ",[327,1963,1964],{},"appConfig.ui.numberField"," or locally with ",[327,1967,1833],{},[1516,1969,1970,1980],{},[1519,1971,1972],{},[1522,1973,1974,1977],{},[1525,1975,1976],{},"UI slot",[1525,1978,1979],{},"Purpose",[1538,1981,1982,1995,2005,2014,2023,2032],{},[1522,1983,1984,1989],{},[1543,1985,1986],{},[327,1987,1988],{},"root",[1543,1990,1991,1992,1994],{},"Bordered horizontal control and surface. The ",[327,1993,1814],{}," prop is also merged here.",[1522,1996,1997,2002],{},[1543,1998,1999],{},[327,2000,2001],{},"base",[1543,2003,2004],{},"Native numeric input, centered value, placeholder, and input typography.",[1522,2006,2007,2011],{},[1543,2008,2009],{},[327,2010,1932],{},[1543,2012,2013],{},"Decrement hit area and disabled\u002Fpressed state.",[1522,2015,2016,2020],{},[1543,2017,2018],{},[327,2019,1947],{},[1543,2021,2022],{},"Increment hit area and disabled\u002Fpressed state.",[1522,2024,2025,2029],{},[1543,2026,2027],{},[327,2028,1717],{},[1543,2030,2031],{},"Built-in decrement icon dimensions.",[1522,2033,2034,2038],{},[1543,2035,2036],{},[327,2037,1697],{},[1543,2039,2040],{},"Built-in increment icon dimensions.",[670,2042,2044],{"id":2043},"theme-variants","Theme variants",[1516,2046,2047,2062],{},[1519,2048,2049],{},[1522,2050,2051,2054,2057,2059],{},[1525,2052,2053],{},"Variant",[1525,2055,2056],{},"Values",[1525,2058,1533],{},[1525,2060,2061],{},"Effect",[1538,2063,2064,2080,2109],{},[1522,2065,2066,2070,2073,2077],{},[1543,2067,2068],{},[327,2069,1736],{},[1543,2071,2072],{},"Registered semantic colors",[1543,2074,2075],{},[327,2076,1746],{},[1543,2078,2079],{},"Colors bordered variants and resolves the built-in icon color.",[1522,2081,2082,2086,2102,2106],{},[1543,2083,2084],{},[327,2085,1756],{},[1543,2087,2088,1854,2091,1854,2093,1854,2096,1854,2099],{},[327,2089,2090],{},"outline",[327,2092,898],{},[327,2094,2095],{},"subtle",[327,2097,2098],{},"ghost",[327,2100,2101],{},"none",[1543,2103,2104],{},[327,2105,1766],{},[1543,2107,2108],{},"Selects the root background and border treatment.",[1522,2110,2111,2115,2129,2133],{},[1543,2112,2113],{},[327,2114,1776],{},[1543,2116,2117,1854,2120,1854,2123,1854,2126],{},[327,2118,2119],{},"sm",[327,2121,2122],{},"md",[327,2124,2125],{},"lg",[327,2127,2128],{},"xl",[1543,2130,2131],{},[327,2132,1786],{},[1543,2134,2135],{},"Changes input padding, typography, button dimensions, and icon dimensions.",[324,2137,2138,680,2140,2142,2143,2145,2146,680,2148,2150],{},[327,2139,2090],{},[327,2141,2095],{}," use the selected semantic border color. ",[327,2144,898],{}," uses a muted neutral surface, while ",[327,2147,2098],{},[327,2149,2101],{}," remove the visible border.",[319,2152,299],{"id":2153},"accessibility",[324,2155,2156],{},"The decrement and increment controls expose native button semantics, the labels “Decrease” and “Increase,” and disabled state at bounds. The input exposes the native keyboard accessibility trait. Keep a visible label next to every number field and explain units in nearby text when the value is not self-evident.",[324,2158,2159,2160,2163,2164,2166,2167,2170,2171,680,2173,2176,2177,2179],{},"The root carries a web-style ",[327,2161,2162],{},"role=\"group\"",", but the current Lynx accessibility layer does not translate that attribute into a native group announcement. ",[327,2165,329],{}," also does not expose a direct input ",[327,2168,2169],{},"accessibility-label"," prop. ",[327,2172,1796],{},[327,2174,2175],{},"VyLabel for"," are forwarded as attributes, but native label association is not implemented by these primitives. Verify the accessible name with VoiceOver and TalkBack, and use the lower-level ",[327,2178,31],{}," parts when native attributes must be attached directly to the input.",[324,2181,2182],{},"Do not rely only on a semantic border color to communicate validation. Pair invalid values with visible guidance or an error message.",[319,2184,2186],{"id":2185},"platform-notes","Platform notes",[1441,2188,2189,2195,2198,2204,2211,2217],{},[1444,2190,2191,2192,2194],{},"The field is composed from ",[327,2193,31],{}," NumberField primitives and a native Lynx input.",[1444,2196,2197],{},"Native input filtering limits characters before values are parsed, clamped, and snapped.",[1444,2199,2200,2201,2203],{},"Programmatic stepper updates are pushed imperatively to the native input because Lynx treats its ",[327,2202,1229],{}," prop as initial-only after mount.",[1444,2205,2206,2207,2210],{},"SVG does not inherit ",[327,2208,2209],{},"currentColor"," in Lynx, so built-in and custom control slots receive a resolved hex icon color.",[1444,2212,2213,2214,2216],{},"CSS inheritance is disabled in the Lynx build; input foreground classes therefore live on the ",[327,2215,2001],{}," slot rather than the root.",[1444,2218,2219],{},"The component is a numeric control, not a standalone native form-submission element.",[319,2221,2223],{"id":2222},"related-components","Related components",[1441,2225,2226,2234,2239,2244],{},[1444,2227,2228,2233],{},[2229,2230,2231],"a",{"href":162},[327,2232,161],{}," for visible field labels.",[1444,2235,2236,2238],{},[327,2237,137],{}," for unconstrained text entry.",[1444,2240,2241,2243],{},[327,2242,239],{}," for choosing an approximate value from a bounded range.",[1444,2245,2246,2249],{},[327,2247,2248],{},"FormField"," for label, help, hint, and validation scaffolding.",[2251,2252,2253],"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);}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}",{"title":346,"searchDepth":353,"depth":386,"links":2255},[2256,2257,2264,2265,2266,2267,2268,2271,2272,2273],{"id":321,"depth":386,"text":322},{"id":338,"depth":386,"text":339,"children":2258},[2259,2260,2261,2262,2263],{"id":672,"depth":414,"text":673},{"id":928,"depth":414,"text":929},{"id":1129,"depth":414,"text":1130},{"id":1253,"depth":414,"text":1254},{"id":1338,"depth":414,"text":1339},{"id":1438,"depth":386,"text":1439},{"id":1513,"depth":386,"text":1514},{"id":1875,"depth":386,"text":1876},{"id":1909,"depth":386,"text":1910},{"id":1957,"depth":386,"text":1958,"children":2269},[2270],{"id":2043,"depth":414,"text":2044},{"id":2153,"depth":386,"text":299},{"id":2185,"depth":386,"text":2186},{"id":2222,"depth":386,"text":2223},"Enter, increment, and constrain a numeric value.",[2276],{"label":2277,"icon":2278,"to":2279,"target":2280},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002FKealanAU\u002Fvyui\u002Fblob\u002Fmain\u002Fpackages\u002Fkit\u002Fsrc\u002Fcomponents\u002FNumberField.vue","_blank",{},{"icon":179},{"title":176,"description":2274},"ZHC2M3YWy2vUT10036yTPA0oK62ky2KJqUpvGlHsm5E",[2286,2288],{"title":171,"path":172,"stem":173,"description":2287,"icon":-1,"children":-1,"navigation":-1},"Headless stack-navigation primitive — push\u002Fpop pages with iOS\u002FMaterial-style slide transitions.",{"title":181,"path":182,"stem":183,"description":2289,"icon":-1,"children":-1,"navigation":-1},"Headless pagination primitive — page list, edges, and prev\u002Fnext controls computed from total and page size.",1783464069114]