[{"data":1,"prerenderedAt":2453},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Fnumber-field":460,"\u002Fcomponents\u002Fnumber-field-surround":2448},[4,34,51,301,327,332,337,406],{"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",{"title":407,"path":408,"stem":409,"children":410,"package":11,"icon":412},"Guides","\u002Fguides","8.guides\u002F1.index",[411,413,417,422,427,432,437,441,446,450,455],{"title":407,"path":408,"stem":409,"package":11,"icon":412},"i-lucide-book-open",{"title":414,"path":415,"stem":416,"package":11,"icon":348},"Instant first-frame rendering","\u002Fguides\u002Finstant-first-frame-rendering","8.guides\u002F10.instant-first-frame-rendering",{"title":418,"path":419,"stem":420,"package":11,"icon":421},"Why use Vy UI","\u002Fguides\u002Fwhy-vy-ui","8.guides\u002F11.why-vy-ui","i-lucide-help-circle",{"title":423,"path":424,"stem":425,"package":11,"icon":426},"Lynx UI frameworks","\u002Fguides\u002Flynx-ui-frameworks","8.guides\u002F2.lynx-ui-frameworks","i-lucide-library",{"title":428,"path":429,"stem":430,"package":11,"icon":431},"What is Vue Lynx","\u002Fguides\u002Fvue-lynx","8.guides\u002F3.vue-lynx","i-lucide-component",{"title":433,"path":434,"stem":435,"package":11,"icon":436},"Lynx vs React Native","\u002Fguides\u002Flynx-vs-react-native","8.guides\u002F4.lynx-vs-react-native","i-lucide-git-compare",{"title":438,"path":439,"stem":440,"package":11,"icon":84},"Testing on your phone","\u002Fguides\u002Ftesting-on-device","8.guides\u002F5.testing-on-device",{"title":442,"path":443,"stem":444,"package":11,"icon":445},"Testing with Xcode","\u002Fguides\u002Ftesting-with-xcode","8.guides\u002F6.testing-with-xcode","i-lucide-apple",{"title":447,"path":448,"stem":449,"package":11,"icon":27},"The rspeedy dev server","\u002Fguides\u002Frspeedy-dev-server","8.guides\u002F7.rspeedy-dev-server",{"title":451,"path":452,"stem":453,"package":11,"icon":454},"Tailwind on Lynx","\u002Fguides\u002Ftailwind-on-lynx","8.guides\u002F8.tailwind-on-lynx","i-lucide-wind",{"title":456,"path":457,"stem":458,"package":11,"icon":459},"Theming on Lynx","\u002Fguides\u002Ftheming-on-lynx","8.guides\u002F9.theming-on-lynx","i-lucide-paintbrush",{"id":461,"title":184,"body":462,"description":2437,"extension":2285,"links":2438,"meta":2444,"navigation":2445,"package":63,"path":185,"seo":2446,"stem":186,"__hash__":2447},"docs\u002F3.components\u002Fnumber-field.md",{"type":463,"value":464,"toc":2417},"minimark",[465,470,478,483,487,819,832,837,848,1077,1089,1093,1099,1280,1290,1294,1301,1414,1418,1421,1499,1503,1506,1599,1603,1674,1678,2009,2036,2040,2070,2074,2118,2122,2131,2204,2208,2299,2314,2317,2320,2343,2346,2350,2383,2387,2413],[466,467,469],"h2",{"id":468},"overview","Overview",[471,472,473,477],"p",{},[474,475,476],"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.",[479,480],"component-code",{"height":481,"name":482},"140px","number-field-example",[466,484,486],{"id":485},"usage","Usage",[488,489,494],"pre",{"className":490,"code":491,"language":492,"meta":493,"style":493},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue'\nimport { VyLabel } from '@vyui\u002Fkit\u002Flabel'\nimport { VyNumberField } from '@vyui\u002Fkit\u002Fnumber-field'\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","",[474,495,496,531,559,580,601,608,647,657,662,672,695,727,735,750,764,779,794,800,810],{"__ignoreMap":493},[497,498,501,505,509,513,516,519,522,526,528],"span",{"class":499,"line":500},"line",1,[497,502,504],{"class":503},"sMK4o","\u003C",[497,506,508],{"class":507},"swJcz","script",[497,510,512],{"class":511},"spNyl"," setup",[497,514,515],{"class":511}," lang",[497,517,518],{"class":503},"=",[497,520,521],{"class":503},"\"",[497,523,525],{"class":524},"sfazB","ts",[497,527,521],{"class":503},[497,529,530],{"class":503},">\n",[497,532,534,538,541,545,548,551,554,556],{"class":499,"line":533},2,[497,535,537],{"class":536},"s7zQu","import",[497,539,540],{"class":503}," {",[497,542,544],{"class":543},"sTEyZ"," ref",[497,546,547],{"class":503}," }",[497,549,550],{"class":536}," from",[497,552,553],{"class":503}," '",[497,555,492],{"class":524},[497,557,558],{"class":503},"'\n",[497,560,562,564,566,569,571,573,575,578],{"class":499,"line":561},3,[497,563,537],{"class":536},[497,565,540],{"class":503},[497,567,568],{"class":543}," VyLabel",[497,570,547],{"class":503},[497,572,550],{"class":536},[497,574,553],{"class":503},[497,576,577],{"class":524},"@vyui\u002Fkit\u002Flabel",[497,579,558],{"class":503},[497,581,583,585,587,590,592,594,596,599],{"class":499,"line":582},4,[497,584,537],{"class":536},[497,586,540],{"class":503},[497,588,589],{"class":543}," VyNumberField",[497,591,547],{"class":503},[497,593,550],{"class":536},[497,595,553],{"class":503},[497,597,598],{"class":524},"@vyui\u002Fkit\u002Fnumber-field",[497,600,558],{"class":503},[497,602,604],{"class":499,"line":603},5,[497,605,607],{"emptyLinePlaceholder":606},true,"\n",[497,609,611,614,617,619,622,624,628,631,634,637,640,644],{"class":499,"line":610},6,[497,612,613],{"class":511},"const",[497,615,616],{"class":543}," quantity ",[497,618,518],{"class":503},[497,620,544],{"class":621},"s2Zo4",[497,623,504],{"class":503},[497,625,627],{"class":626},"sBMFI","number",[497,629,630],{"class":503}," |",[497,632,633],{"class":626}," null",[497,635,636],{"class":503},">",[497,638,639],{"class":543},"(",[497,641,643],{"class":642},"sbssI","1",[497,645,646],{"class":543},")\n",[497,648,650,653,655],{"class":499,"line":649},7,[497,651,652],{"class":503},"\u003C\u002F",[497,654,508],{"class":507},[497,656,530],{"class":503},[497,658,660],{"class":499,"line":659},8,[497,661,607],{"emptyLinePlaceholder":606},[497,663,665,667,670],{"class":499,"line":664},9,[497,666,504],{"class":503},[497,668,669],{"class":507},"template",[497,671,530],{"class":503},[497,673,675,678,681,684,686,688,691,693],{"class":499,"line":674},10,[497,676,677],{"class":503},"  \u003C",[497,679,680],{"class":507},"view",[497,682,683],{"class":511}," class",[497,685,518],{"class":503},[497,687,521],{"class":503},[497,689,690],{"class":524},"flex flex-col gap-2",[497,692,521],{"class":503},[497,694,530],{"class":503},[497,696,698,701,704,707,709,711,714,716,718,721,723,725],{"class":499,"line":697},11,[497,699,700],{"class":503},"    \u003C",[497,702,703],{"class":507},"VyLabel",[497,705,706],{"class":511}," for",[497,708,518],{"class":503},[497,710,521],{"class":503},[497,712,713],{"class":524},"quantity",[497,715,521],{"class":503},[497,717,636],{"class":503},[497,719,720],{"class":543},"Quantity",[497,722,652],{"class":503},[497,724,703],{"class":507},[497,726,530],{"class":503},[497,728,730,732],{"class":499,"line":729},12,[497,731,700],{"class":503},[497,733,734],{"class":507},"VyNumberField\n",[497,736,738,741,743,745,747],{"class":499,"line":737},13,[497,739,740],{"class":511},"      id",[497,742,518],{"class":503},[497,744,521],{"class":503},[497,746,713],{"class":524},[497,748,749],{"class":503},"\"\n",[497,751,753,756,758,760,762],{"class":499,"line":752},14,[497,754,755],{"class":511},"      v-model",[497,757,518],{"class":503},[497,759,521],{"class":503},[497,761,713],{"class":524},[497,763,749],{"class":503},[497,765,767,770,772,774,777],{"class":499,"line":766},15,[497,768,769],{"class":511},"      :min",[497,771,518],{"class":503},[497,773,521],{"class":503},[497,775,776],{"class":524},"0",[497,778,749],{"class":503},[497,780,782,785,787,789,792],{"class":499,"line":781},16,[497,783,784],{"class":511},"      :max",[497,786,518],{"class":503},[497,788,521],{"class":503},[497,790,791],{"class":524},"10",[497,793,749],{"class":503},[497,795,797],{"class":499,"line":796},17,[497,798,799],{"class":503},"    \u002F>\n",[497,801,803,806,808],{"class":499,"line":802},18,[497,804,805],{"class":503},"  \u003C\u002F",[497,807,680],{"class":507},[497,809,530],{"class":503},[497,811,813,815,817],{"class":499,"line":812},19,[497,814,652],{"class":503},[497,816,669],{"class":507},[497,818,530],{"class":503},[471,820,821,822,824,825,828,829,831],{},"The value is a ",[474,823,627],{}," or ",[474,826,827],{},"null",". Clearing the input emits ",[474,830,827],{},".",[833,834,836],"h3",{"id":835},"bounds-and-step","Bounds and step",[471,838,839,840,843,844,847],{},"Typed values and stepper changes are clamped to ",[474,841,842],{},"min"," and ",[474,845,846],{},"max",", then snapped to the nearest step.",[488,849,851],{"className":490,"code":850,"language":492,"meta":493,"style":493},"\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue'\nimport { VyNumberField } from '@vyui\u002Fkit\u002Fnumber-field'\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",[474,852,853,873,891,909,913,941,949,953,961,967,981,994,1008,1022,1036,1050,1064,1069],{"__ignoreMap":493},[497,854,855,857,859,861,863,865,867,869,871],{"class":499,"line":500},[497,856,504],{"class":503},[497,858,508],{"class":507},[497,860,512],{"class":511},[497,862,515],{"class":511},[497,864,518],{"class":503},[497,866,521],{"class":503},[497,868,525],{"class":524},[497,870,521],{"class":503},[497,872,530],{"class":503},[497,874,875,877,879,881,883,885,887,889],{"class":499,"line":533},[497,876,537],{"class":536},[497,878,540],{"class":503},[497,880,544],{"class":543},[497,882,547],{"class":503},[497,884,550],{"class":536},[497,886,553],{"class":503},[497,888,492],{"class":524},[497,890,558],{"class":503},[497,892,893,895,897,899,901,903,905,907],{"class":499,"line":561},[497,894,537],{"class":536},[497,896,540],{"class":503},[497,898,589],{"class":543},[497,900,547],{"class":503},[497,902,550],{"class":536},[497,904,553],{"class":503},[497,906,598],{"class":524},[497,908,558],{"class":503},[497,910,911],{"class":499,"line":582},[497,912,607],{"emptyLinePlaceholder":606},[497,914,915,917,920,922,924,926,928,930,932,934,936,939],{"class":499,"line":603},[497,916,613],{"class":511},[497,918,919],{"class":543}," price ",[497,921,518],{"class":503},[497,923,544],{"class":621},[497,925,504],{"class":503},[497,927,627],{"class":626},[497,929,630],{"class":503},[497,931,633],{"class":626},[497,933,636],{"class":503},[497,935,639],{"class":543},[497,937,938],{"class":642},"2.5",[497,940,646],{"class":543},[497,942,943,945,947],{"class":499,"line":610},[497,944,652],{"class":503},[497,946,508],{"class":507},[497,948,530],{"class":503},[497,950,951],{"class":499,"line":649},[497,952,607],{"emptyLinePlaceholder":606},[497,954,955,957,959],{"class":499,"line":659},[497,956,504],{"class":503},[497,958,669],{"class":507},[497,960,530],{"class":503},[497,962,963,965],{"class":499,"line":664},[497,964,677],{"class":503},[497,966,734],{"class":507},[497,968,969,972,974,976,979],{"class":499,"line":674},[497,970,971],{"class":511},"    v-model",[497,973,518],{"class":503},[497,975,521],{"class":503},[497,977,978],{"class":524},"price",[497,980,749],{"class":503},[497,982,983,986,988,990,992],{"class":499,"line":697},[497,984,985],{"class":511},"    :min",[497,987,518],{"class":503},[497,989,521],{"class":503},[497,991,776],{"class":524},[497,993,749],{"class":503},[497,995,996,999,1001,1003,1006],{"class":499,"line":729},[497,997,998],{"class":511},"    :max",[497,1000,518],{"class":503},[497,1002,521],{"class":503},[497,1004,1005],{"class":524},"20",[497,1007,749],{"class":503},[497,1009,1010,1013,1015,1017,1020],{"class":499,"line":737},[497,1011,1012],{"class":511},"    :step",[497,1014,518],{"class":503},[497,1016,521],{"class":503},[497,1018,1019],{"class":524},"0.5",[497,1021,749],{"class":503},[497,1023,1024,1027,1029,1031,1034],{"class":499,"line":752},[497,1025,1026],{"class":511},"    placeholder",[497,1028,518],{"class":503},[497,1030,521],{"class":503},[497,1032,1033],{"class":524},"0.00",[497,1035,749],{"class":503},[497,1037,1038,1041,1043,1045,1048],{"class":499,"line":766},[497,1039,1040],{"class":511},"    color",[497,1042,518],{"class":503},[497,1044,521],{"class":503},[497,1046,1047],{"class":524},"success",[497,1049,749],{"class":503},[497,1051,1052,1055,1057,1059,1062],{"class":499,"line":781},[497,1053,1054],{"class":511},"    variant",[497,1056,518],{"class":503},[497,1058,521],{"class":503},[497,1060,1061],{"class":524},"soft",[497,1063,749],{"class":503},[497,1065,1066],{"class":499,"line":796},[497,1067,1068],{"class":503},"  \u002F>\n",[497,1070,1071,1073,1075],{"class":499,"line":802},[497,1072,652],{"class":503},[497,1074,669],{"class":507},[497,1076,530],{"class":503},[471,1078,1079,1080,1082,1083,843,1086,1088],{},"The step grid is anchored to a finite ",[474,1081,842],{}," when one is provided. Decimal precision is derived from both ",[474,1084,1085],{},"step",[474,1087,842],{}," to avoid accumulating floating-point artifacts.",[833,1090,1092],{"id":1091},"empty-values","Empty values",[471,1094,1095,1096,1098],{},"An empty or invalid committed value becomes ",[474,1097,827],{},". Stepping from an empty field starts at the value nearest zero within the configured bounds, then applies the step.",[488,1100,1102],{"className":490,"code":1101,"language":492,"meta":493,"style":493},"\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue'\nimport { VyNumberField } from '@vyui\u002Fkit\u002Fnumber-field'\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",[474,1103,1104,1124,1142,1160,1164,1191,1199,1203,1211,1217,1230,1242,1255,1268,1272],{"__ignoreMap":493},[497,1105,1106,1108,1110,1112,1114,1116,1118,1120,1122],{"class":499,"line":500},[497,1107,504],{"class":503},[497,1109,508],{"class":507},[497,1111,512],{"class":511},[497,1113,515],{"class":511},[497,1115,518],{"class":503},[497,1117,521],{"class":503},[497,1119,525],{"class":524},[497,1121,521],{"class":503},[497,1123,530],{"class":503},[497,1125,1126,1128,1130,1132,1134,1136,1138,1140],{"class":499,"line":533},[497,1127,537],{"class":536},[497,1129,540],{"class":503},[497,1131,544],{"class":543},[497,1133,547],{"class":503},[497,1135,550],{"class":536},[497,1137,553],{"class":503},[497,1139,492],{"class":524},[497,1141,558],{"class":503},[497,1143,1144,1146,1148,1150,1152,1154,1156,1158],{"class":499,"line":561},[497,1145,537],{"class":536},[497,1147,540],{"class":503},[497,1149,589],{"class":543},[497,1151,547],{"class":503},[497,1153,550],{"class":536},[497,1155,553],{"class":503},[497,1157,598],{"class":524},[497,1159,558],{"class":503},[497,1161,1162],{"class":499,"line":582},[497,1163,607],{"emptyLinePlaceholder":606},[497,1165,1166,1168,1171,1173,1175,1177,1179,1181,1183,1185,1187,1189],{"class":499,"line":603},[497,1167,613],{"class":511},[497,1169,1170],{"class":543}," guests ",[497,1172,518],{"class":503},[497,1174,544],{"class":621},[497,1176,504],{"class":503},[497,1178,627],{"class":626},[497,1180,630],{"class":503},[497,1182,633],{"class":626},[497,1184,636],{"class":503},[497,1186,639],{"class":543},[497,1188,827],{"class":503},[497,1190,646],{"class":543},[497,1192,1193,1195,1197],{"class":499,"line":610},[497,1194,652],{"class":503},[497,1196,508],{"class":507},[497,1198,530],{"class":503},[497,1200,1201],{"class":499,"line":649},[497,1202,607],{"emptyLinePlaceholder":606},[497,1204,1205,1207,1209],{"class":499,"line":659},[497,1206,504],{"class":503},[497,1208,669],{"class":507},[497,1210,530],{"class":503},[497,1212,1213,1215],{"class":499,"line":664},[497,1214,677],{"class":503},[497,1216,734],{"class":507},[497,1218,1219,1221,1223,1225,1228],{"class":499,"line":674},[497,1220,971],{"class":511},[497,1222,518],{"class":503},[497,1224,521],{"class":503},[497,1226,1227],{"class":524},"guests",[497,1229,749],{"class":503},[497,1231,1232,1234,1236,1238,1240],{"class":499,"line":697},[497,1233,985],{"class":511},[497,1235,518],{"class":503},[497,1237,521],{"class":503},[497,1239,643],{"class":524},[497,1241,749],{"class":503},[497,1243,1244,1246,1248,1250,1253],{"class":499,"line":729},[497,1245,998],{"class":511},[497,1247,518],{"class":503},[497,1249,521],{"class":503},[497,1251,1252],{"class":524},"12",[497,1254,749],{"class":503},[497,1256,1257,1259,1261,1263,1266],{"class":499,"line":737},[497,1258,1026],{"class":511},[497,1260,518],{"class":503},[497,1262,521],{"class":503},[497,1264,1265],{"class":524},"Guests",[497,1267,749],{"class":503},[497,1269,1270],{"class":499,"line":752},[497,1271,1068],{"class":503},[497,1273,1274,1276,1278],{"class":499,"line":766},[497,1275,652],{"class":503},[497,1277,669],{"class":507},[497,1279,530],{"class":503},[471,1281,1282,1283,1286,1287,1289],{},"In this example, tapping increment from empty produces ",[474,1284,1285],{},"2",": the starting point is clamped to the minimum value ",[474,1288,643],{},", then incremented by the default step.",[833,1291,1293],{"id":1292},"uncontrolled","Uncontrolled",[471,1295,1296,1297,1300],{},"Use ",[474,1298,1299],{},"defaultValue"," when the field should own its initial state.",[488,1302,1304],{"className":490,"code":1303,"language":492,"meta":493,"style":493},"\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",[474,1305,1306,1312,1329,1343,1357,1371,1409],{"__ignoreMap":493},[497,1307,1308,1310],{"class":499,"line":500},[497,1309,504],{"class":503},[497,1311,734],{"class":507},[497,1313,1314,1317,1320,1322,1324,1327],{"class":499,"line":533},[497,1315,1316],{"class":503},"  :",[497,1318,1319],{"class":511},"default-value",[497,1321,518],{"class":503},[497,1323,521],{"class":503},[497,1325,1326],{"class":642},"4",[497,1328,749],{"class":503},[497,1330,1331,1333,1335,1337,1339,1341],{"class":499,"line":561},[497,1332,1316],{"class":503},[497,1334,842],{"class":511},[497,1336,518],{"class":503},[497,1338,521],{"class":503},[497,1340,776],{"class":642},[497,1342,749],{"class":503},[497,1344,1345,1347,1349,1351,1353,1355],{"class":499,"line":582},[497,1346,1316],{"class":503},[497,1348,846],{"class":511},[497,1350,518],{"class":503},[497,1352,521],{"class":503},[497,1354,1005],{"class":642},[497,1356,749],{"class":503},[497,1358,1359,1361,1363,1365,1367,1369],{"class":499,"line":603},[497,1360,1316],{"class":503},[497,1362,1085],{"class":511},[497,1364,518],{"class":503},[497,1366,521],{"class":503},[497,1368,1285],{"class":642},[497,1370,749],{"class":503},[497,1372,1373,1376,1379,1382,1385,1387,1389,1393,1396,1399,1401,1404,1407],{"class":499,"line":610},[497,1374,1375],{"class":503},"  @",[497,1377,1378],{"class":511},"update",[497,1380,1381],{"class":503},":",[497,1383,1384],{"class":511},"model-value",[497,1386,518],{"class":503},[497,1388,521],{"class":503},[497,1390,1392],{"class":1391},"sHdIc","value",[497,1394,1395],{"class":511}," =>",[497,1397,1398],{"class":543}," console",[497,1400,831],{"class":503},[497,1402,1403],{"class":621},"log",[497,1405,1406],{"class":543},"(value)",[497,1408,749],{"class":503},[497,1410,1411],{"class":499,"line":649},[497,1412,1413],{"class":543},"\u002F>\n",[833,1415,1417],{"id":1416},"custom-controls","Custom controls",[471,1419,1420],{},"The increment and decrement slots receive the resolved icon color as a hex string.",[488,1422,1424],{"className":490,"code":1423,"language":492,"meta":493,"style":493},"\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",[474,1425,1426,1458,1463,1468,1473,1477,1482,1487,1491],{"__ignoreMap":493},[497,1427,1428,1430,1432,1435,1437,1439,1442,1444,1447,1449,1451,1454,1456],{"class":499,"line":500},[497,1429,504],{"class":503},[497,1431,476],{"class":507},[497,1433,1434],{"class":511}," v-model",[497,1436,518],{"class":503},[497,1438,521],{"class":503},[497,1440,1441],{"class":543},"count",[497,1443,521],{"class":503},[497,1445,1446],{"class":511}," color",[497,1448,518],{"class":503},[497,1450,521],{"class":503},[497,1452,1453],{"class":524},"secondary",[497,1455,521],{"class":503},[497,1457,530],{"class":503},[497,1459,1460],{"class":499,"line":533},[497,1461,1462],{"class":543},"  \u003Ctemplate #decrement=\"{ iconColor }\">\n",[497,1464,1465],{"class":499,"line":561},[497,1466,1467],{"class":543},"    \u003CVyIcon name=\"i-lucide-circle-minus\" :color=\"iconColor\" class=\"size-5\" \u002F>\n",[497,1469,1470],{"class":499,"line":582},[497,1471,1472],{"class":543},"  \u003C\u002Ftemplate>\n",[497,1474,1475],{"class":499,"line":603},[497,1476,607],{"emptyLinePlaceholder":606},[497,1478,1479],{"class":499,"line":610},[497,1480,1481],{"class":543},"  \u003Ctemplate #increment=\"{ iconColor }\">\n",[497,1483,1484],{"class":499,"line":649},[497,1485,1486],{"class":543},"    \u003CVyIcon name=\"i-lucide-circle-plus\" :color=\"iconColor\" class=\"size-5\" \u002F>\n",[497,1488,1489],{"class":499,"line":659},[497,1490,1472],{"class":543},[497,1492,1493,1495,1497],{"class":499,"line":664},[497,1494,652],{"class":503},[497,1496,476],{"class":507},[497,1498,530],{"class":503},[833,1500,1502],{"id":1501},"read-only-and-disabled","Read-only and disabled",[471,1504,1505],{},"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.",[488,1507,1509],{"className":490,"code":1508,"language":492,"meta":493,"style":493},"\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",[474,1510,1511,1519,1538,1562,1583,1591],{"__ignoreMap":493},[497,1512,1513,1515,1517],{"class":499,"line":500},[497,1514,504],{"class":503},[497,1516,669],{"class":507},[497,1518,530],{"class":503},[497,1520,1521,1523,1525,1527,1529,1531,1534,1536],{"class":499,"line":533},[497,1522,677],{"class":503},[497,1524,680],{"class":507},[497,1526,683],{"class":511},[497,1528,518],{"class":503},[497,1530,521],{"class":503},[497,1532,1533],{"class":524},"flex flex-col gap-3",[497,1535,521],{"class":503},[497,1537,530],{"class":503},[497,1539,1540,1542,1544,1547,1549,1551,1554,1556,1559],{"class":499,"line":561},[497,1541,700],{"class":503},[497,1543,476],{"class":507},[497,1545,1546],{"class":511}," :model-value",[497,1548,518],{"class":503},[497,1550,521],{"class":503},[497,1552,1553],{"class":524},"8",[497,1555,521],{"class":503},[497,1557,1558],{"class":511}," readonly",[497,1560,1561],{"class":503}," \u002F>\n",[497,1563,1564,1566,1568,1570,1572,1574,1576,1578,1581],{"class":499,"line":582},[497,1565,700],{"class":503},[497,1567,476],{"class":507},[497,1569,1546],{"class":511},[497,1571,518],{"class":503},[497,1573,521],{"class":503},[497,1575,1553],{"class":524},[497,1577,521],{"class":503},[497,1579,1580],{"class":511}," disabled",[497,1582,1561],{"class":503},[497,1584,1585,1587,1589],{"class":499,"line":603},[497,1586,805],{"class":503},[497,1588,680],{"class":507},[497,1590,530],{"class":503},[497,1592,1593,1595,1597],{"class":499,"line":610},[497,1594,652],{"class":503},[497,1596,669],{"class":507},[497,1598,530],{"class":503},[466,1600,1602],{"id":1601},"features-and-behavior","Features and behavior",[1604,1605,1606,1620,1623,1633,1636,1645,1652,1657,1664],"ul",{},[1607,1608,1609,1612,1613,1616,1617,1619],"li",{},[474,1610,1611],{},"v-model"," controls a ",[474,1614,1615],{},"number | null","; ",[474,1618,1299],{}," initializes uncontrolled state.",[1607,1621,1622],{},"Input is parsed on every native input update and normalized again on blur.",[1607,1624,1625,1626,843,1628,1630,1631,831],{},"Values are clamped to ",[474,1627,842],{},[474,1629,846],{}," and snapped to the nearest ",[474,1632,1085],{},[1607,1634,1635],{},"Increment and decrement controls disable themselves at their corresponding bounds.",[1607,1637,1638,843,1641,1644],{},[474,1639,1640],{},"disabled",[474,1642,1643],{},"readonly"," prevent input, increment, and decrement changes.",[1607,1646,1647,1648,1651],{},"A non-negative field with an integer step uses the Lynx ",[474,1649,1650],{},"digit"," keypad.",[1607,1653,1654,1655,1651],{},"Fields allowing negatives or fractional values use the Lynx ",[474,1656,627],{},[1607,1658,1659,1660,1663],{},"The input filter allows a leading minus sign only when ",[474,1661,1662],{},"min \u003C 0",", and a decimal point only when fractional values are reachable.",[1607,1665,1666,1667,824,1670,1673],{},"Built-in icons resolve from their props, then ",[474,1668,1669],{},"appConfig.ui.icons.plus",[474,1671,1672],{},"minus",", then Lucide fallbacks.",[466,1675,1677],{"id":1676},"props","Props",[1679,1680,1681,1700],"table",{},[1682,1683,1684],"thead",{},[1685,1686,1687,1691,1694,1697],"tr",{},[1688,1689,1690],"th",{},"Prop",[1688,1692,1693],{},"Type",[1688,1695,1696],{},"Default",[1688,1698,1699],{},"Description",[1701,1702,1703,1729,1746,1764,1782,1799,1818,1835,1854,1874,1893,1913,1933,1953,1971,1990],"tbody",{},[1685,1704,1705,1711,1715,1720],{},[1706,1707,1708],"td",{},[474,1709,1710],{},"modelValue",[1706,1712,1713],{},[474,1714,1615],{},[1706,1716,1717],{},[474,1718,1719],{},"undefined",[1706,1721,1722,1723,1725,1726,1728],{},"Controlled numeric value used by ",[474,1724,1611],{},". ",[474,1727,827],{}," means empty.",[1685,1730,1731,1735,1739,1743],{},[1706,1732,1733],{},[474,1734,1299],{},[1706,1736,1737],{},[474,1738,1615],{},[1706,1740,1741],{},[474,1742,1719],{},[1706,1744,1745],{},"Initial value when uncontrolled.",[1685,1747,1748,1752,1756,1761],{},[1706,1749,1750],{},[474,1751,842],{},[1706,1753,1754],{},[474,1755,627],{},[1706,1757,1758],{},[474,1759,1760],{},"-Infinity",[1706,1762,1763],{},"Minimum committed value.",[1685,1765,1766,1770,1774,1779],{},[1706,1767,1768],{},[474,1769,846],{},[1706,1771,1772],{},[474,1773,627],{},[1706,1775,1776],{},[474,1777,1778],{},"Infinity",[1706,1780,1781],{},"Maximum committed value.",[1685,1783,1784,1788,1792,1796],{},[1706,1785,1786],{},[474,1787,1085],{},[1706,1789,1790],{},[474,1791,627],{},[1706,1793,1794],{},[474,1795,643],{},[1706,1797,1798],{},"Stepper amount and value-snapping interval.",[1685,1800,1801,1805,1810,1815],{},[1706,1802,1803],{},[474,1804,1640],{},[1706,1806,1807],{},[474,1808,1809],{},"boolean",[1706,1811,1812],{},[474,1813,1814],{},"false",[1706,1816,1817],{},"Prevents all interaction and applies disabled state.",[1685,1819,1820,1824,1828,1832],{},[1706,1821,1822],{},[474,1823,1643],{},[1706,1825,1826],{},[474,1827,1809],{},[1706,1829,1830],{},[474,1831,1814],{},[1706,1833,1834],{},"Prevents value changes without using the input's disabled state.",[1685,1836,1837,1842,1847,1851],{},[1706,1838,1839],{},[474,1840,1841],{},"placeholder",[1706,1843,1844],{},[474,1845,1846],{},"string",[1706,1848,1849],{},[474,1850,1719],{},[1706,1852,1853],{},"Text shown while the value is empty.",[1685,1855,1856,1861,1865,1871],{},[1706,1857,1858],{},[474,1859,1860],{},"incrementIcon",[1706,1862,1863],{},[474,1864,1846],{},[1706,1866,1867,1868],{},"App icon \u002F ",[474,1869,1870],{},"i-lucide-plus",[1706,1872,1873],{},"Iconify name for the increment control.",[1685,1875,1876,1881,1885,1890],{},[1706,1877,1878],{},[474,1879,1880],{},"decrementIcon",[1706,1882,1883],{},[474,1884,1846],{},[1706,1886,1867,1887],{},[474,1888,1889],{},"i-lucide-minus",[1706,1891,1892],{},"Iconify name for the decrement control.",[1685,1894,1895,1900,1905,1910],{},[1706,1896,1897],{},[474,1898,1899],{},"color",[1706,1901,1902],{},[474,1903,1904],{},"Color",[1706,1906,1907],{},[474,1908,1909],{},"'primary'",[1706,1911,1912],{},"Semantic border and icon color.",[1685,1914,1915,1920,1925,1930],{},[1706,1916,1917],{},[474,1918,1919],{},"variant",[1706,1921,1922],{},[474,1923,1924],{},"'outline' | 'soft' | 'subtle' | 'ghost' | 'none'",[1706,1926,1927],{},[474,1928,1929],{},"'outline'",[1706,1931,1932],{},"Root surface and border treatment.",[1685,1934,1935,1940,1945,1950],{},[1706,1936,1937],{},[474,1938,1939],{},"size",[1706,1941,1942],{},[474,1943,1944],{},"'sm' | 'md' | 'lg' | 'xl'",[1706,1946,1947],{},[474,1948,1949],{},"'md'",[1706,1951,1952],{},"Input padding, text size, control size, and icon size.",[1685,1954,1955,1960,1964,1968],{},[1706,1956,1957],{},[474,1958,1959],{},"id",[1706,1961,1962],{},[474,1963,1846],{},[1706,1965,1966],{},[474,1967,1719],{},[1706,1969,1970],{},"Identifier forwarded to the underlying input.",[1685,1972,1973,1978,1983,1987],{},[1706,1974,1975],{},[474,1976,1977],{},"class",[1706,1979,1980],{},[474,1981,1982],{},"any",[1706,1984,1985],{},[474,1986,1719],{},[1706,1988,1989],{},"Classes merged onto the root container.",[1685,1991,1992,1997,2002,2006],{},[1706,1993,1994],{},[474,1995,1996],{},"ui",[1706,1998,1999],{},[474,2000,2001],{},"Partial\u003CRecord\u003CNumberFieldSlot, any>>",[1706,2003,2004],{},[474,2005,1719],{},[1706,2007,2008],{},"Per-instance theme slot overrides.",[471,2010,2011,2013,2014,2017,2018,2017,2020,2017,2022,2017,2025,2017,2028,2031,2032,2035],{},[474,2012,1904],{}," defaults to ",[474,2015,2016],{},"primary",", ",[474,2019,1453],{},[474,2021,1047],{},[474,2023,2024],{},"info",[474,2026,2027],{},"warning",[474,2029,2030],{},"error",", or ",[474,2033,2034],{},"neutral",", and supports consumer registry extensions.",[466,2037,2039],{"id":2038},"emits","Emits",[1679,2041,2042,2054],{},[1682,2043,2044],{},[1685,2045,2046,2049,2052],{},[1688,2047,2048],{},"Event",[1688,2050,2051],{},"Payload",[1688,2053,1699],{},[1701,2055,2056],{},[1685,2057,2058,2063,2067],{},[1706,2059,2060],{},[474,2061,2062],{},"update:modelValue",[1706,2064,2065],{},[474,2066,1615],{},[1706,2068,2069],{},"Emitted when typing or a stepper control commits a different value.",[466,2071,2073],{"id":2072},"slots","Slots",[1679,2075,2076,2087],{},[1682,2077,2078],{},[1685,2079,2080,2083,2085],{},[1688,2081,2082],{},"Slot",[1688,2084,1677],{},[1688,2086,1699],{},[1701,2088,2089,2104],{},[1685,2090,2091,2096,2101],{},[1706,2092,2093],{},[474,2094,2095],{},"decrement",[1706,2097,2098],{},[474,2099,2100],{},"{ iconColor: string }",[1706,2102,2103],{},"Replaces the built-in decrement icon.",[1685,2105,2106,2111,2115],{},[1706,2107,2108],{},[474,2109,2110],{},"increment",[1706,2112,2113],{},[474,2114,2100],{},[1706,2116,2117],{},"Replaces the built-in increment icon.",[466,2119,2121],{"id":2120},"styling-and-theming","Styling and theming",[471,2123,2124,2125,2128,2129,831],{},"Override globally through ",[474,2126,2127],{},"appConfig.ui.numberField"," or locally with ",[474,2130,1996],{},[1679,2132,2133,2143],{},[1682,2134,2135],{},[1685,2136,2137,2140],{},[1688,2138,2139],{},"UI slot",[1688,2141,2142],{},"Purpose",[1701,2144,2145,2158,2168,2177,2186,2195],{},[1685,2146,2147,2152],{},[1706,2148,2149],{},[474,2150,2151],{},"root",[1706,2153,2154,2155,2157],{},"Bordered horizontal control and surface. The ",[474,2156,1977],{}," prop is also merged here.",[1685,2159,2160,2165],{},[1706,2161,2162],{},[474,2163,2164],{},"base",[1706,2166,2167],{},"Native numeric input, centered value, placeholder, and input typography.",[1685,2169,2170,2174],{},[1706,2171,2172],{},[474,2173,2095],{},[1706,2175,2176],{},"Decrement hit area and disabled\u002Fpressed state.",[1685,2178,2179,2183],{},[1706,2180,2181],{},[474,2182,2110],{},[1706,2184,2185],{},"Increment hit area and disabled\u002Fpressed state.",[1685,2187,2188,2192],{},[1706,2189,2190],{},[474,2191,1880],{},[1706,2193,2194],{},"Built-in decrement icon dimensions.",[1685,2196,2197,2201],{},[1706,2198,2199],{},[474,2200,1860],{},[1706,2202,2203],{},"Built-in increment icon dimensions.",[833,2205,2207],{"id":2206},"theme-variants","Theme variants",[1679,2209,2210,2225],{},[1682,2211,2212],{},[1685,2213,2214,2217,2220,2222],{},[1688,2215,2216],{},"Variant",[1688,2218,2219],{},"Values",[1688,2221,1696],{},[1688,2223,2224],{},"Effect",[1701,2226,2227,2243,2272],{},[1685,2228,2229,2233,2236,2240],{},[1706,2230,2231],{},[474,2232,1899],{},[1706,2234,2235],{},"Registered semantic colors",[1706,2237,2238],{},[474,2239,1909],{},[1706,2241,2242],{},"Colors bordered variants and resolves the built-in icon color.",[1685,2244,2245,2249,2265,2269],{},[1706,2246,2247],{},[474,2248,1919],{},[1706,2250,2251,2017,2254,2017,2256,2017,2259,2017,2262],{},[474,2252,2253],{},"outline",[474,2255,1061],{},[474,2257,2258],{},"subtle",[474,2260,2261],{},"ghost",[474,2263,2264],{},"none",[1706,2266,2267],{},[474,2268,1929],{},[1706,2270,2271],{},"Selects the root background and border treatment.",[1685,2273,2274,2278,2292,2296],{},[1706,2275,2276],{},[474,2277,1939],{},[1706,2279,2280,2017,2283,2017,2286,2017,2289],{},[474,2281,2282],{},"sm",[474,2284,2285],{},"md",[474,2287,2288],{},"lg",[474,2290,2291],{},"xl",[1706,2293,2294],{},[474,2295,1949],{},[1706,2297,2298],{},"Changes input padding, typography, button dimensions, and icon dimensions.",[471,2300,2301,843,2303,2305,2306,2308,2309,843,2311,2313],{},[474,2302,2253],{},[474,2304,2258],{}," use the selected semantic border color. ",[474,2307,1061],{}," uses a muted neutral surface, while ",[474,2310,2261],{},[474,2312,2264],{}," remove the visible border.",[466,2315,328],{"id":2316},"accessibility",[471,2318,2319],{},"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.",[471,2321,2322,2323,2326,2327,2329,2330,2333,2334,843,2336,2339,2340,2342],{},"The root carries a web-style ",[474,2324,2325],{},"role=\"group\"",", but the current Lynx accessibility layer does not translate that attribute into a native group announcement. ",[474,2328,476],{}," also does not expose a direct input ",[474,2331,2332],{},"accessibility-label"," prop. ",[474,2335,1959],{},[474,2337,2338],{},"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 ",[474,2341,41],{}," parts when native attributes must be attached directly to the input.",[471,2344,2345],{},"Do not rely only on a semantic border color to communicate validation. Pair invalid values with visible guidance or an error message.",[466,2347,2349],{"id":2348},"platform-notes","Platform notes",[1604,2351,2352,2358,2361,2367,2374,2380],{},[1607,2353,2354,2355,2357],{},"The field is composed from ",[474,2356,41],{}," NumberField primitives and a native Lynx input.",[1607,2359,2360],{},"Native input filtering limits characters before values are parsed, clamped, and snapped.",[1607,2362,2363,2364,2366],{},"Programmatic stepper updates are pushed imperatively to the native input because Lynx treats its ",[474,2365,1392],{}," prop as initial-only after mount.",[1607,2368,2369,2370,2373],{},"SVG does not inherit ",[474,2371,2372],{},"currentColor"," in Lynx, so built-in and custom control slots receive a resolved hex icon color.",[1607,2375,2376,2377,2379],{},"CSS inheritance is disabled in the Lynx build; input foreground classes therefore live on the ",[474,2378,2164],{}," slot rather than the root.",[1607,2381,2382],{},"The component is a numeric control, not a standalone native form-submission element.",[466,2384,2386],{"id":2385},"related-components","Related components",[1604,2388,2389,2397,2402,2407],{},[1607,2390,2391,2396],{},[2392,2393,2394],"a",{"href":170},[474,2395,169],{}," for visible field labels.",[1607,2398,2399,2401],{},[474,2400,145],{}," for unconstrained text entry.",[1607,2403,2404,2406],{},[474,2405,247],{}," for choosing an approximate value from a bounded range.",[1607,2408,2409,2412],{},[474,2410,2411],{},"FormField"," for label, help, hint, and validation scaffolding.",[2414,2415,2416],"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":493,"searchDepth":500,"depth":533,"links":2418},[2419,2420,2427,2428,2429,2430,2431,2434,2435,2436],{"id":468,"depth":533,"text":469},{"id":485,"depth":533,"text":486,"children":2421},[2422,2423,2424,2425,2426],{"id":835,"depth":561,"text":836},{"id":1091,"depth":561,"text":1092},{"id":1292,"depth":561,"text":1293},{"id":1416,"depth":561,"text":1417},{"id":1501,"depth":561,"text":1502},{"id":1601,"depth":533,"text":1602},{"id":1676,"depth":533,"text":1677},{"id":2038,"depth":533,"text":2039},{"id":2072,"depth":533,"text":2073},{"id":2120,"depth":533,"text":2121,"children":2432},[2433],{"id":2206,"depth":561,"text":2207},{"id":2316,"depth":533,"text":328},{"id":2348,"depth":533,"text":2349},{"id":2385,"depth":533,"text":2386},"Enter, increment, and constrain a numeric value.",[2439],{"label":2440,"icon":2441,"to":2442,"target":2443},"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":2437},"BjKH8xQlUVUHGSkV4MNnEBi4-QMmAK3jdF1JvWKRGgM",[2449,2451],{"title":179,"path":180,"stem":181,"description":2450,"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":2452,"icon":-1,"children":-1,"navigation":-1},"Headless pagination primitive — page list, edges, and prev\u002Fnext controls computed from total and page size.",1785060115999]