[{"data":1,"prerenderedAt":775},["ShallowReactive",2],{"locale-alternates":3,"docs-nav-en":134,"api-BbNumberInput":377,"page-en-\u002Fcomponents\u002Fbb-number-input\u002Fapi":389},{"\u002Fit\u002Fcomponenti\u002Fbb-accordion":4,"\u002Fen\u002Fcomponents\u002Fbb-accordion":5,"\u002Fit\u002Fcomponenti\u002Fbb-alert":6,"\u002Fen\u002Fcomponents\u002Fbb-alert":7,"\u002Fit\u002Fcomponenti\u002Fbb-asterisk":8,"\u002Fen\u002Fcomponents\u002Fbb-asterisk":9,"\u002Fit\u002Fcomponenti\u002Fbb-avatar":10,"\u002Fen\u002Fcomponents\u002Fbb-avatar":11,"\u002Fit\u002Fcomponenti\u002Fbb-badge":12,"\u002Fen\u002Fcomponents\u002Fbb-badge":13,"\u002Fit\u002Fcomponenti\u002Fbb-base-button":14,"\u002Fen\u002Fcomponents\u002Fbb-base-button":15,"\u002Fit\u002Fcomponenti\u002Fbb-breadcrumbs":16,"\u002Fen\u002Fcomponents\u002Fbb-breadcrumbs":17,"\u002Fit\u002Fcomponenti\u002Fbb-button":18,"\u002Fen\u002Fcomponents\u002Fbb-button":19,"\u002Fit\u002Fcomponenti\u002Fbb-calendar":20,"\u002Fen\u002Fcomponents\u002Fbb-calendar":21,"\u002Fit\u002Fcomponenti\u002Fbb-checkbox":22,"\u002Fen\u002Fcomponents\u002Fbb-checkbox":23,"\u002Fit\u002Fcomponenti\u002Fbb-checkbox-group":24,"\u002Fen\u002Fcomponents\u002Fbb-checkbox-group":25,"\u002Fit\u002Fcomponenti\u002Fbb-collapsible":26,"\u002Fen\u002Fcomponents\u002Fbb-collapsible":27,"\u002Fit\u002Fcomponenti\u002Fbb-color-input":28,"\u002Fen\u002Fcomponents\u002Fbb-color-input":29,"\u002Fit\u002Fcomponenti\u002Fbb-color-palette":30,"\u002Fen\u002Fcomponents\u002Fbb-color-palette":31,"\u002Fit\u002Fcomponenti\u002Fbb-confirm":32,"\u002Fen\u002Fcomponents\u002Fbb-confirm":33,"\u002Fit\u002Fcomponenti\u002Fbb-date-picker":34,"\u002Fen\u002Fcomponents\u002Fbb-date-picker":35,"\u002Fit\u002Fcomponenti\u002Fbb-date-picker-input":36,"\u002Fen\u002Fcomponents\u002Fbb-date-picker-input":37,"\u002Fit\u002Fcomponenti\u002Fbb-dialog":38,"\u002Fen\u002Fcomponents\u002Fbb-dialog":39,"\u002Fit\u002Fcomponenti\u002Fbb-dropdown":40,"\u002Fen\u002Fcomponents\u002Fbb-dropdown":41,"\u002Fit\u002Fcomponenti\u002Fbb-dropdown-button":42,"\u002Fen\u002Fcomponents\u002Fbb-dropdown-button":43,"\u002Fit\u002Fcomponenti\u002Fbb-dropzone":44,"\u002Fen\u002Fcomponents\u002Fbb-dropzone":45,"\u002Fit\u002Fcomponenti\u002Fbb-form":46,"\u002Fen\u002Fcomponents\u002Fbb-form":47,"\u002Fit\u002Fcomponenti\u002Fbb-hover-card":48,"\u002Fen\u002Fcomponents\u002Fbb-hover-card":49,"\u002Fit\u002Fcomponenti\u002Fbb-icon":50,"\u002Fen\u002Fcomponents\u002Fbb-icon":51,"\u002Fit\u002Fcomponenti\u002Fbb-indicator":52,"\u002Fen\u002Fcomponents\u002Fbb-indicator":53,"\u002Fit\u002Fcomponenti\u002Fbb-number-input":54,"\u002Fen\u002Fcomponents\u002Fbb-number-input":55,"\u002Fit\u002Fcomponenti\u002Fbb-off-canvas":56,"\u002Fen\u002Fcomponents\u002Fbb-off-canvas":57,"\u002Fit\u002Fcomponenti\u002Fbb-pagination":58,"\u002Fen\u002Fcomponents\u002Fbb-pagination":59,"\u002Fit\u002Fcomponenti\u002Fbb-popover":60,"\u002Fen\u002Fcomponents\u002Fbb-popover":61,"\u002Fit\u002Fcomponenti\u002Fbb-progress":62,"\u002Fen\u002Fcomponents\u002Fbb-progress":63,"\u002Fit\u002Fcomponenti\u002Fbb-radio":64,"\u002Fen\u002Fcomponents\u002Fbb-radio":65,"\u002Fit\u002Fcomponenti\u002Fbb-radio-group":66,"\u002Fen\u002Fcomponents\u002Fbb-radio-group":67,"\u002Fit\u002Fcomponenti\u002Fbb-rating":68,"\u002Fen\u002Fcomponents\u002Fbb-rating":69,"\u002Fit\u002Fcomponenti\u002Fbb-select":70,"\u002Fen\u002Fcomponents\u002Fbb-select":71,"\u002Fit\u002Fcomponenti\u002Fbb-select-popover":72,"\u002Fen\u002Fcomponents\u002Fbb-select-popover":73,"\u002Fit\u002Fcomponenti\u002Fbb-slider":74,"\u002Fen\u002Fcomponents\u002Fbb-slider":75,"\u002Fit\u002Fcomponenti\u002Fbb-smooth-height":76,"\u002Fen\u002Fcomponents\u002Fbb-smooth-height":77,"\u002Fit\u002Fcomponenti\u002Fbb-spinner":78,"\u002Fen\u002Fcomponents\u002Fbb-spinner":79,"\u002Fit\u002Fcomponenti\u002Fbb-switch":80,"\u002Fen\u002Fcomponents\u002Fbb-switch":81,"\u002Fit\u002Fcomponenti\u002Fbb-switch-group":82,"\u002Fen\u002Fcomponents\u002Fbb-switch-group":83,"\u002Fit\u002Fcomponenti\u002Fbb-table":84,"\u002Fen\u002Fcomponents\u002Fbb-table":85,"\u002Fit\u002Fcomponenti\u002Fbb-tabs":86,"\u002Fen\u002Fcomponents\u002Fbb-tabs":87,"\u002Fit\u002Fcomponenti\u002Fbb-tag":88,"\u002Fen\u002Fcomponents\u002Fbb-tag":89,"\u002Fit\u002Fcomponenti\u002Fbb-text-input":90,"\u002Fen\u002Fcomponents\u002Fbb-text-input":91,"\u002Fit\u002Fcomponenti\u002Fbb-textarea":92,"\u002Fen\u002Fcomponents\u002Fbb-textarea":93,"\u002Fit\u002Fcomponenti\u002Fbb-time-picker":94,"\u002Fen\u002Fcomponents\u002Fbb-time-picker":95,"\u002Fit\u002Fcomponenti\u002Fbb-time-picker-input":96,"\u002Fen\u002Fcomponents\u002Fbb-time-picker-input":97,"\u002Fit\u002Fcomponenti\u002Fbb-toast":98,"\u002Fen\u002Fcomponents\u002Fbb-toast":99,"\u002Fit\u002Fcomponenti\u002Fbb-tooltip":100,"\u002Fen\u002Fcomponents\u002Fbb-tooltip":101,"\u002Fit\u002Fcomponenti\u002Fbb-tree":102,"\u002Fen\u002Fcomponents\u002Fbb-tree":103,"\u002Fit\u002Fguide\u002Fadoption-checklist":104,"\u002Fen\u002Fguides\u002Fadoption-checklist":105,"\u002Fit\u002Fguide\u002Fai-agents":106,"\u002Fen\u002Fguides\u002Fai-agents":107,"\u002Fit\u002Fguide\u002Fcoherence":108,"\u002Fen\u002Fguides\u002Fcoherence":109,"\u002Fit\u002Fguide\u002Fdesign-language":110,"\u002Fen\u002Fguides\u002Fdesign-language":111,"\u002Fit\u002Fguide\u002Fdesign-tokens":112,"\u002Fen\u002Fguides\u002Fdesign-tokens":113,"\u002Fit\u002Fguide\u002Ffetching-data":114,"\u002Fen\u002Fguides\u002Ffetching-data":115,"\u002Fit\u002Fguide\u002Ficons":116,"\u002Fen\u002Fguides\u002Ficons":117,"\u002Fit\u002Fguide\u002Finertia":118,"\u002Fen\u002Fguides\u002Finertia":119,"\u002Fit\u002Fguide\u002Finstallation":120,"\u002Fen\u002Fguides\u002Finstallation":121,"\u002Fit\u002Fguide\u002Fmigration":122,"\u002Fen\u002Fguides\u002Fmigration":123,"\u002Fit\u002Fguide\u002Fnuxt":124,"\u002Fen\u002Fguides\u002Fnuxt":125,"\u002Fit\u002Fguide\u002Foptions-and-items":126,"\u002Fen\u002Fguides\u002Foptions-and-items":127,"\u002Fit\u002Fguide\u002Fpassthrough":128,"\u002Fen\u002Fguides\u002Fpassthrough":129,"\u002Fit\u002Fguide\u002Fpreset-components":130,"\u002Fen\u002Fguides\u002Fpreset-components":131,"\u002Fit\u002Fguide\u002Fvalidated-forms":132,"\u002Fen\u002Fguides\u002Fvalidated-forms":133},"\u002Fen\u002Fcomponents\u002Fbb-accordion","\u002Fit\u002Fcomponenti\u002Fbb-accordion","\u002Fen\u002Fcomponents\u002Fbb-alert","\u002Fit\u002Fcomponenti\u002Fbb-alert","\u002Fen\u002Fcomponents\u002Fbb-asterisk","\u002Fit\u002Fcomponenti\u002Fbb-asterisk","\u002Fen\u002Fcomponents\u002Fbb-avatar","\u002Fit\u002Fcomponenti\u002Fbb-avatar","\u002Fen\u002Fcomponents\u002Fbb-badge","\u002Fit\u002Fcomponenti\u002Fbb-badge","\u002Fen\u002Fcomponents\u002Fbb-base-button","\u002Fit\u002Fcomponenti\u002Fbb-base-button","\u002Fen\u002Fcomponents\u002Fbb-breadcrumbs","\u002Fit\u002Fcomponenti\u002Fbb-breadcrumbs","\u002Fen\u002Fcomponents\u002Fbb-button","\u002Fit\u002Fcomponenti\u002Fbb-button","\u002Fen\u002Fcomponents\u002Fbb-calendar","\u002Fit\u002Fcomponenti\u002Fbb-calendar","\u002Fen\u002Fcomponents\u002Fbb-checkbox","\u002Fit\u002Fcomponenti\u002Fbb-checkbox","\u002Fen\u002Fcomponents\u002Fbb-checkbox-group","\u002Fit\u002Fcomponenti\u002Fbb-checkbox-group","\u002Fen\u002Fcomponents\u002Fbb-collapsible","\u002Fit\u002Fcomponenti\u002Fbb-collapsible","\u002Fen\u002Fcomponents\u002Fbb-color-input","\u002Fit\u002Fcomponenti\u002Fbb-color-input","\u002Fen\u002Fcomponents\u002Fbb-color-palette","\u002Fit\u002Fcomponenti\u002Fbb-color-palette","\u002Fen\u002Fcomponents\u002Fbb-confirm","\u002Fit\u002Fcomponenti\u002Fbb-confirm","\u002Fen\u002Fcomponents\u002Fbb-date-picker","\u002Fit\u002Fcomponenti\u002Fbb-date-picker","\u002Fen\u002Fcomponents\u002Fbb-date-picker-input","\u002Fit\u002Fcomponenti\u002Fbb-date-picker-input","\u002Fen\u002Fcomponents\u002Fbb-dialog","\u002Fit\u002Fcomponenti\u002Fbb-dialog","\u002Fen\u002Fcomponents\u002Fbb-dropdown","\u002Fit\u002Fcomponenti\u002Fbb-dropdown","\u002Fen\u002Fcomponents\u002Fbb-dropdown-button","\u002Fit\u002Fcomponenti\u002Fbb-dropdown-button","\u002Fen\u002Fcomponents\u002Fbb-dropzone","\u002Fit\u002Fcomponenti\u002Fbb-dropzone","\u002Fen\u002Fcomponents\u002Fbb-form","\u002Fit\u002Fcomponenti\u002Fbb-form","\u002Fen\u002Fcomponents\u002Fbb-hover-card","\u002Fit\u002Fcomponenti\u002Fbb-hover-card","\u002Fen\u002Fcomponents\u002Fbb-icon","\u002Fit\u002Fcomponenti\u002Fbb-icon","\u002Fen\u002Fcomponents\u002Fbb-indicator","\u002Fit\u002Fcomponenti\u002Fbb-indicator","\u002Fen\u002Fcomponents\u002Fbb-number-input","\u002Fit\u002Fcomponenti\u002Fbb-number-input","\u002Fen\u002Fcomponents\u002Fbb-off-canvas","\u002Fit\u002Fcomponenti\u002Fbb-off-canvas","\u002Fen\u002Fcomponents\u002Fbb-pagination","\u002Fit\u002Fcomponenti\u002Fbb-pagination","\u002Fen\u002Fcomponents\u002Fbb-popover","\u002Fit\u002Fcomponenti\u002Fbb-popover","\u002Fen\u002Fcomponents\u002Fbb-progress","\u002Fit\u002Fcomponenti\u002Fbb-progress","\u002Fen\u002Fcomponents\u002Fbb-radio","\u002Fit\u002Fcomponenti\u002Fbb-radio","\u002Fen\u002Fcomponents\u002Fbb-radio-group","\u002Fit\u002Fcomponenti\u002Fbb-radio-group","\u002Fen\u002Fcomponents\u002Fbb-rating","\u002Fit\u002Fcomponenti\u002Fbb-rating","\u002Fen\u002Fcomponents\u002Fbb-select","\u002Fit\u002Fcomponenti\u002Fbb-select","\u002Fen\u002Fcomponents\u002Fbb-select-popover","\u002Fit\u002Fcomponenti\u002Fbb-select-popover","\u002Fen\u002Fcomponents\u002Fbb-slider","\u002Fit\u002Fcomponenti\u002Fbb-slider","\u002Fen\u002Fcomponents\u002Fbb-smooth-height","\u002Fit\u002Fcomponenti\u002Fbb-smooth-height","\u002Fen\u002Fcomponents\u002Fbb-spinner","\u002Fit\u002Fcomponenti\u002Fbb-spinner","\u002Fen\u002Fcomponents\u002Fbb-switch","\u002Fit\u002Fcomponenti\u002Fbb-switch","\u002Fen\u002Fcomponents\u002Fbb-switch-group","\u002Fit\u002Fcomponenti\u002Fbb-switch-group","\u002Fen\u002Fcomponents\u002Fbb-table","\u002Fit\u002Fcomponenti\u002Fbb-table","\u002Fen\u002Fcomponents\u002Fbb-tabs","\u002Fit\u002Fcomponenti\u002Fbb-tabs","\u002Fen\u002Fcomponents\u002Fbb-tag","\u002Fit\u002Fcomponenti\u002Fbb-tag","\u002Fen\u002Fcomponents\u002Fbb-text-input","\u002Fit\u002Fcomponenti\u002Fbb-text-input","\u002Fen\u002Fcomponents\u002Fbb-textarea","\u002Fit\u002Fcomponenti\u002Fbb-textarea","\u002Fen\u002Fcomponents\u002Fbb-time-picker","\u002Fit\u002Fcomponenti\u002Fbb-time-picker","\u002Fen\u002Fcomponents\u002Fbb-time-picker-input","\u002Fit\u002Fcomponenti\u002Fbb-time-picker-input","\u002Fen\u002Fcomponents\u002Fbb-toast","\u002Fit\u002Fcomponenti\u002Fbb-toast","\u002Fen\u002Fcomponents\u002Fbb-tooltip","\u002Fit\u002Fcomponenti\u002Fbb-tooltip","\u002Fen\u002Fcomponents\u002Fbb-tree","\u002Fit\u002Fcomponenti\u002Fbb-tree","\u002Fen\u002Fguides\u002Fadoption-checklist","\u002Fit\u002Fguide\u002Fadoption-checklist","\u002Fen\u002Fguides\u002Fai-agents","\u002Fit\u002Fguide\u002Fai-agents","\u002Fen\u002Fguides\u002Fcoherence","\u002Fit\u002Fguide\u002Fcoherence","\u002Fen\u002Fguides\u002Fdesign-language","\u002Fit\u002Fguide\u002Fdesign-language","\u002Fen\u002Fguides\u002Fdesign-tokens","\u002Fit\u002Fguide\u002Fdesign-tokens","\u002Fen\u002Fguides\u002Ffetching-data","\u002Fit\u002Fguide\u002Ffetching-data","\u002Fen\u002Fguides\u002Ficons","\u002Fit\u002Fguide\u002Ficons","\u002Fen\u002Fguides\u002Finertia","\u002Fit\u002Fguide\u002Finertia","\u002Fen\u002Fguides\u002Finstallation","\u002Fit\u002Fguide\u002Finstallation","\u002Fen\u002Fguides\u002Fmigration","\u002Fit\u002Fguide\u002Fmigration","\u002Fen\u002Fguides\u002Fnuxt","\u002Fit\u002Fguide\u002Fnuxt","\u002Fen\u002Fguides\u002Foptions-and-items","\u002Fit\u002Fguide\u002Foptions-and-items","\u002Fen\u002Fguides\u002Fpassthrough","\u002Fit\u002Fguide\u002Fpassthrough","\u002Fen\u002Fguides\u002Fpreset-components","\u002Fit\u002Fguide\u002Fpreset-components","\u002Fen\u002Fguides\u002Fvalidated-forms","\u002Fit\u002Fguide\u002Fvalidated-forms",[135,150,162,186,198,242,275,311,332,353,365,371],{"label":136,"entries":137},"Getting started",[138,142,146],{"title":139,"path":140,"order":141},"Installation","\u002Fguides\u002Finstallation",1,{"title":143,"path":144,"order":145},"Migrating from v2","\u002Fguides\u002Fmigration",2,{"title":147,"path":148,"order":149},"Adoption checklist","\u002Fguides\u002Fadoption-checklist",3,{"label":151,"entries":152},"Design system",[153,156,159],{"title":154,"path":155,"order":141},"Design tokens","\u002Fguides\u002Fdesign-tokens",{"title":157,"path":158,"order":145},"Design language","\u002Fguides\u002Fdesign-language",{"title":160,"path":161,"order":149},"Passthrough","\u002Fguides\u002Fpassthrough",{"label":163,"entries":164},"Playbooks",[165,168,171,174,178,182],{"title":166,"path":167,"order":141},"Options and items","\u002Fguides\u002Foptions-and-items",{"title":169,"path":170,"order":145},"Fetching data","\u002Fguides\u002Ffetching-data",{"title":172,"path":173,"order":149},"Coherence","\u002Fguides\u002Fcoherence",{"title":175,"path":176,"order":177},"Validated forms","\u002Fguides\u002Fvalidated-forms",4,{"title":179,"path":180,"order":181},"Icons","\u002Fguides\u002Ficons",5,{"title":183,"path":184,"order":185},"Preset components","\u002Fguides\u002Fpreset-components",6,{"label":187,"entries":188},"Ecosystem",[189,192,195],{"title":190,"path":191,"order":141},"Inertia and Laravel","\u002Fguides\u002Finertia",{"title":193,"path":194,"order":145},"Nuxt","\u002Fguides\u002Fnuxt",{"title":196,"path":197,"order":149},"AI agents","\u002Fguides\u002Fai-agents",{"label":199,"entries":200},"Inputs",[201,204,207,210,213,216,219,222,226,230,234,238],{"title":202,"path":203,"component":202,"order":141},"BbBaseButton","\u002Fcomponents\u002Fbb-base-button",{"title":205,"path":206,"component":205,"order":145},"BbButton","\u002Fcomponents\u002Fbb-button",{"title":208,"path":209,"component":208,"order":149},"BbCalendar","\u002Fcomponents\u002Fbb-calendar",{"title":211,"path":212,"component":211,"order":149},"BbColorInput","\u002Fcomponents\u002Fbb-color-input",{"title":214,"path":215,"component":214,"order":177},"BbDatePickerInput","\u002Fcomponents\u002Fbb-date-picker-input",{"title":217,"path":218,"component":217,"order":181},"BbDropzone","\u002Fcomponents\u002Fbb-dropzone",{"title":220,"path":221,"component":220,"order":185},"BbForm","\u002Fcomponents\u002Fbb-form",{"title":223,"path":224,"component":223,"order":225},"BbNumberInput","\u002Fcomponents\u002Fbb-number-input",7,{"title":227,"path":228,"component":227,"order":229},"BbTag","\u002Fcomponents\u002Fbb-tag",8,{"title":231,"path":232,"component":231,"order":233},"BbTextarea","\u002Fcomponents\u002Fbb-textarea",9,{"title":235,"path":236,"component":235,"order":237},"BbTextInput","\u002Fcomponents\u002Fbb-text-input",10,{"title":239,"path":240,"component":239,"order":241},"BbTimePickerInput","\u002Fcomponents\u002Fbb-time-picker-input",11,{"label":243,"entries":244},"Selection",[245,248,251,254,257,260,263,266,269,272],{"title":246,"path":247,"component":246,"order":141},"BbCheckbox","\u002Fcomponents\u002Fbb-checkbox",{"title":249,"path":250,"component":249,"order":145},"BbCheckboxGroup","\u002Fcomponents\u002Fbb-checkbox-group",{"title":252,"path":253,"component":252,"order":149},"BbRadio","\u002Fcomponents\u002Fbb-radio",{"title":255,"path":256,"component":255,"order":177},"BbRadioGroup","\u002Fcomponents\u002Fbb-radio-group",{"title":258,"path":259,"component":258,"order":181},"BbRating","\u002Fcomponents\u002Fbb-rating",{"title":261,"path":262,"component":261,"order":185},"BbSelect","\u002Fcomponents\u002Fbb-select",{"title":264,"path":265,"component":264,"order":225},"BbSelectPopover","\u002Fcomponents\u002Fbb-select-popover",{"title":267,"path":268,"component":267,"order":229},"BbSlider","\u002Fcomponents\u002Fbb-slider",{"title":270,"path":271,"component":270,"order":233},"BbSwitch","\u002Fcomponents\u002Fbb-switch",{"title":273,"path":274,"component":273,"order":237},"BbSwitchGroup","\u002Fcomponents\u002Fbb-switch-group",{"label":276,"entries":277},"Overlay",[278,281,284,287,290,293,296,299,302,305,308],{"title":279,"path":280,"component":279,"order":141},"BbColorPalette","\u002Fcomponents\u002Fbb-color-palette",{"title":282,"path":283,"component":282,"order":145},"BbConfirm","\u002Fcomponents\u002Fbb-confirm",{"title":285,"path":286,"component":285,"order":149},"BbDatePicker","\u002Fcomponents\u002Fbb-date-picker",{"title":288,"path":289,"component":288,"order":177},"BbDialog","\u002Fcomponents\u002Fbb-dialog",{"title":291,"path":292,"component":291,"order":181},"BbDropdown","\u002Fcomponents\u002Fbb-dropdown",{"title":294,"path":295,"component":294,"order":185},"BbDropdownButton","\u002Fcomponents\u002Fbb-dropdown-button",{"title":297,"path":298,"component":297,"order":225},"BbHoverCard","\u002Fcomponents\u002Fbb-hover-card",{"title":300,"path":301,"component":300,"order":225},"BbOffCanvas","\u002Fcomponents\u002Fbb-off-canvas",{"title":303,"path":304,"component":303,"order":229},"BbPopover","\u002Fcomponents\u002Fbb-popover",{"title":306,"path":307,"component":306,"order":233},"BbTimePicker","\u002Fcomponents\u002Fbb-time-picker",{"title":309,"path":310,"component":309,"order":237},"BbTooltip","\u002Fcomponents\u002Fbb-tooltip",{"label":312,"entries":313},"Navigation",[314,317,320,323,326,329],{"title":315,"path":316,"component":315,"order":141},"BbAccordion","\u002Fcomponents\u002Fbb-accordion",{"title":318,"path":319,"component":318,"order":145},"BbBreadcrumbs","\u002Fcomponents\u002Fbb-breadcrumbs",{"title":321,"path":322,"component":321,"order":149},"BbCollapsible","\u002Fcomponents\u002Fbb-collapsible",{"title":324,"path":325,"component":324,"order":177},"BbPagination","\u002Fcomponents\u002Fbb-pagination",{"title":327,"path":328,"component":327,"order":181},"BbTabs","\u002Fcomponents\u002Fbb-tabs",{"title":330,"path":331,"component":330,"order":185},"BbTree","\u002Fcomponents\u002Fbb-tree",{"label":333,"entries":334},"Feedback",[335,338,341,344,347,350],{"title":336,"path":337,"component":336,"order":141},"BbAlert","\u002Fcomponents\u002Fbb-alert",{"title":339,"path":340,"component":339,"order":145},"BbBadge","\u002Fcomponents\u002Fbb-badge",{"title":342,"path":343,"component":342,"order":149},"BbIndicator","\u002Fcomponents\u002Fbb-indicator",{"title":345,"path":346,"component":345,"order":177},"BbProgress","\u002Fcomponents\u002Fbb-progress",{"title":348,"path":349,"component":348,"order":181},"BbSpinner","\u002Fcomponents\u002Fbb-spinner",{"title":351,"path":352,"component":351,"order":185},"BbToast","\u002Fcomponents\u002Fbb-toast",{"label":354,"entries":355},"Data Display",[356,359,362],{"title":357,"path":358,"component":357,"order":141},"BbAvatar","\u002Fcomponents\u002Fbb-avatar",{"title":360,"path":361,"component":360,"order":145},"BbIcon","\u002Fcomponents\u002Fbb-icon",{"title":363,"path":364,"component":363,"order":149},"BbTable","\u002Fcomponents\u002Fbb-table",{"label":366,"entries":367},"Layout & Utility",[368],{"title":369,"path":370,"component":369,"order":141},"BbSmoothHeight","\u002Fcomponents\u002Fbb-smooth-height",{"label":372,"entries":373},"Other",[374],{"title":375,"path":376,"component":375,"order":141},"BbAsterisk","\u002Fcomponents\u002Fbb-asterisk",{"name":223,"slug":378,"group":199,"description":379,"entrypoint":380,"docs":381,"props":384,"models":583,"events":586,"slots":644,"exposed":677,"pt":678,"validated":389,"migration":733},"bb-number-input","Captures and validates numeric form values, emits a number value.","bitboss-ui",{"contract":382,"source":383},"ai\u002FBbNumberInput.md","ai\u002Fsource\u002FBbNumberInput.md",[385,393,397,401,408,413,417,422,426,431,436,439,443,447,450,454,457,461,468,471,476,480,484,488,495,500,505,510,516,520,523,526,530,534,539,543,547,550,556,562,567,570,574,579],{"name":386,"type":387,"required":388,"default":389,"description":390,"note":391,"demo":392},"append:icon","string | undefined",false,null,"Name of the icon to be added at the end of the input.","The append position is contested, by priority: clear button → spinner (`loading`) → error icon (`hasErrors`) → this. On a `clearable` or validatable field your icon is the first thing displaced, so prefer `prepend:icon` for decoration.","affixes",{"name":394,"type":387,"required":388,"default":395,"description":396,"note":389,"demo":389},"autocomplete","\"off\"","Guides the browser as to the type of information expected in the field.",{"name":398,"type":399,"required":388,"default":389,"description":400,"note":389,"demo":389},"autofocus","Booleanish | undefined","Focuses the field when it mounts (a dialog already open included), unless the user is typing in another field.",{"name":402,"type":403,"required":388,"default":404,"description":405,"note":406,"demo":407},"clearable","boolean | undefined","false","Displays a clear button when the input has a value and is being interacted with.","Emits `null`, not `0` or `''`. Suppressed on `disabled` and `readonly` fields, and it takes the append position from `append:icon`.","states",{"name":409,"type":403,"required":388,"default":404,"description":410,"note":411,"demo":412},"compact","Compact density: the field uses the `-compact` twins of `--bb-input-h`, `--bb-input-py` and `--bb-label-spacing-y`, so a `--bb-input-h` set on the component is ignored while it is on. Size a compact field with `--bb-input-h-compact` (and `--bb-input-py-compact`).","The only density knob: this family has no `size` scale. Set it per view rather than per field, so a form does not mix two control heights.","layout",{"name":414,"type":387,"required":388,"default":389,"description":415,"note":416,"demo":392},"currency","An ISO 4217 code (`'EUR'`): the amount shows the locale's way, symbol inside the text (`1.234,56 €`), leaving `#prefix` \u002F `#suffix` free; the model is the number. Decimals default to the currency's; `minPrecision` \u002F `maxPrecision` win. Not with `unit`.","Puts the symbol inside the text, where the locale writes it (`€69.00` in English, `69,00 €` in Italian), and sets the decimals unless `minPrecision` \u002F `maxPrecision` are set. The model stays the number. A `maxlength` and `event.target.value` see the symbol too.",{"name":418,"type":387,"required":388,"default":389,"description":419,"note":420,"demo":421},"description","Text between the label and the input. Unlike the hint it is always visible; it joins the input's `aria-describedby` after any `errors` \u002F `warnings`, before the `hint`.","For what the user needs before typing. Anything about the acceptable range reads better in `hint`, next to the field they are about to get wrong.","messaging",{"name":423,"type":403,"required":388,"default":404,"description":424,"note":425,"demo":407},"disabled","Disables the component.","Blocks everything, arrow-key stepping included. For a number that is derived or detected rather than forbidden, `readonly` keeps it legible and copyable.",{"name":427,"type":403,"required":388,"default":404,"description":428,"note":429,"demo":430},"disableFormatting","Shows the number as typed (period decimal, no grouping), with `name` on the visible input. Without it the field formats the locale's way while typing (`10.005,6`) and posts the raw value (`10005.6`) through a hidden input carrying `name`.","Shows the number as typed, with a period decimal and no grouping, and puts `name` back on the visible input. `currency` and `unit` are ignored. For code that cannot cope with the formatted text yet; the default is what users should see.","locale",{"name":432,"type":433,"required":388,"default":389,"description":434,"note":435,"demo":421},"errors","string | string[] | undefined","Error messages under the field, a string or array, in an `aria-live=\"polite\"` region and first in the control's `aria-describedby`, so they are re-read when it regains focus.","Where a business rule lives, since `min` and `max` can only express a range and do it without a message. Non-empty is enough; `hasErrors` is only for when the message itself is elsewhere. Inside a `BbForm` these merge with the rule messages rather than replacing them.",{"name":437,"type":403,"required":388,"default":404,"description":438,"note":389,"demo":389},"formless","Keep this control out of the enclosing `BbForm` entirely: not submitted, not dirty, not reset, not validated. For a control that is not form data (a filter, a \"show advanced\" switch).",{"name":440,"type":403,"required":388,"default":404,"description":441,"note":442,"demo":421},"hasErrors","Define if the component should be in an error state. It usually attaches a CSS class for styling purposes.","Forces the error chrome without a message of its own. Reach for it when the text lives in a summary alert above the form.",{"name":444,"type":403,"required":388,"default":404,"description":445,"note":446,"demo":421},"hasWarnings","Define if the component should be in a warning state. Same chrome as errors with `--bb-warn`; errors take priority.","The amber counterpart of `hasErrors`, and equally a force-the-chrome flag. It never sets `aria-invalid`: a warning says \"unusual\", not \"wrong\".",{"name":448,"type":403,"required":388,"default":404,"description":449,"note":389,"demo":389},"hideLabel","Visually hides the label of the input while maintaining accessibility.",{"name":451,"type":387,"required":388,"default":389,"description":452,"note":453,"demo":421},"hint","Text box to be displayed near the input, usually to indicate instructions.","The natural home for the range or the unit, because `min` and `max` correct a value in silence. Pair with `persistentHint` when the range matters before focus, not just during it.",{"name":455,"type":387,"required":388,"default":389,"description":456,"note":389,"demo":389},"id","The `id` of the native control; the label's `for` and the description and message ids derive from it. Generated when omitted.",{"name":458,"type":459,"required":388,"default":389,"description":460,"note":389,"demo":389},"inputAlign","FieldCrossAlign | undefined","Vertical position of the control in a side-by-side row; not `inputPosition`, the horizontal one. Omitted, the control's first line meets the label's.",{"name":462,"type":463,"required":464,"default":389,"description":465,"note":466,"demo":467},"label","string",true,"Text content of the label of the element.","Names the field for display and for assistive technology only. It does not set `name`. Inside a `BbForm`, a field with no `name` joins under a slug of this text; pass `name` for a clean key.","default",{"name":469,"type":459,"required":388,"default":389,"description":470,"note":389,"demo":389},"labelAlign","Vertical position of the label block in a side-by-side row; not `labelPosition`, the horizontal one. Omitted, the label's first line meets the control's.",{"name":472,"type":473,"required":388,"default":389,"description":474,"note":475,"demo":412},"labelMode","\"outside\" | \"floating\" | \"inside\" | undefined","Label rendering mode.","Unset, it falls back to the project-wide `defaultInputLabelMode`, so a product can go all-floating from the plugin config without touching call sites. Do not pair `floating` with a `placeholder`: the resting label already occupies that spot.",{"name":477,"type":478,"required":388,"default":389,"description":479,"note":389,"demo":389},"labelPosition","\"left\" | \"center\" | \"right\" | undefined","Sets the text alignment of the label.",{"name":412,"type":481,"required":388,"default":389,"description":482,"note":483,"demo":412},"Responsive\u003CFieldLayout> | undefined","How label and input sit together: `'vertical'`, `'horizontal'` (50\u002F50), `'auto'`, `'label-fill'`, `'input-fill'`, a ratio like `'xx xxxxx'`, or a per-breakpoint map (`{ default: 'vertical', md: 'xx xxxxx' }`).","Ignored, without a warning, unless the resolved label mode is `outside`. `floating` and `inside` embed the label in the field and force the vertical layout, including when the mode comes from `defaultInputLabelMode` rather than from the call site.",{"name":485,"type":403,"required":388,"default":404,"description":486,"note":487,"demo":407},"loading","Sets the component in a loading state, usually triggering some visual styles.","Visual only. The field stays editable underneath the spinner, so if an async check has to settle before the value is usable, guard that yourself.",{"name":489,"type":490,"required":388,"default":491,"description":492,"note":493,"demo":494},"max","number | undefined","Number.MAX_SAFE_INTEGER","Maximum value cap.","Clamps the emitted value at once, with no message and no event, so a user who types past it sees their number change under them. Say the ceiling in `hint` before they reach it.","bounds",{"name":496,"type":490,"required":388,"default":497,"description":498,"note":499,"demo":494},"maxPrecision","8","Maximum precision of the number: fraction digits past it are refused as typed (never rounded). With `currency`, the currency's own digits (`2` for EUR, `0` for JPY, `3` for KWD), or `minPrecision` when that is larger.","`0` pins the field to whole numbers; for money set `currency`, which brings its own decimals. Extra decimals are refused as typed, never rounded: with `0` a typed `,` or `.` stays until blur and the digits after it are refused (`12,5` is 12, not 125). Below `3`, a second `,` or `.` is refused once a decimal exists.",{"name":501,"type":490,"required":388,"default":502,"description":503,"note":504,"demo":494},"min","Number.MIN_SAFE_INTEGER","Minimum value cap. Applied on blur and on Enter (before a surrounding form submits), not while typing, so a value above a `min` greater than 1 can be typed digit by digit.","Applied when the field loses focus or on Enter, not per keystroke, so `20` can be typed into a 16–28 field; left below it, the value rises to `min`. Enter applies it before a surrounding form submits, which makes a `min_value` rule inside a `BbForm` redundant.",{"name":506,"type":490,"required":388,"default":507,"description":508,"note":509,"demo":494},"minPrecision","0","Fraction digits always shown (`2`: `1` shows `1,00`), also while typing, where the padding zeros are placeholders; the model stays the number. Above `maxPrecision` it gives way. Applies with `disableFormatting` too. With `currency`: the currency's own digits.","Decimals always shown, padded with zeros the user types over: with `2`, `1` shows `1.00` while the model stays `1`. Also the way to keep trailing zeros after blur, which otherwise rewrites `1.50` as `1.5`.",{"name":511,"type":512,"required":388,"default":513,"description":514,"note":515,"demo":467},"modelValue","string | number | null | undefined","null","Used by v-model.","Accepts `number | string | null` and emits `number | null`. A cleared field emits `null`, never `''` and never `NaN`, and an in-progress string (`-`, `.`, `12.`) emits nothing until it parses.",{"name":517,"type":387,"required":388,"default":389,"description":518,"note":519,"demo":430},"name","Defines the name of the input.","Not derived from `label`. It lands on a hidden input that posts the raw value (`10005.6`), never on the visible one, so `input[name=…]` finds the hidden input: a test types into `input[role=\"spinbutton\"]`. Leave it unset and a native post or a `FormData` read drops the value.",{"name":521,"type":403,"required":388,"default":404,"description":522,"note":389,"demo":389},"persistentHint","Keeps the hint displayed.",{"name":524,"type":387,"required":388,"default":389,"description":525,"note":389,"demo":389},"placeholder","Text shown while the field is empty.",{"name":527,"type":387,"required":388,"default":389,"description":528,"note":529,"demo":392},"prepend:icon","Name of the icon to be added at the start of the input.","The uncontested position: nothing in the component competes for it. Put decorative iconography here and keep `append:icon` for fields that are neither clearable nor validatable.",{"name":531,"type":532,"required":388,"default":389,"description":533,"note":389,"demo":389},"pt","(PtMap\u003CTextControlPtPart, FormControlPtState> & { \"root:outline\"?: PtValue | undefined; \"icon:outline\"?: PtValue | undefined; \"root:secondary\"?: PtValue | undefined; \"icon:secondary\"?: PtValue | undefined; \"spinner:outline\"?: PtValue | undefined; \"spinner:secondary\"?: PtValue | undefined; \"clear:outline\"?: PtValue | undefined; \"clear:secondary\"?: PtValue | undefined; \"root:ghost\"?: PtValue | undefined; \"icon:ghost\"?: PtValue | undefined; \"spinner:ghost\"?: PtValue | undefined; \"clear:ghost\"?: PtValue | undefined; \"label:outline\"?: PtValue | undefined; \"label:secondary\"?: PtValue | undefined; \"label:ghost\"?: PtValue | undefined; \"description:outline\"?: PtValue | undefined; \"description:secondary\"?: PtValue | undefined; \"description:ghost\"?: PtValue | undefined; \"message:outline\"?: PtValue | undefined; \"message:secondary\"?: PtValue | undefined; \"message:ghost\"?: PtValue | undefined; \"hint:outline\"?: PtValue | undefined; \"hint:secondary\"?: PtValue | undefined; \"hint:ghost\"?: PtValue | undefined; \"input:outline\"?: PtValue | undefined; \"input:secondary\"?: PtValue | undefined; \"input:ghost\"?: PtValue | undefined; \"box:outline\"?: PtValue | undefined; \"box:secondary\"?: PtValue | undefined; \"box:ghost\"?: PtValue | undefined; \"prefix:outline\"?: PtValue | undefined; \"prefix:secondary\"?: PtValue | undefined; \"prefix:ghost\"?: PtValue | undefined; \"suffix:outline\"?: PtValue | undefined; \"suffix:secondary\"?: PtValue | undefined; \"suffix:ghost\"?: PtValue | undefined; }) | undefined","Passthrough, object form: `{ box: '…', 'box:errors': '…' }` — the same keys as the `pt:*` attributes without the prefix. See the `pt:\u003Cpart>` row.",{"name":535,"type":536,"required":388,"default":389,"description":537,"note":389,"demo":538},"pt:\u003Cpart>","PtValue | undefined","Passthrough, attribute form: one attribute per part, `pt:\u003Cpart>`, and per part and state, `pt:\u003Cpart>:\u003Cstate>`. Parts: `box`, `clear`, `description`, `hint`, `icon`, `input`, `label`, `message`, `prefix`, `root`, `spinner`, `suffix`. States: `disabled`, `errors`, `ghost`, `hasValue`, `loading`, `outline`, `readonly`, `secondary`, `warnings`.","passthrough",{"name":540,"type":403,"required":388,"default":404,"description":541,"note":542,"demo":407},"readonly","Sets the input in a readonly state.","The right state for a number that is computed or detected rather than entered, such as a total or a weight read off a scale. Unlike `disabled` it stays legible and copyable, and it disables stepping just the same.",{"name":544,"type":403,"required":388,"default":404,"description":545,"note":546,"demo":389},"required","Marks the input required (asterisk, aria-required, native validation in a plain form). Inside a BbForm it is not enforced; use rules=\"required\" or the schema.","Forwards to the native input and validates nothing on its own. It raises the required marker (unless `requiredAsterisk` is off); inside a `BbForm` a `required` rule or the schema does too, and checks the value.",{"name":548,"type":403,"required":388,"default":404,"description":549,"note":389,"demo":389},"reverse","Reverses the layout. Applicable in every direction the order of the label and the input is swapped.",{"name":551,"type":552,"required":388,"default":389,"description":553,"note":554,"demo":555},"rules","RuleExpression\u003Cstring | number | null>","vee-validate rules for this field. Only inside a `BbForm`.","Read only inside a `BbForm` (which needs the `vee-validate` peer); outside one they do nothing. Spend rules on what `min`\u002F`max` cannot say: `min` lifts a low value on blur and on Enter, before the form submits, so a `min_value` rule is redundant.","validation",{"name":557,"type":490,"required":388,"default":558,"description":559,"note":560,"demo":561},"step","1","Incremental unit used by ArrowUp \u002F ArrowDown and by the `increase` and `decrease` functions the slots receive. It is NOT applied to manual input as a step of 5 would prevent the user from inserting a value like `115` because of rounding down.","Drives ArrowUp\u002FArrowDown and the `increase`\u002F`decrease` slot functions, and never constrains typed input. If multiples are a real rule, enforce them through `errors` on blur or on submit.","steppers",{"name":563,"type":564,"required":388,"default":389,"description":565,"note":566,"demo":392},"unit","BbNumberUnit | undefined","A unit `Intl.NumberFormat` knows (`'kilogram'`, `'celsius'`, `'percent'`), shown the locale's way inside the text (`20 kg`). The model is the number you see: `percent` showing `15 %` holds `15`. Not with `currency` (which wins).","Typed: only units `Intl.NumberFormat` knows, so `kilowatt` is a type error. `percent` holds the number you see, `15%` is `15`, not `0.15`. With `currency` also set, `currency` wins.",{"name":568,"type":387,"required":388,"default":389,"description":569,"note":389,"demo":389},"validationLabel","The field's name in validation messages (`{field}`): \"Email is not valid\". Defaults to the `label` (or `legend`), then \"This field\"; never the `name`. Set it when the label is hidden or reads badly in a sentence (icon-only, a question). `BbForm` only.",{"name":571,"type":572,"required":388,"default":389,"description":573,"note":389,"demo":555},"validationMode","ValidationMode | undefined","When the field validates: `aggressive` (each change), `balanced` (on leave, then live while in error), `lazy` (on leave), `submit-only`, `submit-live`. Unset: the `BbForm`'s `validation-mode`, then `formControls.validationMode` (`'balanced'`). `BbForm` only.",{"name":575,"type":576,"required":388,"default":577,"description":578,"note":389,"demo":389},"variant","InputVariantType | undefined","'outline'","The field box's look, with `BbButton`'s names and tokens. Colours only, so a form never reflows; `'ghost'` has no border in any state, `'none'` no look at all (you own hover, focus and the states). Register more with the plugin's `inputVariants`.",{"name":580,"type":433,"required":388,"default":389,"description":581,"note":582,"demo":421},"warnings","Warning messages under the field, a string or array: amber, in their own `aria-live` region and in the control's `aria-describedby` after the errors. Non-empty turns on the warning state; errors win when both are set.","For a number that is valid and still worth a second look. Errors win when both are set and the warnings are suppressed, so the field is never amber and red at once.",[584],{"name":511,"type":512,"note":585,"demo":467},"Seed it with `null` for an empty field rather than `0`: `0` is a number someone chose, and on a floating label it also stops the label from resting inside the field.",[587,591,595,599,603,606,610,613,617,621,625,628,631,634,639],{"name":588,"signature":589,"description":590,"note":389,"demo":389},"blur","(event: FocusEvent): void","Emitted when the native input loses focus. Forwards the original DOM `FocusEvent`.",{"name":592,"signature":593,"description":594,"note":389,"demo":389},"change","(event: Event): void","Emitted when the native input fires a change event. Forwards the original DOM `Event`.",{"name":596,"signature":597,"description":598,"note":389,"demo":389},"click","(event: MouseEvent): void","Emitted when the input receives a click interaction. Forwards the original DOM `MouseEvent`.",{"name":600,"signature":601,"description":602,"note":389,"demo":389},"compositionend","(event: CompositionEvent): void","Emitted when a composition session ends (e.g. CJK IME confirmed). Forwards the original DOM `CompositionEvent`.",{"name":604,"signature":601,"description":605,"note":389,"demo":389},"compositionstart","Emitted when a composition session starts (e.g. CJK IME begins). Forwards the original DOM `CompositionEvent`.",{"name":607,"signature":608,"description":609,"note":389,"demo":561},"decrease","(value: number): void","Emitted by the `decrease` helper with the clamped value after decrementing by one `step`.",{"name":611,"signature":589,"description":612,"note":389,"demo":389},"focus","Emitted when the native input gains focus. Forwards the original DOM `FocusEvent`.",{"name":614,"signature":608,"description":615,"note":616,"demo":561},"increase","Emitted by the `increase` helper with the clamped value after incrementing by one `step`.","Fires with the **new**, already clamped number, alongside `update:modelValue`. It is for reacting to a step, not for reading the value; `v-model` already has that.",{"name":618,"signature":593,"description":619,"note":620,"demo":430},"input","Emitted on native input events from the number input. Forwards the original DOM `Event`.","`event.target.value` is the text on screen, grouped and with any symbol (`€1,234.50`), not the number. Read the number from `v-model`.",{"name":622,"signature":623,"description":624,"note":389,"demo":389},"keydown","(event: KeyboardEvent): void","Emitted for keyboard interaction on the input. Forwards the original DOM `KeyboardEvent`.",{"name":626,"signature":623,"description":627,"note":389,"demo":389},"keyup","Emitted when a key is released over the input. Forwards the original DOM `KeyboardEvent`.",{"name":629,"signature":597,"description":630,"note":389,"demo":389},"mousedown","Emitted when a pointing device button is pressed over the input. Forwards the original DOM `MouseEvent`.",{"name":632,"signature":597,"description":633,"note":389,"demo":389},"mouseup","Emitted when a pointing device button is released over the input. Forwards the original DOM `MouseEvent`.",{"name":635,"signature":636,"description":637,"note":638,"demo":430},"paste","(event: ClipboardEvent): void","Emitted when content is pasted into the input. Forwards the original DOM `ClipboardEvent`.","Forwarded as is. The field already reads a paste as a number (the first one in the text, symbols and words dropped, brackets negative), so a handler never needs to clean the clipboard text.",{"name":640,"signature":641,"description":642,"note":643,"demo":467},"update:modelValue","(value: number | null): void","Emitted on any value change with the parsed number or `null` when the field is empty.","Emits `number | null`. Do not add a watcher that re-parses or re-clamps what arrives here: the component has already done both.",[645,650,654,657,661,665,669,673],{"name":646,"type":647,"description":648,"note":649,"demo":561},"append","BbNumberInputStepSlotProps","Content rendered after the number input, at the end of the inner container. Typically used to place increment\u002Fdecrement buttons next to the input.","Same `{ increase, decrease }` scope as `prepend`, and the same accessible-name obligation.",{"name":651,"type":647,"description":652,"note":653,"demo":389},"append:outer","Content rendered after the entire input control, outside the input chrome.","The uncontested place for an action beside the field, since nothing inside the component competes for it.",{"name":418,"type":655,"description":656,"note":389,"demo":389},"BbNumberInputDescriptionSlotProps","Replaces the description text. Provided alone (no `description` prop) it still renders the description region and wires it into `aria-describedby`.",{"name":462,"type":658,"description":659,"note":660,"demo":412},"BbNumberInputLabelSlotProps","Replaces the default label text rendered above the number input.","Receives `{ text, hasErrors, hasWarnings }`, plus `showAsterisk` while the required marker shows. Replacing it removes the marker the control drew, so put it back with `\u003CBbAsterisk v-if=\"showAsterisk\" \u002F>`, or unconditionally on a `required` field in an app that turned `requiredAsterisk` off.",{"name":662,"type":647,"description":663,"note":664,"demo":392},"prefix","Inline content rendered at the start of the input field area, before the typed number.","Decoration only, inside the field. Not for a currency symbol: `currency` places that where the locale writes it, before or after the number.",{"name":666,"type":647,"description":667,"note":668,"demo":561},"prepend","Content rendered before the number input, at the start of the inner container.","Receives `{ increase, decrease }`, which is how a minus button is built with no state on your side. It is icon-only, so give it an `aria-label`.",{"name":670,"type":647,"description":671,"note":672,"demo":389},"prepend:outer","Content rendered before the entire input control, outside the input chrome.","Outside the field chrome entirely. Reach for it when a stepper button should not sit inside the border, or when the append position is already taken by a clear button or a spinner.",{"name":674,"type":647,"description":675,"note":676,"demo":392},"suffix","Inline content rendered at the end of the input field area, after the typed number.","Inert, like `prefix`, so anything interactive goes in `prepend`\u002F`append` or the outer pair. A unit the locale can write (`kg`, `°C`, `%`) reads better through `unit`.",[],{"parts":679,"states":710},[680,683,685,687,690,692,695,697,700,703,705,707],{"name":681,"description":682},"root","The field's outer container: the label, the box and the lines under it.",{"name":462,"description":684},"The label text above the box (the `label` prop).",{"name":418,"description":686},"The muted line under the label (the `description` prop).",{"name":688,"description":689},"message","The errors \u002F warnings line under the box. A node of its own: it can show at the same time as `hint`.",{"name":451,"description":691},"The helper line (the `hint` prop), shown on focus, or always with `persistent-hint`.",{"name":693,"description":694},"box","The bordered box around the input — border, background and radius; the `variant` paints here.",{"name":618,"description":696},"The native input element inside the box.",{"name":698,"description":699},"icon","The content icons, prepend and append — a broadcast. Chrome (the clear ✕, a chevron, the error \u002F warning glyph) is never in it.",{"name":701,"description":702},"spinner","The spinner inside the box while `loading`.",{"name":662,"description":704},"The `#prefix` slot's wrapper, inside the box before the input.",{"name":674,"description":706},"The `#suffix` slot's wrapper, inside the box after the input.",{"name":708,"description":709},"clear","The ✕ that empties this control (`clearable`) — one node, never a chip's own ✕.",[711,713,715,718,721,723,726,728,731],{"name":423,"description":712},"Component-wide: the control is `disabled`.",{"name":432,"description":714},"Component-wide: the control is in its error state (`errors` \u002F `has-errors`, or its validation) — the message line and the box turn red.",{"name":716,"description":717},"ghost","On the field's parts: `variant: 'ghost'`. Below the real states, like every variant.",{"name":719,"description":720},"hasValue","Component-wide: the control holds a value, by its own rule (`0` counts on `BbNumberInput`, `''` on `BbColorInput`).",{"name":485,"description":722},"Component-wide: `loading` is on; the box shows its `spinner`.",{"name":724,"description":725},"outline","On the field's parts: `variant: 'outline'`. Merged after the part's base entry and before its states, so the real states still win.",{"name":540,"description":727},"Component-wide: the control is `readonly` — shown, focusable, not editable.",{"name":729,"description":730},"secondary","On the field's parts: `variant: 'secondary'`. Below the real states, like every variant.",{"name":580,"description":732},"Component-wide: the control is in its warning state (`warnings` \u002F `has-warnings`) and not in an error state — errors win, so the two are never on together.",{"removed":734,"renamed":764},[735,742,747,751,754,759],{"name":736,"surface":737,"replacedBy":651,"hint":389,"since":738,"migration":739,"silent":464,"fix":740},"append-outer","slot","3.0.0-beta.41","ai\u002Fguides\u002Fmigration\u002Fv2-to-v3.md",{"kind":741},"rename",{"name":743,"surface":744,"replacedBy":412,"hint":389,"since":745,"migration":739,"silent":464,"fix":746},"direction","prop","3.0.0-beta.33",{"kind":741},{"name":748,"surface":744,"replacedBy":444,"hint":389,"since":749,"migration":739,"silent":464,"fix":750},"hasWarning","3.0.0-beta.26",{"kind":741},{"name":752,"surface":737,"replacedBy":670,"hint":389,"since":738,"migration":739,"silent":464,"fix":753},"prepend-outer",{"kind":741},{"name":755,"surface":744,"replacedBy":571,"hint":756,"since":738,"migration":739,"silent":464,"fix":757},"validateOn","an array of events became one mode (`aggressive` | `balanced` | `lazy` | `submit-only` | `submit-live`). The old defaults (`['blur']`, `['inactive']`, a toggle's `['update:modelValue', 'change', 'blur']`) are `balanced`, the new default: delete the prop. A text field on `['update:modelValue']` is `validation-mode=\"aggressive\"`. Set it once on `\u003CBbForm validation-mode>` instead of per field",{"kind":758},"manual",{"name":760,"surface":744,"replacedBy":389,"hint":761,"since":738,"migration":739,"silent":464,"fix":762},"vid","a display name (v2: `vid=\"Email address\"`) is now `validation-label`; a field path (3.0 betas: `vid=\"address.city\"`) is now `name` (brackets for a native post: `address[city]`). `check --fix` picks by the value",{"kind":763,"display":568,"key":517},"byValue",[765,767,769,771,773],{"from":736,"to":651,"surface":737,"since":738,"migration":739,"fix":766},{"kind":741},{"from":743,"to":412,"surface":744,"since":745,"migration":739,"fix":768},{"kind":741},{"from":748,"to":444,"surface":744,"since":749,"migration":739,"fix":770},{"kind":741},{"from":752,"to":670,"surface":737,"since":738,"migration":739,"fix":772},{"kind":741},{"from":755,"to":571,"surface":744,"since":738,"migration":739,"fix":774},{"kind":758},1793055153023]