[{"data":1,"prerenderedAt":1211},["ShallowReactive",2],{"locale-alternates":3,"docs-nav-en":134,"api-none":377,"page-en-\u002Fcomponents\u002Fbb-radio":378,"pt-showcase-BbRadio":1005},{"\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",null,{"id":379,"title":252,"body":380,"component":252,"description":992,"extension":993,"group":243,"meta":994,"navigation":995,"order":149,"path":253,"sections":996,"seo":1002,"stem":1003,"__hash__":1004},"docs_en\u002Fcomponents\u002Fbb-radio.md",{"type":381,"value":382,"toc":985},"minimark",[383,449,455,468,476,501,505,511,516,527,560,566,569,572,580,598,604,607,610,637,643,649,658,661,667,699,740,746,759,762,793,814,848,851,954,965,981],[384,385,386,403],"when",{},[387,388,389,390,393,394,398,399,402],"p",{},"There are two reasons to reach for a lone ",[391,392,252],"code",{},". Either the options must sit\n",[395,396,397],"strong",{},"inside other markup",", such as a pricing card per option, or one option needs\na ",[395,400,401],{},"label the others do not have",".",[404,405,407],"template",{"v-slot:else":406},"",[408,409,410,435,442],"ul",{},[411,412,413,418,419,422,423,426,427,430,431,434],"li",{},[414,415,416],"a",{"href":66},[391,417,255],{},": ",[395,420,421],{},"almost always",". It wraps\nthe same buttons in a real ",[391,424,425],{},"\u003Cfieldset>",", maps your ",[391,428,429],{},"items",", wires ",[391,432,433],{},"name"," and\nthe model, and gives you one validation channel for the set",[411,436,437,441],{},[414,438,439],{"href":70},[391,440,261],{},": the set is large or dynamic",[411,443,444,448],{},[414,445,446],{"href":22},[391,447,246],{},": it is an independent yes\u002Fno",[387,450,451,452,454],{},"A lone ",[391,453,252],{}," is an escape hatch. This page is mostly about knowing whether\nyou are standing in front of one.",[387,456,457,458,463,464,467],{},"The field states and the layout are the same as\n",[414,459,461],{"href":460},"\u002Fen\u002Fcomponents\u002Fbb-checkbox#states",[391,462,246],{},"'s and are documented there.\nThe value is not: each button carries its own ",[391,465,466],{},"value",", and the set shares one\nmodel.",[469,470,472],"h2",{"id":471},"default",[473,474,475],"span",{},"An exclusive group by hand",[387,477,478,479,481,482,487,488,494,495,500],{},"Three things make a set of ",[391,480,252],{}," behave as one group: a shared ",[414,483,485],{"href":484},"\u002Fen\u002Fcomponents\u002Fbb-radio\u002Fapi#prop-name",[391,486,433],{},", the\nsame ",[414,489,491],{"href":490},"\u002Fen\u002Fcomponents\u002Fbb-radio\u002Fapi#model-modelValue",[391,492,493],{},"v-model",", and a distinct ",[414,496,498],{"href":497},"\u002Fen\u002Fcomponents\u002Fbb-radio\u002Fapi#prop-value",[391,499,466],{}," on each button.",[502,503],"demo",{"name":504},"BbRadio\u002FBasic",[387,506,507,508,510],{},"Selecting one deselects the others, because they share the model. And because\nthey are native radios sharing a ",[391,509,433],{},", the browser gives you roving focus for\nfree: Tab reaches the set once, and the arrow keys move focus and selection\nbetween the buttons.",[387,512,513,515],{},[391,514,466],{}," is what lands in the model. Any serializable value works and is matched\nstructurally, but prefer stable primitive ids: they survive a refetch and are\ncheap to submit.",[387,517,518,519,522,523,526],{},"What you do ",[395,520,521],{},"not"," get for free is the grouping semantics. The container is\nyours, and so are its ",[391,524,525],{},"role=\"radiogroup\""," and its accessible name. A set of\nradios with no wrapper is announced as three unrelated buttons.",[528,529,530,538],"migration",{},[387,531,532,534,535,537],{},[391,533,433],{}," is no longer required. Omit it and the component generates one, unique to\nthat button and stable for its lifetime, so a lone radio is never left unnamed.\nWatch the group case, though: generated names differ per button. Without an\nexplicit shared ",[391,536,433],{}," no native group forms, and you lose exclusivity and the\narrow keys with it.",[387,539,540,543,544,549,550,553,554,557,558,402],{},[391,541,542],{},"reverse"," inverted its meaning, as on ",[414,545,547],{"href":546},"\u002Fen\u002Fcomponents\u002Fbb-checkbox#layout",[391,548,246],{},":\ndelete ",[391,551,552],{},":reverse=\"true\""," and write ",[391,555,556],{},":reverse=\"false\""," as a bare ",[391,559,542],{},[469,561,563],{"id":562},"interleaved",[473,564,565],{},"Options inside other markup",[387,567,568],{},"The first reason to hand-compose: each option carries content that sits beside\nthe radio rather than inside it.",[502,570],{"name":571},"BbRadio\u002FPlanCards",[387,573,574,576,577,579],{},[391,575,255],{}," maps one label and one value per item. When an option needs a\nsecond column, a price or a thumbnail say, that mapping runs out and you want a\n",[391,578,252],{}," per option inside your own card.",[387,581,582,583,589,590,593,594,597],{},"Keep ",[414,584,586],{"href":585},"\u002Fen\u002Fcomponents\u002Fbb-radio\u002Fapi#prop-description",[391,587,588],{},"description"," on the radio rather than in the card. It is wired into the\ninput's ",[391,591,592],{},"aria-describedby",", so it is read as part of the option. The same text\nin a sibling ",[391,595,596],{},"\u003Cp>"," is read as unrelated page content.",[469,599,601],{"id":600},"label-content",[473,602,603],{},"Per-option labels",[387,605,606],{},"The second reason: one option needs a badge, emphasis or a link that the others\ndo not.",[502,608],{"name":609},"BbRadio\u002FMergeStrategy",[387,611,612,613,619,620,623,624,627,628,633,634,636],{},"The ",[414,614,616],{"href":615},"\u002Fen\u002Fcomponents\u002Fbb-radio\u002Fapi#slot-label",[391,617,618],{},"label"," slot replaces the rendered label and receives\n",[391,621,622],{},"{ text, hasErrors, hasWarnings }",", where ",[391,625,626],{},"text"," is the ",[414,629,631],{"href":630},"\u002Fen\u002Fcomponents\u002Fbb-radio\u002Fapi#prop-label",[391,632,618],{}," prop. Keep\npassing ",[391,635,618],{}," even when you override it: that string is still the accessible\nname.",[387,638,639,640,642],{},"Reserve this for the option that genuinely differs. If every option needs the\nsame decoration you have a uniform mapping again, and ",[391,641,255],{}," does it\nwith less markup.",[469,644,646],{"id":645},"states",[473,647,648],{},"Errors and locked options",[387,650,651,657],{},[414,652,654],{"href":653},"\u002Fen\u002Fcomponents\u002Fbb-radio\u002Fapi#prop-errors",[391,655,656],{},"errors"," lives on a button and the error belongs to the group, which is where\nthe missing fieldset starts to cost you something.",[502,659],{"name":660},"BbRadio\u002FStates",[387,662,663,664,666],{},"Put the message on one button, the last, so it reads as closing the set.\nRepeated ",[391,665,656],{}," render the same sentence three times and announce it three\ntimes. The price is that the message stays tied to that one option.",[387,668,669,671,672,676,677,682,683,685,686,689,690,693,694,698],{},[391,670,252],{}," never joins a ",[414,673,674],{"href":46},[391,675,220],{},", so a hand-composed\nset inside a form is not validated at all. When the choice needs validating, use\n",[414,678,680],{"href":679},"\u002Fen\u002Fcomponents\u002Fbb-radio-group#required",[391,681,255],{},", which joins the form\nby ",[391,684,433],{}," and takes ",[391,687,688],{},"rules",". When the radios must stay inside your own cards, bind the\nchoice with ",[391,691,692],{},"useBbFormField"," (",[414,695,697],{"href":696},"\u002Fen\u002Fguides\u002Fvalidated-forms#custom","A control of your own",")\nand pass its errors to the last button.",[387,700,701,707,708,714,715,719,720,723,724,727,728,732,733,735,736,739],{},[414,702,704],{"href":703},"\u002Fen\u002Fcomponents\u002Fbb-radio\u002Fapi#prop-disabled",[391,705,706],{},"disabled"," and ",[414,709,711],{"href":710},"\u002Fen\u002Fcomponents\u002Fbb-radio\u002Fapi#prop-readonly",[391,712,713],{},"readonly"," differ exactly as they do on\n",[414,716,717],{"href":460},[391,718,246],{},". There is one radio-specific\ncatch: ",[391,721,722],{},"role=\"radio\""," supports no ",[391,725,726],{},"aria-readonly",", so a lone readonly radio\ncannot announce that it is locked. Say it in ",[414,729,730],{"href":585},[391,731,588],{},", or use\n",[391,734,255],{},", whose ",[391,737,738],{},"radiogroup"," does carry the attribute.",[469,741,743],{"id":742},"custom-markup",[473,744,745],{},"Custom markup",[387,747,748,749,751,752,754,755,758],{},"At the far end of the same slope, ",[391,750,255],{}," then ",[391,753,252],{}," then this,\n",[391,756,757],{},"BbBaseRadioIcon"," gives you the library's dot inside a surface that is entirely\nyours.",[502,760],{"name":761},"BbRadio\u002FCustomMarkup",[387,763,764,766,767,770,771,773,774,770,776,770,779,770,782,707,785,788,789,792],{},[391,765,757],{}," draws and nothing more: the ring and the scaling inner dot,\nwith no input, no events and no state. You pass ",[391,768,769],{},"checked",", ",[391,772,706],{},",\n",[391,775,713],{},[391,777,778],{},"has-errors",[391,780,781],{},"has-warnings",[391,783,784],{},"focused",[391,786,787],{},"focus-visible",". There is no\n",[391,790,791],{},"indeterminate"," here, because a radio is binary per option.",[387,794,795,796,799,800,802,803,806,807,810,811,813],{},"It is ",[391,797,798],{},"aria-hidden"," and cannot be focused, so it must sit on real native radios\nsharing one ",[391,801,433],{},". Those are what keep exclusivity and the arrow keys working.\nHide the input with ",[391,804,805],{},"sr-only"," rather than ",[391,808,809],{},"display: none",", which would remove it\nfrom the tab order and from the form. The icon cannot see the input's focus,\nso pass ",[391,812,787],{}," yourself, as the demo does, or a keyboard user gets no\nring.",[387,815,816,817,823,824,826,827,770,829,770,831,770,834,773,836,770,838,770,841,770,844,707,846,402],{},"There is a smaller step before that one. The ",[414,818,820],{"href":819},"\u002Fen\u002Fcomponents\u002Fbb-radio\u002Fapi#slot-icon",[391,821,822],{},"icon"," slot on ",[391,825,252],{}," replaces\nonly the dot visual and keeps the input, the label and the field chrome. It\nreceives the current state: ",[391,828,769],{},[391,830,784],{},[391,832,833],{},"focusVisible",[391,835,706],{},[391,837,713],{},[391,839,840],{},"hasErrors",[391,842,843],{},"hasWarnings",[391,845,466],{},[391,847,626],{},[387,849,850],{},"The custom properties live on the dot element, so target that element rather\nthan an ancestor:",[852,853,857],"pre",{"className":854,"code":855,"language":856,"meta":406,"style":406},"language-css shiki shiki-themes github-light-high-contrast github-dark-high-contrast",".bb-radio .bb-base-radio-icon {\n    --size: 20px; \u002F* ring diameter, default 16px *\u002F\n    --space: 3px; \u002F* gap between ring and dot, default 2px *\u002F\n    --accent: #16a34a; \u002F* the dot *\u002F\n    --border-color: var(--bb-text-muted); \u002F* the ring, default --bb-border *\u002F\n}\n","css",[391,858,859,873,895,912,927,949],{"__ignoreMap":406},[473,860,862,866,869],{"class":861,"line":141},"line",[473,863,865],{"class":864},"s-5SL",".bb-radio",[473,867,868],{"class":864}," .bb-base-radio-icon",[473,870,872],{"class":871},"suds8"," {\n",[473,874,875,879,881,884,888,891],{"class":861,"line":145},[473,876,878],{"class":877},"soyes","    --size",[473,880,418],{"class":871},[473,882,883],{"class":864},"20",[473,885,887],{"class":886},"sHUrx","px",[473,889,890],{"class":871},"; ",[473,892,894],{"class":893},"sLBg1","\u002F* ring diameter, default 16px *\u002F\n",[473,896,897,900,902,905,907,909],{"class":861,"line":149},[473,898,899],{"class":877},"    --space",[473,901,418],{"class":871},[473,903,904],{"class":864},"3",[473,906,887],{"class":886},[473,908,890],{"class":871},[473,910,911],{"class":893},"\u002F* gap between ring and dot, default 2px *\u002F\n",[473,913,914,917,919,922,924],{"class":861,"line":177},[473,915,916],{"class":877},"    --accent",[473,918,418],{"class":871},[473,920,921],{"class":864},"#16a34a",[473,923,890],{"class":871},[473,925,926],{"class":893},"\u002F* the dot *\u002F\n",[473,928,929,932,934,937,940,943,946],{"class":861,"line":181},[473,930,931],{"class":877},"    --border-color",[473,933,418],{"class":871},[473,935,936],{"class":864},"var",[473,938,939],{"class":871},"(",[473,941,942],{"class":877},"--bb-text-muted",[473,944,945],{"class":871},"); ",[473,947,948],{"class":893},"\u002F* the ring, default --bb-border *\u002F\n",[473,950,951],{"class":861,"line":185},[473,952,953],{"class":871},"}\n",[387,955,956,957,960,961,964],{},"Recolor the dot through ",[391,958,959],{},"--accent",", or through the theme's ",[391,962,963],{},"--bb-primary"," when\nthe whole product should follow.",[528,966,968],{"title":967},"color removed",[387,969,970,971,974,975,977,978,980],{},"v2's ",[391,972,973],{},"color"," prop is gone, with no replacement. A leftover ",[391,976,973],{}," becomes\n",[391,979,959],{}," on the dot.",[982,983,984],"style",{},"html pre.shiki code .s-5SL, html code.shiki .s-5SL{--shiki-default:#023B95;--shiki-dark:#91CBFF}html pre.shiki code .suds8, html code.shiki .suds8{--shiki-default:#0E1116;--shiki-dark:#F0F3F6}html pre.shiki code .soyes, html code.shiki .soyes{--shiki-default:#702C00;--shiki-dark:#FFB757}html pre.shiki code .sHUrx, html code.shiki .sHUrx{--shiki-default:#A0111F;--shiki-dark:#FF9492}html pre.shiki code .sLBg1, html code.shiki .sLBg1{--shiki-default:#66707B;--shiki-dark:#BDC4CC}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":406,"searchDepth":149,"depth":149,"links":986},[987,988,989,990,991],{"id":471,"depth":145,"text":475},{"id":562,"depth":145,"text":565},{"id":600,"depth":145,"text":603},{"id":645,"depth":145,"text":648},{"id":742,"depth":145,"text":745},"A single radio button, for composing an exclusive group by hand inside your own markup.","md",{},true,[997,998,999,1000,1001],{"id":471,"title":475},{"id":562,"title":565},{"id":600,"title":603},{"id":645,"title":648},{"id":742,"title":745},{"title":252,"description":992},"components\u002Fbb-radio","gv8A95wzUn_CUe3g-SMVic6EIVkneNWRTP75IqYsayY",{"name":252,"slug":1006,"group":243,"description":1007,"entrypoint":1008,"docs":1009,"props":1012,"models":1108,"events":1111,"slots":1144,"exposed":1156,"pt":1157,"validated":377,"migration":1188},"bb-radio","Represents a single choice in exclusive options.","bitboss-ui",{"contract":1010,"source":1011},"ai\u002FBbRadio.md","ai\u002Fsource\u002FBbRadio.md",[1013,1018,1022,1026,1030,1033,1037,1039,1041,1044,1047,1050,1054,1059,1063,1066,1069,1074,1078,1081,1084,1088,1093,1096,1099,1102,1105],{"name":1014,"type":1015,"required":1016,"default":377,"description":1017,"note":377,"demo":377},"autofocus","Booleanish | undefined",false,"Focuses the field when it mounts (a dialog already open included), unless the user is typing in another field.",{"name":769,"type":1019,"required":1016,"default":377,"description":1020,"note":1021,"demo":377},"boolean | undefined","Defines the input as checked.","Overrides the model-derived display and fights a `v-model`: pick one source of truth. Narrowed to a plain boolean in v3, so the v2 string forms no longer compile.",{"name":1023,"type":1019,"required":1016,"default":1024,"description":1025,"note":377,"demo":377},"compact","false","Compact density. Swaps `--bb-label-spacing-y` for `--bb-label-spacing-y-compact`, so tune a compact field's label gap with the `-compact` token, not the base one. The same meaning as on the checkbox, radio and switch groups.",{"name":588,"type":1027,"required":1016,"default":377,"description":1028,"note":1029,"demo":562},"string | undefined","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`.","Wired into the input's `aria-describedby`, so it is announced as part of the option. The same sentence in a sibling element is read as unrelated page content.",{"name":706,"type":1019,"required":1016,"default":1024,"description":1031,"note":1032,"demo":645},"Disables the component.","Removes the option from the tab order and from the post. Prefer offering a real choice; when you cannot, say why in `description`.",{"name":656,"type":1034,"required":1016,"default":377,"description":1035,"note":1036,"demo":645},"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.","Lives on one button, while the error usually belongs to the whole set. Put it on a single radio, the last, rather than on each one: repeated, it renders and announces the same sentence per button. A `BbRadio` never joins a `BbForm`, so a set that needs validating is `BbRadioGroup`; when the radios must stay in your own markup, bind the choice with `useBbFormField` and pass its errors here.",{"name":840,"type":1019,"required":1016,"default":1024,"description":1038,"note":377,"demo":377},"Define if the component should be in an error state. It usually attaches a CSS class for styling purposes.",{"name":843,"type":1019,"required":1016,"default":1024,"description":1040,"note":377,"demo":377},"Define if the component should be in a warning state. Same chrome as errors with `--bb-warn`; errors take priority.",{"name":1042,"type":1019,"required":1016,"default":1024,"description":1043,"note":377,"demo":377},"hideLabel","Visually hides the label of the input while maintaining accessibility.",{"name":1045,"type":1027,"required":1016,"default":377,"description":1046,"note":377,"demo":377},"hint","Text box to be displayed near the input, usually to indicate instructions.",{"name":1048,"type":1027,"required":1016,"default":377,"description":1049,"note":377,"demo":377},"id","The `id` of the native control; the label's `for` and the description and message ids derive from it. Generated when omitted.",{"name":1051,"type":1052,"required":1016,"default":377,"description":1053,"note":377,"demo":377},"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":1055,"type":1056,"required":1016,"default":1057,"description":1058,"note":377,"demo":377},"inputPosition","\"left\" | \"center\" | \"right\" | undefined","\"left\"","Sets the alignment of the input. Since inputs are inline block they can be aligned just as text can.",{"name":618,"type":1060,"required":995,"default":377,"description":1061,"note":1062,"demo":471},"string","Text content of the label of the element.","Required on every button: it is the accessible name, and it stays the accessible name when the `label` slot replaces the rendered text.",{"name":1064,"type":1052,"required":1016,"default":377,"description":1065,"note":377,"demo":377},"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":1067,"type":1056,"required":1016,"default":377,"description":1068,"note":377,"demo":377},"labelPosition","Sets the text alignment of the label.",{"name":1070,"type":1071,"required":1016,"default":1072,"description":1073,"note":377,"demo":377},"layout","Responsive\u003CFieldLayout> | undefined","\"auto\"","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' }`).",{"name":1075,"type":1076,"required":1016,"default":377,"description":1077,"note":377,"demo":377},"modelValue","any","Used by v-model. Can be any serializable type.",{"name":433,"type":1027,"required":1016,"default":377,"description":1079,"note":1080,"demo":471},"Name of the input. Optional: a generated one is unique to this radio, so radios that form ONE exclusive group must share an explicit `name`. Pass one too for a native (non-JS) form post under a known key.","No longer required in v3: an omitted name is generated per button. That is exactly why a hand-composed group must still pass one shared explicit name: generated names differ, so those buttons never form a native group and you lose exclusivity and arrow-key navigation with it.",{"name":1082,"type":1019,"required":1016,"default":1024,"description":1083,"note":377,"demo":377},"persistentHint","Keeps the hint displayed.",{"name":1085,"type":1086,"required":1016,"default":377,"description":1087,"note":377,"demo":377},"pt","PtMap\u003CTogglePtPart, TogglePtState> | undefined","Passthrough, object form: the same keys as the `pt:*` attributes without the prefix. See the `pt:\u003Cpart>` row.",{"name":1089,"type":1090,"required":1016,"default":377,"description":1091,"note":377,"demo":1092},"pt:\u003Cpart>","PtValue | undefined","Passthrough, attribute form: one attribute per part, `pt:\u003Cpart>`, and per part and state, `pt:\u003Cpart>:\u003Cstate>`. Parts: `description`, `hint`, `icon`, `label`, `message`, `root`. States: `checked`, `disabled`, `errors`, `focused`, `focusVisible`, `readonly`, `warnings`.","passthrough",{"name":713,"type":1019,"required":1016,"default":1024,"description":1094,"note":1095,"demo":645},"Sets the input in a readonly state.","Blocks changes while staying focusable and still submitting. A lone radio cannot announce it (`role=\"radio\"` supports no `aria-readonly`), so explain it in `description`, or use `BbRadioGroup`, whose `radiogroup` does carry the attribute.",{"name":1097,"type":1019,"required":1016,"default":1024,"description":1098,"note":377,"demo":377},"required","Sets the input as required.",{"name":542,"type":1019,"required":1016,"default":1024,"description":1100,"note":1101,"demo":377},"Reverses the layout: in every direction the order of the label and the input is swapped from the standard arrangement.","Its meaning inverted in v3 and the compiler cannot see it. The default rendering is unchanged, but a v2 `:reverse=\"false\"` becomes a bare `reverse`, and a v2 `reverse` is deleted.",{"name":466,"type":1076,"required":995,"default":377,"description":1103,"note":1104,"demo":471},"Defines the value of the radio input. It can be any serializable value.","Required, and distinct per button: two buttons sharing a value are not two options. Any serializable value is matched structurally, but prefer stable primitive ids: they survive a refetch and are cheap to submit.",{"name":1106,"type":1034,"required":1016,"default":377,"description":1107,"note":377,"demo":377},"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.",[1109],{"name":1075,"type":1076,"note":1110,"demo":471},"One model shared by every button in the set: that is what makes selecting one deselect the rest. It carries the chosen `value` and nothing else.",[1112,1116,1120,1124,1127,1130,1134,1137,1140],{"name":1113,"signature":1114,"description":1115,"note":377,"demo":377},"blur","(event: FocusEvent): void","Emitted when the native input loses focus. Forwards the original DOM `FocusEvent`.",{"name":1117,"signature":1118,"description":1119,"note":377,"demo":377},"change","(event: Event): void","Emitted when the radio selection changes. Forwards the original DOM `Event`.",{"name":1121,"signature":1122,"description":1123,"note":377,"demo":377},"click","(event: MouseEvent): void","Emitted when the input receives a click interaction. Forwards the original DOM `MouseEvent`.",{"name":1125,"signature":1114,"description":1126,"note":377,"demo":377},"focus","Emitted when the native input gains focus. Forwards the original DOM `FocusEvent`.",{"name":1128,"signature":1118,"description":1129,"note":377,"demo":377},"input","Emitted on native input events from the radio input. Forwards the original DOM `Event`.",{"name":1131,"signature":1132,"description":1133,"note":377,"demo":377},"keydown","(event: KeyboardEvent): void","Emitted for keyboard interaction on the input. Forwards the original DOM `KeyboardEvent`.",{"name":1135,"signature":1122,"description":1136,"note":377,"demo":377},"mousedown","Emitted when a pointing device button is pressed over the input. Forwards the original DOM `MouseEvent`.",{"name":1138,"signature":1122,"description":1139,"note":377,"demo":377},"mouseup","Emitted when a pointing device button is released over the input. Forwards the original DOM `MouseEvent`.",{"name":1141,"signature":1142,"description":1143,"note":377,"demo":377},"update:modelValue","(value: any): void","Emitted when the radio becomes selected, carrying the radio's `value` prop.",[1145,1148,1152],{"name":588,"type":1146,"description":1147,"note":377,"demo":377},"BbRadioDescriptionSlotProps","Replaces the description text. Provided alone (no `description` prop) it still renders the description region and wires it into `aria-describedby`.",{"name":822,"type":1149,"description":1150,"note":1151,"demo":742},"BbRadioIconSlotProps","Replaces the default radio dot visual inside the radio container. Receives the radio state plus the label text.","Replaces the whole radio-dot visual, so the slot owns selected, unselected and the focus ring. When the row around it is the problem rather than the dot, drop to `BbBaseRadioIcon`.",{"name":618,"type":1153,"description":1154,"note":1155,"demo":600},"BbRadioLabelSlotProps","Replaces the default label text rendered next to the radio button.","Receives `{ text, hasErrors, hasWarnings }`. Use it for the one option that needs a badge or emphasis. If every option needs the same decoration, you have a uniform mapping again and `BbRadioGroup` expresses it with less markup.",[],{"parts":1158,"states":1173},[1159,1162,1164,1166,1169,1171],{"name":1160,"description":1161},"root","The toggle's container: the glyph, the label and the lines under them.",{"name":618,"description":1163},"The label text beside the glyph (the `label` prop).",{"name":588,"description":1165},"The muted line under the label (the `description` prop).",{"name":1167,"description":1168},"message","The errors \u002F warnings line. A node of its own: it can show at the same time as `hint`.",{"name":1045,"description":1170},"The helper line (the `hint` prop), shown on focus, or always with `persistent-hint`.",{"name":822,"description":1172},"The drawn glyph — the box, the dot or the switch track. The default one: a consumer `icon` slot replaces it. The hidden native input is not a part.",[1174,1176,1178,1180,1182,1184,1186],{"name":769,"description":1175},"Component-wide: the toggle is on.",{"name":706,"description":1177},"Component-wide: the toggle is `disabled`.",{"name":656,"description":1179},"Component-wide: the toggle shows errors — the glyph and the message line turn red.",{"name":784,"description":1181},"Component-wide: the native input has focus — any focus, mouse included, like the `focused` slot prop.",{"name":833,"description":1183},"Component-wide: that focus is keyboard-visible — where a focus ring belongs.",{"name":713,"description":1185},"Component-wide: the toggle is `readonly` — focusable, cannot change.",{"name":1106,"description":1187},"Component-wide: the toggle shows warnings and no errors.",{"removed":1189,"renamed":1206},[1190,1196,1202],{"name":973,"surface":1191,"replacedBy":377,"hint":377,"since":1192,"migration":1193,"silent":995,"fix":1194},"prop","3.0.0-beta.15","ai\u002Fguides\u002Fmigration\u002Fcomponents\u002Fbb-checkbox.md",{"kind":1195},"manual",{"name":1197,"surface":1191,"replacedBy":1070,"hint":377,"since":1198,"migration":1199,"silent":995,"fix":1200},"direction","3.0.0-beta.33","ai\u002Fguides\u002Fmigration\u002Fv2-to-v3.md",{"kind":1201},"rename",{"name":1203,"surface":1191,"replacedBy":843,"hint":377,"since":1204,"migration":1199,"silent":995,"fix":1205},"hasWarning","3.0.0-beta.26",{"kind":1201},[1207,1209],{"from":1197,"to":1070,"surface":1191,"since":1198,"migration":1199,"fix":1208},{"kind":1201},{"from":1203,"to":843,"surface":1191,"since":1204,"migration":1199,"fix":1210},{"kind":1201},1793055143750]