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