[{"data":1,"prerenderedAt":1012},["ShallowReactive",2],{"locale-alternates":3,"docs-nav-en":124,"api-none":352,"page-en-\u002Fcomponents\u002Fbb-switch-group":353,"pt-showcase-BbSwitchGroup":537},{"\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-checkbox":20,"\u002Fen\u002Fcomponents\u002Fbb-checkbox":21,"\u002Fit\u002Fcomponenti\u002Fbb-checkbox-group":22,"\u002Fen\u002Fcomponents\u002Fbb-checkbox-group":23,"\u002Fit\u002Fcomponenti\u002Fbb-collapsible":24,"\u002Fen\u002Fcomponents\u002Fbb-collapsible":25,"\u002Fit\u002Fcomponenti\u002Fbb-color-input":26,"\u002Fen\u002Fcomponents\u002Fbb-color-input":27,"\u002Fit\u002Fcomponenti\u002Fbb-color-palette":28,"\u002Fen\u002Fcomponents\u002Fbb-color-palette":29,"\u002Fit\u002Fcomponenti\u002Fbb-confirm":30,"\u002Fen\u002Fcomponents\u002Fbb-confirm":31,"\u002Fit\u002Fcomponenti\u002Fbb-date-picker":32,"\u002Fen\u002Fcomponents\u002Fbb-date-picker":33,"\u002Fit\u002Fcomponenti\u002Fbb-date-picker-input":34,"\u002Fen\u002Fcomponents\u002Fbb-date-picker-input":35,"\u002Fit\u002Fcomponenti\u002Fbb-dialog":36,"\u002Fen\u002Fcomponents\u002Fbb-dialog":37,"\u002Fit\u002Fcomponenti\u002Fbb-dropdown":38,"\u002Fen\u002Fcomponents\u002Fbb-dropdown":39,"\u002Fit\u002Fcomponenti\u002Fbb-dropdown-button":40,"\u002Fen\u002Fcomponents\u002Fbb-dropdown-button":41,"\u002Fit\u002Fcomponenti\u002Fbb-dropzone":42,"\u002Fen\u002Fcomponents\u002Fbb-dropzone":43,"\u002Fit\u002Fcomponenti\u002Fbb-form":44,"\u002Fen\u002Fcomponents\u002Fbb-form":45,"\u002Fit\u002Fcomponenti\u002Fbb-icon":46,"\u002Fen\u002Fcomponents\u002Fbb-icon":47,"\u002Fit\u002Fcomponenti\u002Fbb-indicator":48,"\u002Fen\u002Fcomponents\u002Fbb-indicator":49,"\u002Fit\u002Fcomponenti\u002Fbb-number-input":50,"\u002Fen\u002Fcomponents\u002Fbb-number-input":51,"\u002Fit\u002Fcomponenti\u002Fbb-off-canvas":52,"\u002Fen\u002Fcomponents\u002Fbb-off-canvas":53,"\u002Fit\u002Fcomponenti\u002Fbb-pagination":54,"\u002Fen\u002Fcomponents\u002Fbb-pagination":55,"\u002Fit\u002Fcomponenti\u002Fbb-popover":56,"\u002Fen\u002Fcomponents\u002Fbb-popover":57,"\u002Fit\u002Fcomponenti\u002Fbb-progress":58,"\u002Fen\u002Fcomponents\u002Fbb-progress":59,"\u002Fit\u002Fcomponenti\u002Fbb-radio":60,"\u002Fen\u002Fcomponents\u002Fbb-radio":61,"\u002Fit\u002Fcomponenti\u002Fbb-radio-group":62,"\u002Fen\u002Fcomponents\u002Fbb-radio-group":63,"\u002Fit\u002Fcomponenti\u002Fbb-rating":64,"\u002Fen\u002Fcomponents\u002Fbb-rating":65,"\u002Fit\u002Fcomponenti\u002Fbb-select":66,"\u002Fen\u002Fcomponents\u002Fbb-select":67,"\u002Fit\u002Fcomponenti\u002Fbb-select-popover":68,"\u002Fen\u002Fcomponents\u002Fbb-select-popover":69,"\u002Fit\u002Fcomponenti\u002Fbb-slider":70,"\u002Fen\u002Fcomponents\u002Fbb-slider":71,"\u002Fit\u002Fcomponenti\u002Fbb-smooth-height":72,"\u002Fen\u002Fcomponents\u002Fbb-smooth-height":73,"\u002Fit\u002Fcomponenti\u002Fbb-spinner":74,"\u002Fen\u002Fcomponents\u002Fbb-spinner":75,"\u002Fit\u002Fcomponenti\u002Fbb-switch":76,"\u002Fen\u002Fcomponents\u002Fbb-switch":77,"\u002Fit\u002Fcomponenti\u002Fbb-switch-group":78,"\u002Fen\u002Fcomponents\u002Fbb-switch-group":79,"\u002Fit\u002Fcomponenti\u002Fbb-table":80,"\u002Fen\u002Fcomponents\u002Fbb-table":81,"\u002Fit\u002Fcomponenti\u002Fbb-tabs":82,"\u002Fen\u002Fcomponents\u002Fbb-tabs":83,"\u002Fit\u002Fcomponenti\u002Fbb-tag":84,"\u002Fen\u002Fcomponents\u002Fbb-tag":85,"\u002Fit\u002Fcomponenti\u002Fbb-text-input":86,"\u002Fen\u002Fcomponents\u002Fbb-text-input":87,"\u002Fit\u002Fcomponenti\u002Fbb-textarea":88,"\u002Fen\u002Fcomponents\u002Fbb-textarea":89,"\u002Fit\u002Fcomponenti\u002Fbb-time-picker":90,"\u002Fen\u002Fcomponents\u002Fbb-time-picker":91,"\u002Fit\u002Fcomponenti\u002Fbb-time-picker-input":92,"\u002Fen\u002Fcomponents\u002Fbb-time-picker-input":93,"\u002Fit\u002Fcomponenti\u002Fbb-toast":94,"\u002Fen\u002Fcomponents\u002Fbb-toast":95,"\u002Fit\u002Fcomponenti\u002Fbb-tooltip":96,"\u002Fen\u002Fcomponents\u002Fbb-tooltip":97,"\u002Fit\u002Fcomponenti\u002Fbb-tree":98,"\u002Fen\u002Fcomponents\u002Fbb-tree":99,"\u002Fit\u002Fguide\u002Fai-agents":100,"\u002Fen\u002Fguides\u002Fai-agents":101,"\u002Fit\u002Fguide\u002Fcoherence":102,"\u002Fen\u002Fguides\u002Fcoherence":103,"\u002Fit\u002Fguide\u002Fdesign-language":104,"\u002Fen\u002Fguides\u002Fdesign-language":105,"\u002Fit\u002Fguide\u002Fdesign-tokens":106,"\u002Fen\u002Fguides\u002Fdesign-tokens":107,"\u002Fit\u002Fguide\u002Ffetching-data":108,"\u002Fen\u002Fguides\u002Ffetching-data":109,"\u002Fit\u002Fguide\u002Ficons":110,"\u002Fen\u002Fguides\u002Ficons":111,"\u002Fit\u002Fguide\u002Finertia":112,"\u002Fen\u002Fguides\u002Finertia":113,"\u002Fit\u002Fguide\u002Finstallation":114,"\u002Fen\u002Fguides\u002Finstallation":115,"\u002Fit\u002Fguide\u002Fmigration":116,"\u002Fen\u002Fguides\u002Fmigration":117,"\u002Fit\u002Fguide\u002Fnuxt":118,"\u002Fen\u002Fguides\u002Fnuxt":119,"\u002Fit\u002Fguide\u002Foptions-and-items":120,"\u002Fen\u002Fguides\u002Foptions-and-items":121,"\u002Fit\u002Fguide\u002Fvalidated-forms":122,"\u002Fen\u002Fguides\u002Fvalidated-forms":123},"\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-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-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\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\u002Fvalidated-forms","\u002Fit\u002Fguide\u002Fvalidated-forms",[125,136,145,166,178,220,253,286,307,328,340,346],{"label":126,"entries":127},"Getting started",[128,132],{"title":129,"path":130,"order":131},"Installation","\u002Fguides\u002Finstallation",1,{"title":133,"path":134,"order":135},"Migrating from v2","\u002Fguides\u002Fmigration",2,{"label":137,"entries":138},"Design system",[139,142],{"title":140,"path":141,"order":131},"Design tokens","\u002Fguides\u002Fdesign-tokens",{"title":143,"path":144,"order":135},"Design language","\u002Fguides\u002Fdesign-language",{"label":146,"entries":147},"Playbooks",[148,151,154,158,162],{"title":149,"path":150,"order":131},"Options and items","\u002Fguides\u002Foptions-and-items",{"title":152,"path":153,"order":135},"Fetching data","\u002Fguides\u002Ffetching-data",{"title":155,"path":156,"order":157},"Coherence","\u002Fguides\u002Fcoherence",3,{"title":159,"path":160,"order":161},"Validated forms","\u002Fguides\u002Fvalidated-forms",4,{"title":163,"path":164,"order":165},"Icons","\u002Fguides\u002Ficons",5,{"label":167,"entries":168},"Ecosystem",[169,172,175],{"title":170,"path":171,"order":131},"Inertia and Laravel","\u002Fguides\u002Finertia",{"title":173,"path":174,"order":135},"Nuxt","\u002Fguides\u002Fnuxt",{"title":176,"path":177,"order":157},"AI agents","\u002Fguides\u002Fai-agents",{"label":179,"entries":180},"Inputs",[181,184,187,190,193,196,200,204,208,212,216],{"title":182,"path":183,"component":182,"order":131},"BbBaseButton","\u002Fcomponents\u002Fbb-base-button",{"title":185,"path":186,"component":185,"order":135},"BbButton","\u002Fcomponents\u002Fbb-button",{"title":188,"path":189,"component":188,"order":157},"BbColorInput","\u002Fcomponents\u002Fbb-color-input",{"title":191,"path":192,"component":191,"order":161},"BbDatePickerInput","\u002Fcomponents\u002Fbb-date-picker-input",{"title":194,"path":195,"component":194,"order":165},"BbDropzone","\u002Fcomponents\u002Fbb-dropzone",{"title":197,"path":198,"component":197,"order":199},"BbForm","\u002Fcomponents\u002Fbb-form",6,{"title":201,"path":202,"component":201,"order":203},"BbNumberInput","\u002Fcomponents\u002Fbb-number-input",7,{"title":205,"path":206,"component":205,"order":207},"BbTag","\u002Fcomponents\u002Fbb-tag",8,{"title":209,"path":210,"component":209,"order":211},"BbTextarea","\u002Fcomponents\u002Fbb-textarea",9,{"title":213,"path":214,"component":213,"order":215},"BbTextInput","\u002Fcomponents\u002Fbb-text-input",10,{"title":217,"path":218,"component":217,"order":219},"BbTimePickerInput","\u002Fcomponents\u002Fbb-time-picker-input",11,{"label":221,"entries":222},"Selection",[223,226,229,232,235,238,241,244,247,250],{"title":224,"path":225,"component":224,"order":131},"BbCheckbox","\u002Fcomponents\u002Fbb-checkbox",{"title":227,"path":228,"component":227,"order":135},"BbCheckboxGroup","\u002Fcomponents\u002Fbb-checkbox-group",{"title":230,"path":231,"component":230,"order":157},"BbRadio","\u002Fcomponents\u002Fbb-radio",{"title":233,"path":234,"component":233,"order":161},"BbRadioGroup","\u002Fcomponents\u002Fbb-radio-group",{"title":236,"path":237,"component":236,"order":165},"BbRating","\u002Fcomponents\u002Fbb-rating",{"title":239,"path":240,"component":239,"order":199},"BbSelect","\u002Fcomponents\u002Fbb-select",{"title":242,"path":243,"component":242,"order":203},"BbSelectPopover","\u002Fcomponents\u002Fbb-select-popover",{"title":245,"path":246,"component":245,"order":207},"BbSlider","\u002Fcomponents\u002Fbb-slider",{"title":248,"path":249,"component":248,"order":211},"BbSwitch","\u002Fcomponents\u002Fbb-switch",{"title":251,"path":252,"component":251,"order":215},"BbSwitchGroup","\u002Fcomponents\u002Fbb-switch-group",{"label":254,"entries":255},"Overlay",[256,259,262,265,268,271,274,277,280,283],{"title":257,"path":258,"component":257,"order":131},"BbColorPalette","\u002Fcomponents\u002Fbb-color-palette",{"title":260,"path":261,"component":260,"order":135},"BbConfirm","\u002Fcomponents\u002Fbb-confirm",{"title":263,"path":264,"component":263,"order":157},"BbDatePicker","\u002Fcomponents\u002Fbb-date-picker",{"title":266,"path":267,"component":266,"order":161},"BbDialog","\u002Fcomponents\u002Fbb-dialog",{"title":269,"path":270,"component":269,"order":165},"BbDropdown","\u002Fcomponents\u002Fbb-dropdown",{"title":272,"path":273,"component":272,"order":199},"BbDropdownButton","\u002Fcomponents\u002Fbb-dropdown-button",{"title":275,"path":276,"component":275,"order":203},"BbOffCanvas","\u002Fcomponents\u002Fbb-off-canvas",{"title":278,"path":279,"component":278,"order":207},"BbPopover","\u002Fcomponents\u002Fbb-popover",{"title":281,"path":282,"component":281,"order":211},"BbTimePicker","\u002Fcomponents\u002Fbb-time-picker",{"title":284,"path":285,"component":284,"order":215},"BbTooltip","\u002Fcomponents\u002Fbb-tooltip",{"label":287,"entries":288},"Navigation",[289,292,295,298,301,304],{"title":290,"path":291,"component":290,"order":131},"BbAccordion","\u002Fcomponents\u002Fbb-accordion",{"title":293,"path":294,"component":293,"order":135},"BbBreadcrumbs","\u002Fcomponents\u002Fbb-breadcrumbs",{"title":296,"path":297,"component":296,"order":157},"BbCollapsible","\u002Fcomponents\u002Fbb-collapsible",{"title":299,"path":300,"component":299,"order":161},"BbPagination","\u002Fcomponents\u002Fbb-pagination",{"title":302,"path":303,"component":302,"order":165},"BbTabs","\u002Fcomponents\u002Fbb-tabs",{"title":305,"path":306,"component":305,"order":199},"BbTree","\u002Fcomponents\u002Fbb-tree",{"label":308,"entries":309},"Feedback",[310,313,316,319,322,325],{"title":311,"path":312,"component":311,"order":131},"BbAlert","\u002Fcomponents\u002Fbb-alert",{"title":314,"path":315,"component":314,"order":135},"BbBadge","\u002Fcomponents\u002Fbb-badge",{"title":317,"path":318,"component":317,"order":157},"BbIndicator","\u002Fcomponents\u002Fbb-indicator",{"title":320,"path":321,"component":320,"order":161},"BbProgress","\u002Fcomponents\u002Fbb-progress",{"title":323,"path":324,"component":323,"order":165},"BbSpinner","\u002Fcomponents\u002Fbb-spinner",{"title":326,"path":327,"component":326,"order":199},"BbToast","\u002Fcomponents\u002Fbb-toast",{"label":329,"entries":330},"Data Display",[331,334,337],{"title":332,"path":333,"component":332,"order":131},"BbAvatar","\u002Fcomponents\u002Fbb-avatar",{"title":335,"path":336,"component":335,"order":135},"BbIcon","\u002Fcomponents\u002Fbb-icon",{"title":338,"path":339,"component":338,"order":157},"BbTable","\u002Fcomponents\u002Fbb-table",{"label":341,"entries":342},"Layout & Utility",[343],{"title":344,"path":345,"component":344,"order":131},"BbSmoothHeight","\u002Fcomponents\u002Fbb-smooth-height",{"label":347,"entries":348},"Other",[349],{"title":350,"path":351,"component":350,"order":131},"BbAsterisk","\u002Fcomponents\u002Fbb-asterisk",null,{"id":354,"title":251,"body":355,"component":251,"description":526,"extension":527,"group":221,"meta":528,"navigation":529,"order":215,"path":252,"sections":530,"seo":534,"stem":535,"__hash__":536},"docs_en\u002Fcomponents\u002Fbb-switch-group.md",{"type":356,"value":357,"toc":521},"minimark",[358,399,405,413,420,424,439,445,455,458,465,484,490,501,504,510],[359,360,361,369],"when",{},[362,363,364,365,368],"p",{},"Use ",[366,367,251],"code",{}," for related states of things: storefront sections, feature flags, or notification channels.",[370,371,373],"template",{"v-slot:else":372},"",[374,375,376,385,392],"ul",{},[377,378,379,384],"li",{},[380,381,382],"a",{"href":22},[366,383,227],{}," — the rows are answers to a question",[377,386,387,391],{},[380,388,389],{"href":76},[366,390,248],{}," — there is one standalone state",[377,393,394,398],{},[380,395,396],{"href":62},[366,397,233],{}," — exactly one answer must be selected",[362,400,401,402,404],{},"The items, mapping, async provider, and coherence API is shared with ",[366,403,227],{},". This page covers the switch-specific decisions.",[406,407,409],"h2",{"id":408},"default",[410,411,412],"span",{},"Save settings on every flip",[362,414,415,416,419],{},"For a live settings panel, apply the next array optimistically, hold the group ",[366,417,418],{},"readonly"," during the request, and restore the previous array on failure.",[421,422],"demo",{"name":423},"BbSwitchGroup\u002FInstantSave",[362,425,426,427,430,431,434,435,438],{},"Bind ",[366,428,429],{},":model-value"," with ",[366,432,433],{},"@update:model-value"," when rollback matters. The event carries the whole next array. Inside a submit-gated form, use ordinary ",[366,436,437],{},"v-model"," and do not also save on every flip.",[406,440,442],{"id":441},"constraints",[410,443,444],{},"Explain unavailable switches",[362,446,447,450,451,454],{},[366,448,449],{},"max"," disables off switches at the cap while leaving on switches available to trade. ",[366,452,453],{},"selectable"," gates specific items.",[421,456],{"name":457},"BbSwitchGroup\u002FCapped",[362,459,460,461,464],{},"State the rule in ",[366,462,463],{},"description","; an unexplained switch that does not move looks broken.",[466,467,468],"migration",{},[362,469,470,471,474,475,477,478,480,481,483],{},"A ",[366,472,473],{},"disabled"," field on an item is ignored in v3. Move that condition into ",[366,476,453],{},". Use ",[366,479,418],{}," to lock an existing selection; current ",[366,482,473],{}," behavior can still allow selected rows to turn off.",[406,485,487],{"id":486},"model",[410,488,489],{},"Choose the model shape",[362,491,492,493,496,497,500],{},"Multiple mode is the default and requires a seeded array. ",[366,494,495],{},":multiple=\"false\""," emits one bare value or ",[366,498,499],{},"null",".",[421,502],{"name":503},"BbSwitchGroup\u002FSingleSelect",[362,505,506,507,509],{},"In v2, ",[366,508,495],{}," was accepted but ignored. Audit existing models before upgrading because v3 now changes the emitted shape.",[362,511,512,513,516,517,520],{},"The group renders real switches with one required ",[366,514,515],{},"legend",". Use stable primitive values through ",[366,518,519],{},"item-value",", not whole domain objects.",{"title":372,"searchDepth":157,"depth":157,"links":522},[523,524,525],{"id":408,"depth":135,"text":412},{"id":441,"depth":135,"text":444},{"id":486,"depth":135,"text":489},"Manage related on\u002Foff states, including optimistic saving and application-owned rollback.","md",{},true,[531,532,533],{"id":408,"title":412},{"id":441,"title":444},{"id":486,"title":489},{"title":251,"description":526},"components\u002Fbb-switch-group","TNC0ajV8k4V-JwahoDYW8vdwA5QTjCCTx2jkpDXVpRQ",{"name":251,"slug":538,"group":221,"description":539,"entrypoint":540,"docs":541,"props":544,"models":847,"events":850,"slots":896,"exposed":925,"pt":926,"validated":976,"migration":991},"bb-switch-group","Manages grouped switch options with shared behavior.","bitboss-ui",{"contract":542,"source":543},"ai\u002FBbSwitchGroup.md","ai\u002Fsource\u002FBbSwitchGroup.md",[545,550,555,559,563,567,571,574,577,582,585,588,591,594,597,600,604,609,613,618,622,626,630,634,637,640,643,647,650,655,658,661,664,668,671,673,675,677,679,681,683,685,687,689,691,693,695,697,700,702,704,706,708,710,712,714,716,718,720,722,724,726,728,730,732,734,736,738,740,742,744,746,748,750,752,754,756,758,760,762,764,766,768,770,772,774,776,778,780,782,784,786,788,790,792,794,796,798,800,802,804,806,808,810,812,814,816,818,820,822,824,826,828,830,832,834,837,840,844],{"name":546,"type":547,"required":548,"default":352,"description":549,"note":352,"demo":352},"autofocus","Booleanish | undefined",false,"Sets autofocus on page load.",{"name":551,"type":552,"required":548,"default":553,"description":554,"note":352,"demo":441},"compact","boolean | undefined","false","Displays the component in a compact version.",{"name":556,"type":557,"required":548,"default":352,"description":558,"note":352,"demo":352},"dependencies","unknown[] | undefined","Defines an array of dependencies that will trigger actions in the component upon change.",{"name":560,"type":561,"required":548,"default":352,"description":562,"note":352,"demo":352},"depsDebounceTime","number | undefined","Timeout used to debounce response to changes to dependencies.",{"name":463,"type":564,"required":548,"default":352,"description":565,"note":566,"demo":441},"string | undefined","Descriptive text displayed below the label and above the input. Unlike the hint it is always\nvisible, and it is linked to the input via `aria-describedby` (after any\n`errors` \u002F `warnings`, before the `hint`).","One description for the whole set. It is also the only place `max` and `selectable` get explained — a switch that refuses to move with no reason on screen reads as broken.",{"name":568,"type":569,"required":548,"default":352,"description":570,"note":352,"demo":352},"direction","InputDirection | undefined","Direction of the layout of the component. Can either be a predefined value or a pattern separated by a space like `xx xxxxx`.",{"name":473,"type":552,"required":548,"default":553,"description":572,"note":573,"demo":441},"Disables the component.","Currently exempts options that are already on, so a disabled group can still be switched off. Use `readonly` to lock a group that carries a selection.",{"name":575,"type":552,"required":548,"default":553,"description":576,"note":352,"demo":352},"enforceCoherence","If coherence is enforced the input cannot have a modelValue that is incoherent with its current items.\n\ne.g. You cannot set v-model to a user that is not present in the items passed.\n\nmodelValue will be reset upon incoherence.",{"name":578,"type":579,"required":548,"default":352,"description":580,"note":581,"demo":408},"errors","string | string[] | undefined","Can be a string or an array of string containing the messages to display.\nThey render in an `aria-live=\"polite\"` region (announced when they appear)\nand, while the list is non-empty, are referenced FIRST from the control's\n`aria-describedby`, so the reason the field is invalid is re-read whenever\nthe control regains focus.","One channel for the fieldset. On an instant-save group it is where a refused write explains itself — pair it with a toast, since the group may be off screen by then.",{"name":583,"type":552,"required":548,"default":553,"description":584,"note":352,"demo":352},"hasErrors","Define if the component should be in an error state.\nIt usually attaches a CSS class for styling purposes.",{"name":586,"type":552,"required":548,"default":553,"description":587,"note":352,"demo":352},"hasWarnings","Define if the component should be in a warning state.\nSame chrome as errors with `--bb-warn`; errors take priority.",{"name":589,"type":552,"required":548,"default":553,"description":590,"note":352,"demo":352},"hideLabel","Visually hides each option's label text (the text rendered next to every\ninput) while keeping it accessible to screen readers.\nDoes not affect the fieldset legend — use `hideLegend` for that.",{"name":592,"type":552,"required":548,"default":553,"description":593,"note":352,"demo":352},"hideLegend","Visually hides the legend of the fieldset while maintaining accessibility.",{"name":595,"type":564,"required":548,"default":352,"description":596,"note":352,"demo":352},"hint","Text box to be displayed near the input, usually to indicate instructions.",{"name":598,"type":564,"required":548,"default":352,"description":599,"note":352,"demo":352},"id","The identifier of the component.",{"name":601,"type":602,"required":548,"default":352,"description":603,"note":352,"demo":441},"inputDirection","\"horizontal\" | \"vertical\" | undefined","Defines the direction of the inputs in the fieldset.",{"name":605,"type":606,"required":548,"default":607,"description":608,"note":352,"demo":352},"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":610,"type":611,"required":548,"default":352,"description":612,"note":352,"demo":352},"itemProps","BbOptionGroupItemProps\u003CT> | undefined","ADDITIONAL row fields resolved from each item — never its text or value\n(those stay on `itemText` \u002F `itemValue`). Option groups accept one field:\n\n- `description` — a muted line under the option label, beside the control;\n  it may wrap.\n\nEither an object with a path or getter per field\n(`{ description: 'email' }`) or a function returning the fields\n(`(item) => ({ description: item.email })`). Without it no field renders —\nan item's own `description` is never read implicitly — and an empty value\nrenders nothing for that item. The description is announced as the\noption's description, never part of its name. To disable individual\noptions use `selectable`.",{"name":614,"type":615,"required":529,"default":352,"description":616,"note":617,"demo":486},"items","T[] | ((prefill: boolean, modelValue?: any) => T[] | Promise\u003CT[]>)","Used to retrieve items; can be an array or a function.","Same mapping as BbCheckboxGroup, down to the accessors and the silent de-duplication by resolved value.",{"name":619,"type":620,"required":548,"default":352,"description":621,"note":352,"demo":486},"itemText","ItemAccessor\u003CT, string> | undefined","Defines a path that returns a property of the object to use as text or a function that returns a string.",{"name":623,"type":624,"required":548,"default":352,"description":625,"note":352,"demo":486},"itemValue","ItemAccessor\u003CT> | undefined","Defines a path that returns a property of the object to use as value or a function that returns any value.",{"name":515,"type":627,"required":529,"default":352,"description":628,"note":629,"demo":486},"string","Text content of the legend.","Required. It names the set of states, which is what a screen reader announces before the first switch.",{"name":631,"type":632,"required":548,"default":352,"description":633,"note":352,"demo":352},"legendMode","\"outside\" | \"inside\" | undefined","Legend rendering mode. `'outside'` renders the legend above the fieldset in the normal flow;\n`'inside'` overlays the legend inside the fieldset border.\nFloating mode is not supported for option groups (checkbox, radio or\nswitch) — there is no single field for the legend to float against.",{"name":635,"type":606,"required":548,"default":352,"description":636,"note":352,"demo":352},"legendPosition","Sets the text alignment of the label.",{"name":638,"type":564,"required":548,"default":352,"description":639,"note":352,"demo":352},"loadingText","String displayed while items are being loaded.",{"name":449,"type":561,"required":548,"default":352,"description":641,"note":642,"demo":441},"Maximum number of selected items.","Once the cap is reached the switches that are off render disabled and the ones that are on stay live, so the user swaps rather than getting stuck.",{"name":644,"type":645,"required":529,"default":352,"description":646,"note":352,"demo":352},"modelValue","any","Used by v-model. Can be an array of any serializable type.",{"name":648,"type":561,"required":548,"default":352,"description":649,"note":352,"demo":352},"modelValueDebounceTime","Timeout used to debounce response to changes to modelValue.",{"name":651,"type":552,"required":548,"default":652,"description":653,"note":654,"demo":486},"multiple","true","Enables multi-selection behavior.\nWhen true, `modelValue` must be an array.\nWhen false, `modelValue` should be a single value.","v2 advertised this prop and never forwarded it: a group set to single-select still emitted an array. v3 honours it, so a model written expecting an array now receives a bare value or `null`, with no warning.",{"name":656,"type":564,"required":548,"default":352,"description":657,"note":352,"demo":352},"name","Defines the name of the input.",{"name":659,"type":564,"required":548,"default":352,"description":660,"note":352,"demo":352},"noDataText","String displayed when there are no items to display.",{"name":662,"type":552,"required":548,"default":553,"description":663,"note":352,"demo":352},"persistentHint","Keeps the hint displayed.",{"name":665,"type":666,"required":548,"default":352,"description":667,"note":352,"demo":352},"pt","GroupPtMap\u003CT> | undefined","Passthrough, object form: the same keys as the `pt:*` attributes\nwithout the prefix. See the `pt:\u003Cpart>` row.",{"name":669,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:description","PtValue | undefined",{"name":672,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:description:disabled",{"name":674,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:description:errors",{"name":676,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:description:has-value",{"name":678,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:description:loading",{"name":680,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:description:readonly",{"name":682,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:description:warnings",{"name":684,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:hint",{"name":686,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:hint:disabled",{"name":688,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:hint:errors",{"name":690,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:hint:has-value",{"name":692,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:hint:loading",{"name":694,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:hint:readonly",{"name":696,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:hint:warnings",{"name":698,"type":699,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:icon","PtValue | ((ctx: PtItemCtx\u003CT, GroupPtState>) => PtItemResult) | undefined",{"name":701,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:icon:checked",{"name":703,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:icon:disabled",{"name":705,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:icon:errors",{"name":707,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:icon:focus-visible",{"name":709,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:icon:focused",{"name":711,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:icon:has-value",{"name":713,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:icon:loading",{"name":715,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:icon:readonly",{"name":717,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:icon:warnings",{"name":719,"type":699,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:item",{"name":721,"type":699,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:item-description",{"name":723,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:item-description:checked",{"name":725,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:item-description:disabled",{"name":727,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:item-description:errors",{"name":729,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:item-description:focus-visible",{"name":731,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:item-description:focused",{"name":733,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:item-description:has-value",{"name":735,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:item-description:loading",{"name":737,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:item-description:readonly",{"name":739,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:item-description:warnings",{"name":741,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:item:checked",{"name":743,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:item:disabled",{"name":745,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:item:errors",{"name":747,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:item:focus-visible",{"name":749,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:item:focused",{"name":751,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:item:has-value",{"name":753,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:item:loading",{"name":755,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:item:readonly",{"name":757,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:item:warnings",{"name":759,"type":699,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:label",{"name":761,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:label:checked",{"name":763,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:label:disabled",{"name":765,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:label:errors",{"name":767,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:label:focus-visible",{"name":769,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:label:focused",{"name":771,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:label:has-value",{"name":773,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:label:loading",{"name":775,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:label:readonly",{"name":777,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:label:warnings",{"name":779,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:legend",{"name":781,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:legend:disabled",{"name":783,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:legend:errors",{"name":785,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:legend:has-value",{"name":787,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:legend:loading",{"name":789,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:legend:readonly",{"name":791,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:legend:warnings",{"name":793,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:list",{"name":795,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:list:disabled",{"name":797,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:list:errors",{"name":799,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:list:has-value",{"name":801,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:list:loading",{"name":803,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:list:readonly",{"name":805,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:list:warnings",{"name":807,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:message",{"name":809,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:message:disabled",{"name":811,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:message:errors",{"name":813,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:message:has-value",{"name":815,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:message:loading",{"name":817,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:message:readonly",{"name":819,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:message:warnings",{"name":821,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:root",{"name":823,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:root:disabled",{"name":825,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:root:errors",{"name":827,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:root:has-value",{"name":829,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:root:loading",{"name":831,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:root:readonly",{"name":833,"type":670,"required":548,"default":352,"description":352,"note":352,"demo":352},"pt:root:warnings",{"name":418,"type":552,"required":548,"default":553,"description":835,"note":836,"demo":408},"Sets the input in a readonly state.","Keeps the switches focusable and submitted while swallowing changes — which is what an instant-save group holds itself in while its request is in flight.",{"name":838,"type":552,"required":548,"default":553,"description":839,"note":352,"demo":352},"reverse","Reverses the layout. Applicable in every direction the order of the label and the input is swapped.",{"name":453,"type":841,"required":548,"default":652,"description":842,"note":843,"demo":441},"boolean | ((item: T) => boolean) | undefined","Defines whether options are selectable.\nCan be a global boolean that affects all options or a function\nthat accepts an item and returns a boolean that only affects that item.\nNon-selectable options are rendered disabled.","A boolean for the group or a predicate over the item, resolving through the same per-option path as `max`. Where v2's per-item `disabled` field went: that field is inert in v3, silently, so locked feature flags become flippable.",{"name":845,"type":579,"required":548,"default":352,"description":846,"note":352,"demo":352},"warnings","Warning messages to display beneath the field, in their own `aria-live`\nregion and amber (`--bb-text-warn`). A string or array; a non-empty list\nimplies the warning state. Errors suppress warnings when both are set.\nWhile displayed they are also referenced from the control's\n`aria-describedby`, after any errors and before the description\u002Fhint.",[848],{"name":644,"type":645,"note":849,"demo":486},"The array of the options that are on, re-emitted in full on every change. An instant-save handler receives the whole next array and diffs it against the previous one; reading the single toggle off a `@change` event is how the two drift apart.",[851,855,859,863,867,871,875,879,883,887,891],{"name":852,"signature":853,"description":854,"note":352,"demo":352},"active","(e: \"active\"): void","Emitted when the group becomes active (focus\u002Fclick enters it).",{"name":856,"signature":857,"description":858,"note":352,"demo":352},"blur","(e: \"blur\", event: FocusEvent): void","Emitted when one of the generated checkbox inputs loses focus.\nForwards the original DOM `FocusEvent`.",{"name":860,"signature":861,"description":862,"note":352,"demo":352},"change","(e: \"change\", event: Event): void","Emitted when an option is toggled.\nForwards the original DOM `Event` from the checkbox input.",{"name":864,"signature":865,"description":866,"note":352,"demo":352},"click","(e: \"click\", event: MouseEvent): void","Emitted when one of the generated checkbox inputs is clicked.\nForwards the original DOM `MouseEvent`.",{"name":868,"signature":869,"description":870,"note":352,"demo":352},"focus","(e: \"focus\", event: FocusEvent): void","Emitted when one of the generated checkbox inputs receives focus.\nForwards the original DOM `FocusEvent`.",{"name":872,"signature":873,"description":874,"note":352,"demo":352},"inactive","(e: \"inactive\"): void","Emitted when focus\u002Fclick moves outside the group after it was active.\nUseful for validation-on-blur flows at group level.",{"name":876,"signature":877,"description":878,"note":352,"demo":352},"input","(e: \"input\", event: Event): void","Emitted on native input events from generated checkbox inputs.\nForwards the original DOM `Event`.",{"name":880,"signature":881,"description":882,"note":352,"demo":352},"keydown","(e: \"keydown\", event: KeyboardEvent): void","Emitted for keyboard interaction on generated checkbox inputs.\nForwards the original DOM `KeyboardEvent`.",{"name":884,"signature":885,"description":886,"note":352,"demo":352},"mousedown","(e: \"mousedown\", event: MouseEvent): void","Emitted when a pointing device button is pressed over a checkbox input.\nForwards the original DOM `MouseEvent`.",{"name":888,"signature":889,"description":890,"note":352,"demo":352},"mouseup","(e: \"mouseup\", event: MouseEvent): void","Emitted when a pointing device button is released over a checkbox input.\nForwards the original DOM `MouseEvent`.",{"name":892,"signature":893,"description":894,"note":895,"demo":408},"update:modelValue","(e: \"update:modelValue\", value: any): void","Emitted with the coherent next selection array whenever selection changes.","Bind this together with `:model-value` instead of using `v-model` whenever a failed write has to put the previous value back.",[897,901,904,909,913,916,919,922],{"name":898,"type":899,"description":900,"note":352,"demo":352},"append","object","Content rendered after the last option, inside the options container.",{"name":463,"type":902,"description":903,"note":352,"demo":352},"BbSwitchGroupDescriptionSlotProps","Replaces the description text. Provided alone (no `description` prop) it still\nrenders the description region and wires it into `aria-describedby`.",{"name":905,"type":906,"description":907,"note":908,"demo":441},"icon","BbSwitchGroupIconSlotProps\u003CT>","Replaces the default switch track visual for each option. Receives the\nswitch state plus the source item and its display text.","Replaces the entire track and thumb per option, not a glyph inside them, so the slot content has to communicate on, off and focused by itself. The input underneath keeps `role=\"switch\"` either way.",{"name":910,"type":911,"description":912,"note":352,"demo":352},"label","BbSwitchGroupLabelSlotProps\u003CT>","Replaces the default label text for each option.",{"name":515,"type":914,"description":915,"note":352,"demo":352},"BbSwitchGroupLegendSlotProps","Replaces the default fieldset legend text for the group.",{"name":917,"type":899,"description":918,"note":352,"demo":352},"loading","Content shown while options are loading (replaces the default loading text).",{"name":920,"type":899,"description":921,"note":352,"demo":352},"no-data","Content shown when no options are available (replaces the default \"no data\" text).",{"name":923,"type":899,"description":924,"note":352,"demo":352},"prepend","Content rendered before the first option, inside the options container.",[],{"parts":927,"states":953},[928,931,933,935,938,940,943,946,948,950],{"name":929,"description":930},"root","The group's container (the fieldset).",{"name":515,"description":932},"The group's heading — the fieldset `\u003Clegend>` (the `legend` prop).",{"name":463,"description":934},"The muted line under the legend (the `description` prop).",{"name":936,"description":937},"message","The errors \u002F warnings line. A node of its own: it can show at the same time as `hint`.",{"name":595,"description":939},"The helper line (the `hint` prop), shown on focus, or always with `persistent-hint`.",{"name":941,"description":942},"list","The node that lays the rows out (flex + wrap, gaps on `--gap` \u002F `--row-gap`): `pt:list=\"grid grid-cols-3\"` re-lays them, `pt:list=\"[--gap:8px]\"` tightens them. Takes the group-wide states only.",{"name":944,"description":945},"item","One option row — a broadcast, resolved per option with its own `checked` \u002F `disabled` \u002F focus. Takes a per-item function.",{"name":905,"description":947},"One row's drawn glyph — the default one: a consumer `icon` slot replaces it.",{"name":910,"description":949},"One option's label text (the `label` slot's default).",{"name":951,"description":952},"item-description","One option's muted second line, its description.",[954,957,959,961,964,967,970,972,974],{"name":955,"description":956},"checked","Per row, on `item`, `icon`, `label` and `item-description`: that option is chosen. Never on a field part.",{"name":473,"description":958},"Component-wide while the group is `disabled`; also per row, on the row parts of an option that is disabled on its own.",{"name":578,"description":960},"Component-wide: the group shows errors.",{"name":962,"description":963},"focus-visible","Per row, on the row parts: that option's focus is keyboard-visible — where a focus ring belongs.",{"name":965,"description":966},"focused","Per row, on the row parts: that option's input has focus — any focus, mouse included.",{"name":968,"description":969},"has-value","Component-wide: at least one option is chosen.",{"name":917,"description":971},"Component-wide: the items are being fetched.",{"name":418,"description":973},"Component-wide: the group is `readonly`.",{"name":845,"description":975},"Component-wide: the group shows warnings and no errors.",{"entrypoint":977,"props":978},"bitboss-ui\u002Fvalidated",[979,983,988],{"name":980,"type":981,"required":548,"default":352,"description":982,"note":352,"demo":352},"rules","RuleExpression\u003Cany>","vee-validate rules for this field.",{"name":984,"type":985,"required":548,"default":986,"description":987,"note":352,"demo":352},"validateOn","ValidateTiming[] | undefined","[\"inactive\"]","Which interactions trigger validation (see\n`ValidatedFieldProps.validateOn` for the timing vocabulary).",{"name":989,"type":564,"required":548,"default":352,"description":990,"note":352,"demo":352},"vid","Explicit vee-validate field name. **Usually omit it** — the name is derived\nautomatically from the control's `label`\u002F`legend`. Only set `vid` when that\nderivation wouldn't be unique (e.g. v-for rows, or array `v-model`s that\nshare a label). A control with no `label`\u002F`legend` (like `BbDropzone`) must\nprovide it.",{"removed":992,"renamed":1007},[993,999,1004],{"name":994,"replacedBy":352,"since":995,"migration":996,"silent":529,"fix":997},"color","3.0.0-unreleased","ai\u002Fguides\u002Fmigration\u002Fcomponents\u002Fbb-checkbox-group.md",{"kind":998},"manual",{"name":1000,"replacedBy":586,"since":995,"migration":1001,"silent":529,"fix":1002},"hasWarning","ai\u002Fguides\u002Fmigration\u002Fv2-to-v3.md",{"kind":1003},"rename",{"name":1005,"replacedBy":635,"since":995,"migration":996,"silent":529,"fix":1006},"labelPosition",{"kind":1003},[1008,1010],{"from":1000,"to":586,"since":995,"migration":1001,"fix":1009},{"kind":1003},{"from":1005,"to":635,"since":995,"migration":996,"fix":1011},{"kind":1003},1790005165784]