[{"data":1,"prerenderedAt":689},["ShallowReactive",2],{"locale-alternates":3,"docs-nav-en":134,"api-BbDropdown":377,"page-en-\u002Fcomponents\u002Fbb-dropdown\u002Fapi":389},{"\u002Fit\u002Fcomponenti\u002Fbb-accordion":4,"\u002Fen\u002Fcomponents\u002Fbb-accordion":5,"\u002Fit\u002Fcomponenti\u002Fbb-alert":6,"\u002Fen\u002Fcomponents\u002Fbb-alert":7,"\u002Fit\u002Fcomponenti\u002Fbb-asterisk":8,"\u002Fen\u002Fcomponents\u002Fbb-asterisk":9,"\u002Fit\u002Fcomponenti\u002Fbb-avatar":10,"\u002Fen\u002Fcomponents\u002Fbb-avatar":11,"\u002Fit\u002Fcomponenti\u002Fbb-badge":12,"\u002Fen\u002Fcomponents\u002Fbb-badge":13,"\u002Fit\u002Fcomponenti\u002Fbb-base-button":14,"\u002Fen\u002Fcomponents\u002Fbb-base-button":15,"\u002Fit\u002Fcomponenti\u002Fbb-breadcrumbs":16,"\u002Fen\u002Fcomponents\u002Fbb-breadcrumbs":17,"\u002Fit\u002Fcomponenti\u002Fbb-button":18,"\u002Fen\u002Fcomponents\u002Fbb-button":19,"\u002Fit\u002Fcomponenti\u002Fbb-calendar":20,"\u002Fen\u002Fcomponents\u002Fbb-calendar":21,"\u002Fit\u002Fcomponenti\u002Fbb-checkbox":22,"\u002Fen\u002Fcomponents\u002Fbb-checkbox":23,"\u002Fit\u002Fcomponenti\u002Fbb-checkbox-group":24,"\u002Fen\u002Fcomponents\u002Fbb-checkbox-group":25,"\u002Fit\u002Fcomponenti\u002Fbb-collapsible":26,"\u002Fen\u002Fcomponents\u002Fbb-collapsible":27,"\u002Fit\u002Fcomponenti\u002Fbb-color-input":28,"\u002Fen\u002Fcomponents\u002Fbb-color-input":29,"\u002Fit\u002Fcomponenti\u002Fbb-color-palette":30,"\u002Fen\u002Fcomponents\u002Fbb-color-palette":31,"\u002Fit\u002Fcomponenti\u002Fbb-confirm":32,"\u002Fen\u002Fcomponents\u002Fbb-confirm":33,"\u002Fit\u002Fcomponenti\u002Fbb-date-picker":34,"\u002Fen\u002Fcomponents\u002Fbb-date-picker":35,"\u002Fit\u002Fcomponenti\u002Fbb-date-picker-input":36,"\u002Fen\u002Fcomponents\u002Fbb-date-picker-input":37,"\u002Fit\u002Fcomponenti\u002Fbb-dialog":38,"\u002Fen\u002Fcomponents\u002Fbb-dialog":39,"\u002Fit\u002Fcomponenti\u002Fbb-dropdown":40,"\u002Fen\u002Fcomponents\u002Fbb-dropdown":41,"\u002Fit\u002Fcomponenti\u002Fbb-dropdown-button":42,"\u002Fen\u002Fcomponents\u002Fbb-dropdown-button":43,"\u002Fit\u002Fcomponenti\u002Fbb-dropzone":44,"\u002Fen\u002Fcomponents\u002Fbb-dropzone":45,"\u002Fit\u002Fcomponenti\u002Fbb-form":46,"\u002Fen\u002Fcomponents\u002Fbb-form":47,"\u002Fit\u002Fcomponenti\u002Fbb-hover-card":48,"\u002Fen\u002Fcomponents\u002Fbb-hover-card":49,"\u002Fit\u002Fcomponenti\u002Fbb-icon":50,"\u002Fen\u002Fcomponents\u002Fbb-icon":51,"\u002Fit\u002Fcomponenti\u002Fbb-indicator":52,"\u002Fen\u002Fcomponents\u002Fbb-indicator":53,"\u002Fit\u002Fcomponenti\u002Fbb-number-input":54,"\u002Fen\u002Fcomponents\u002Fbb-number-input":55,"\u002Fit\u002Fcomponenti\u002Fbb-off-canvas":56,"\u002Fen\u002Fcomponents\u002Fbb-off-canvas":57,"\u002Fit\u002Fcomponenti\u002Fbb-pagination":58,"\u002Fen\u002Fcomponents\u002Fbb-pagination":59,"\u002Fit\u002Fcomponenti\u002Fbb-popover":60,"\u002Fen\u002Fcomponents\u002Fbb-popover":61,"\u002Fit\u002Fcomponenti\u002Fbb-progress":62,"\u002Fen\u002Fcomponents\u002Fbb-progress":63,"\u002Fit\u002Fcomponenti\u002Fbb-radio":64,"\u002Fen\u002Fcomponents\u002Fbb-radio":65,"\u002Fit\u002Fcomponenti\u002Fbb-radio-group":66,"\u002Fen\u002Fcomponents\u002Fbb-radio-group":67,"\u002Fit\u002Fcomponenti\u002Fbb-rating":68,"\u002Fen\u002Fcomponents\u002Fbb-rating":69,"\u002Fit\u002Fcomponenti\u002Fbb-select":70,"\u002Fen\u002Fcomponents\u002Fbb-select":71,"\u002Fit\u002Fcomponenti\u002Fbb-select-popover":72,"\u002Fen\u002Fcomponents\u002Fbb-select-popover":73,"\u002Fit\u002Fcomponenti\u002Fbb-slider":74,"\u002Fen\u002Fcomponents\u002Fbb-slider":75,"\u002Fit\u002Fcomponenti\u002Fbb-smooth-height":76,"\u002Fen\u002Fcomponents\u002Fbb-smooth-height":77,"\u002Fit\u002Fcomponenti\u002Fbb-spinner":78,"\u002Fen\u002Fcomponents\u002Fbb-spinner":79,"\u002Fit\u002Fcomponenti\u002Fbb-switch":80,"\u002Fen\u002Fcomponents\u002Fbb-switch":81,"\u002Fit\u002Fcomponenti\u002Fbb-switch-group":82,"\u002Fen\u002Fcomponents\u002Fbb-switch-group":83,"\u002Fit\u002Fcomponenti\u002Fbb-table":84,"\u002Fen\u002Fcomponents\u002Fbb-table":85,"\u002Fit\u002Fcomponenti\u002Fbb-tabs":86,"\u002Fen\u002Fcomponents\u002Fbb-tabs":87,"\u002Fit\u002Fcomponenti\u002Fbb-tag":88,"\u002Fen\u002Fcomponents\u002Fbb-tag":89,"\u002Fit\u002Fcomponenti\u002Fbb-text-input":90,"\u002Fen\u002Fcomponents\u002Fbb-text-input":91,"\u002Fit\u002Fcomponenti\u002Fbb-textarea":92,"\u002Fen\u002Fcomponents\u002Fbb-textarea":93,"\u002Fit\u002Fcomponenti\u002Fbb-time-picker":94,"\u002Fen\u002Fcomponents\u002Fbb-time-picker":95,"\u002Fit\u002Fcomponenti\u002Fbb-time-picker-input":96,"\u002Fen\u002Fcomponents\u002Fbb-time-picker-input":97,"\u002Fit\u002Fcomponenti\u002Fbb-toast":98,"\u002Fen\u002Fcomponents\u002Fbb-toast":99,"\u002Fit\u002Fcomponenti\u002Fbb-tooltip":100,"\u002Fen\u002Fcomponents\u002Fbb-tooltip":101,"\u002Fit\u002Fcomponenti\u002Fbb-tree":102,"\u002Fen\u002Fcomponents\u002Fbb-tree":103,"\u002Fit\u002Fguide\u002Fadoption-checklist":104,"\u002Fen\u002Fguides\u002Fadoption-checklist":105,"\u002Fit\u002Fguide\u002Fai-agents":106,"\u002Fen\u002Fguides\u002Fai-agents":107,"\u002Fit\u002Fguide\u002Fcoherence":108,"\u002Fen\u002Fguides\u002Fcoherence":109,"\u002Fit\u002Fguide\u002Fdesign-language":110,"\u002Fen\u002Fguides\u002Fdesign-language":111,"\u002Fit\u002Fguide\u002Fdesign-tokens":112,"\u002Fen\u002Fguides\u002Fdesign-tokens":113,"\u002Fit\u002Fguide\u002Ffetching-data":114,"\u002Fen\u002Fguides\u002Ffetching-data":115,"\u002Fit\u002Fguide\u002Ficons":116,"\u002Fen\u002Fguides\u002Ficons":117,"\u002Fit\u002Fguide\u002Finertia":118,"\u002Fen\u002Fguides\u002Finertia":119,"\u002Fit\u002Fguide\u002Finstallation":120,"\u002Fen\u002Fguides\u002Finstallation":121,"\u002Fit\u002Fguide\u002Fmigration":122,"\u002Fen\u002Fguides\u002Fmigration":123,"\u002Fit\u002Fguide\u002Fnuxt":124,"\u002Fen\u002Fguides\u002Fnuxt":125,"\u002Fit\u002Fguide\u002Foptions-and-items":126,"\u002Fen\u002Fguides\u002Foptions-and-items":127,"\u002Fit\u002Fguide\u002Fpassthrough":128,"\u002Fen\u002Fguides\u002Fpassthrough":129,"\u002Fit\u002Fguide\u002Fpreset-components":130,"\u002Fen\u002Fguides\u002Fpreset-components":131,"\u002Fit\u002Fguide\u002Fvalidated-forms":132,"\u002Fen\u002Fguides\u002Fvalidated-forms":133},"\u002Fen\u002Fcomponents\u002Fbb-accordion","\u002Fit\u002Fcomponenti\u002Fbb-accordion","\u002Fen\u002Fcomponents\u002Fbb-alert","\u002Fit\u002Fcomponenti\u002Fbb-alert","\u002Fen\u002Fcomponents\u002Fbb-asterisk","\u002Fit\u002Fcomponenti\u002Fbb-asterisk","\u002Fen\u002Fcomponents\u002Fbb-avatar","\u002Fit\u002Fcomponenti\u002Fbb-avatar","\u002Fen\u002Fcomponents\u002Fbb-badge","\u002Fit\u002Fcomponenti\u002Fbb-badge","\u002Fen\u002Fcomponents\u002Fbb-base-button","\u002Fit\u002Fcomponenti\u002Fbb-base-button","\u002Fen\u002Fcomponents\u002Fbb-breadcrumbs","\u002Fit\u002Fcomponenti\u002Fbb-breadcrumbs","\u002Fen\u002Fcomponents\u002Fbb-button","\u002Fit\u002Fcomponenti\u002Fbb-button","\u002Fen\u002Fcomponents\u002Fbb-calendar","\u002Fit\u002Fcomponenti\u002Fbb-calendar","\u002Fen\u002Fcomponents\u002Fbb-checkbox","\u002Fit\u002Fcomponenti\u002Fbb-checkbox","\u002Fen\u002Fcomponents\u002Fbb-checkbox-group","\u002Fit\u002Fcomponenti\u002Fbb-checkbox-group","\u002Fen\u002Fcomponents\u002Fbb-collapsible","\u002Fit\u002Fcomponenti\u002Fbb-collapsible","\u002Fen\u002Fcomponents\u002Fbb-color-input","\u002Fit\u002Fcomponenti\u002Fbb-color-input","\u002Fen\u002Fcomponents\u002Fbb-color-palette","\u002Fit\u002Fcomponenti\u002Fbb-color-palette","\u002Fen\u002Fcomponents\u002Fbb-confirm","\u002Fit\u002Fcomponenti\u002Fbb-confirm","\u002Fen\u002Fcomponents\u002Fbb-date-picker","\u002Fit\u002Fcomponenti\u002Fbb-date-picker","\u002Fen\u002Fcomponents\u002Fbb-date-picker-input","\u002Fit\u002Fcomponenti\u002Fbb-date-picker-input","\u002Fen\u002Fcomponents\u002Fbb-dialog","\u002Fit\u002Fcomponenti\u002Fbb-dialog","\u002Fen\u002Fcomponents\u002Fbb-dropdown","\u002Fit\u002Fcomponenti\u002Fbb-dropdown","\u002Fen\u002Fcomponents\u002Fbb-dropdown-button","\u002Fit\u002Fcomponenti\u002Fbb-dropdown-button","\u002Fen\u002Fcomponents\u002Fbb-dropzone","\u002Fit\u002Fcomponenti\u002Fbb-dropzone","\u002Fen\u002Fcomponents\u002Fbb-form","\u002Fit\u002Fcomponenti\u002Fbb-form","\u002Fen\u002Fcomponents\u002Fbb-hover-card","\u002Fit\u002Fcomponenti\u002Fbb-hover-card","\u002Fen\u002Fcomponents\u002Fbb-icon","\u002Fit\u002Fcomponenti\u002Fbb-icon","\u002Fen\u002Fcomponents\u002Fbb-indicator","\u002Fit\u002Fcomponenti\u002Fbb-indicator","\u002Fen\u002Fcomponents\u002Fbb-number-input","\u002Fit\u002Fcomponenti\u002Fbb-number-input","\u002Fen\u002Fcomponents\u002Fbb-off-canvas","\u002Fit\u002Fcomponenti\u002Fbb-off-canvas","\u002Fen\u002Fcomponents\u002Fbb-pagination","\u002Fit\u002Fcomponenti\u002Fbb-pagination","\u002Fen\u002Fcomponents\u002Fbb-popover","\u002Fit\u002Fcomponenti\u002Fbb-popover","\u002Fen\u002Fcomponents\u002Fbb-progress","\u002Fit\u002Fcomponenti\u002Fbb-progress","\u002Fen\u002Fcomponents\u002Fbb-radio","\u002Fit\u002Fcomponenti\u002Fbb-radio","\u002Fen\u002Fcomponents\u002Fbb-radio-group","\u002Fit\u002Fcomponenti\u002Fbb-radio-group","\u002Fen\u002Fcomponents\u002Fbb-rating","\u002Fit\u002Fcomponenti\u002Fbb-rating","\u002Fen\u002Fcomponents\u002Fbb-select","\u002Fit\u002Fcomponenti\u002Fbb-select","\u002Fen\u002Fcomponents\u002Fbb-select-popover","\u002Fit\u002Fcomponenti\u002Fbb-select-popover","\u002Fen\u002Fcomponents\u002Fbb-slider","\u002Fit\u002Fcomponenti\u002Fbb-slider","\u002Fen\u002Fcomponents\u002Fbb-smooth-height","\u002Fit\u002Fcomponenti\u002Fbb-smooth-height","\u002Fen\u002Fcomponents\u002Fbb-spinner","\u002Fit\u002Fcomponenti\u002Fbb-spinner","\u002Fen\u002Fcomponents\u002Fbb-switch","\u002Fit\u002Fcomponenti\u002Fbb-switch","\u002Fen\u002Fcomponents\u002Fbb-switch-group","\u002Fit\u002Fcomponenti\u002Fbb-switch-group","\u002Fen\u002Fcomponents\u002Fbb-table","\u002Fit\u002Fcomponenti\u002Fbb-table","\u002Fen\u002Fcomponents\u002Fbb-tabs","\u002Fit\u002Fcomponenti\u002Fbb-tabs","\u002Fen\u002Fcomponents\u002Fbb-tag","\u002Fit\u002Fcomponenti\u002Fbb-tag","\u002Fen\u002Fcomponents\u002Fbb-text-input","\u002Fit\u002Fcomponenti\u002Fbb-text-input","\u002Fen\u002Fcomponents\u002Fbb-textarea","\u002Fit\u002Fcomponenti\u002Fbb-textarea","\u002Fen\u002Fcomponents\u002Fbb-time-picker","\u002Fit\u002Fcomponenti\u002Fbb-time-picker","\u002Fen\u002Fcomponents\u002Fbb-time-picker-input","\u002Fit\u002Fcomponenti\u002Fbb-time-picker-input","\u002Fen\u002Fcomponents\u002Fbb-toast","\u002Fit\u002Fcomponenti\u002Fbb-toast","\u002Fen\u002Fcomponents\u002Fbb-tooltip","\u002Fit\u002Fcomponenti\u002Fbb-tooltip","\u002Fen\u002Fcomponents\u002Fbb-tree","\u002Fit\u002Fcomponenti\u002Fbb-tree","\u002Fen\u002Fguides\u002Fadoption-checklist","\u002Fit\u002Fguide\u002Fadoption-checklist","\u002Fen\u002Fguides\u002Fai-agents","\u002Fit\u002Fguide\u002Fai-agents","\u002Fen\u002Fguides\u002Fcoherence","\u002Fit\u002Fguide\u002Fcoherence","\u002Fen\u002Fguides\u002Fdesign-language","\u002Fit\u002Fguide\u002Fdesign-language","\u002Fen\u002Fguides\u002Fdesign-tokens","\u002Fit\u002Fguide\u002Fdesign-tokens","\u002Fen\u002Fguides\u002Ffetching-data","\u002Fit\u002Fguide\u002Ffetching-data","\u002Fen\u002Fguides\u002Ficons","\u002Fit\u002Fguide\u002Ficons","\u002Fen\u002Fguides\u002Finertia","\u002Fit\u002Fguide\u002Finertia","\u002Fen\u002Fguides\u002Finstallation","\u002Fit\u002Fguide\u002Finstallation","\u002Fen\u002Fguides\u002Fmigration","\u002Fit\u002Fguide\u002Fmigration","\u002Fen\u002Fguides\u002Fnuxt","\u002Fit\u002Fguide\u002Fnuxt","\u002Fen\u002Fguides\u002Foptions-and-items","\u002Fit\u002Fguide\u002Foptions-and-items","\u002Fen\u002Fguides\u002Fpassthrough","\u002Fit\u002Fguide\u002Fpassthrough","\u002Fen\u002Fguides\u002Fpreset-components","\u002Fit\u002Fguide\u002Fpreset-components","\u002Fen\u002Fguides\u002Fvalidated-forms","\u002Fit\u002Fguide\u002Fvalidated-forms",[135,150,162,186,198,242,275,311,332,353,365,371],{"label":136,"entries":137},"Getting started",[138,142,146],{"title":139,"path":140,"order":141},"Installation","\u002Fguides\u002Finstallation",1,{"title":143,"path":144,"order":145},"Migrating from v2","\u002Fguides\u002Fmigration",2,{"title":147,"path":148,"order":149},"Adoption checklist","\u002Fguides\u002Fadoption-checklist",3,{"label":151,"entries":152},"Design system",[153,156,159],{"title":154,"path":155,"order":141},"Design tokens","\u002Fguides\u002Fdesign-tokens",{"title":157,"path":158,"order":145},"Design language","\u002Fguides\u002Fdesign-language",{"title":160,"path":161,"order":149},"Passthrough","\u002Fguides\u002Fpassthrough",{"label":163,"entries":164},"Playbooks",[165,168,171,174,178,182],{"title":166,"path":167,"order":141},"Options and items","\u002Fguides\u002Foptions-and-items",{"title":169,"path":170,"order":145},"Fetching data","\u002Fguides\u002Ffetching-data",{"title":172,"path":173,"order":149},"Coherence","\u002Fguides\u002Fcoherence",{"title":175,"path":176,"order":177},"Validated forms","\u002Fguides\u002Fvalidated-forms",4,{"title":179,"path":180,"order":181},"Icons","\u002Fguides\u002Ficons",5,{"title":183,"path":184,"order":185},"Preset components","\u002Fguides\u002Fpreset-components",6,{"label":187,"entries":188},"Ecosystem",[189,192,195],{"title":190,"path":191,"order":141},"Inertia and Laravel","\u002Fguides\u002Finertia",{"title":193,"path":194,"order":145},"Nuxt","\u002Fguides\u002Fnuxt",{"title":196,"path":197,"order":149},"AI agents","\u002Fguides\u002Fai-agents",{"label":199,"entries":200},"Inputs",[201,204,207,210,213,216,219,222,226,230,234,238],{"title":202,"path":203,"component":202,"order":141},"BbBaseButton","\u002Fcomponents\u002Fbb-base-button",{"title":205,"path":206,"component":205,"order":145},"BbButton","\u002Fcomponents\u002Fbb-button",{"title":208,"path":209,"component":208,"order":149},"BbCalendar","\u002Fcomponents\u002Fbb-calendar",{"title":211,"path":212,"component":211,"order":149},"BbColorInput","\u002Fcomponents\u002Fbb-color-input",{"title":214,"path":215,"component":214,"order":177},"BbDatePickerInput","\u002Fcomponents\u002Fbb-date-picker-input",{"title":217,"path":218,"component":217,"order":181},"BbDropzone","\u002Fcomponents\u002Fbb-dropzone",{"title":220,"path":221,"component":220,"order":185},"BbForm","\u002Fcomponents\u002Fbb-form",{"title":223,"path":224,"component":223,"order":225},"BbNumberInput","\u002Fcomponents\u002Fbb-number-input",7,{"title":227,"path":228,"component":227,"order":229},"BbTag","\u002Fcomponents\u002Fbb-tag",8,{"title":231,"path":232,"component":231,"order":233},"BbTextarea","\u002Fcomponents\u002Fbb-textarea",9,{"title":235,"path":236,"component":235,"order":237},"BbTextInput","\u002Fcomponents\u002Fbb-text-input",10,{"title":239,"path":240,"component":239,"order":241},"BbTimePickerInput","\u002Fcomponents\u002Fbb-time-picker-input",11,{"label":243,"entries":244},"Selection",[245,248,251,254,257,260,263,266,269,272],{"title":246,"path":247,"component":246,"order":141},"BbCheckbox","\u002Fcomponents\u002Fbb-checkbox",{"title":249,"path":250,"component":249,"order":145},"BbCheckboxGroup","\u002Fcomponents\u002Fbb-checkbox-group",{"title":252,"path":253,"component":252,"order":149},"BbRadio","\u002Fcomponents\u002Fbb-radio",{"title":255,"path":256,"component":255,"order":177},"BbRadioGroup","\u002Fcomponents\u002Fbb-radio-group",{"title":258,"path":259,"component":258,"order":181},"BbRating","\u002Fcomponents\u002Fbb-rating",{"title":261,"path":262,"component":261,"order":185},"BbSelect","\u002Fcomponents\u002Fbb-select",{"title":264,"path":265,"component":264,"order":225},"BbSelectPopover","\u002Fcomponents\u002Fbb-select-popover",{"title":267,"path":268,"component":267,"order":229},"BbSlider","\u002Fcomponents\u002Fbb-slider",{"title":270,"path":271,"component":270,"order":233},"BbSwitch","\u002Fcomponents\u002Fbb-switch",{"title":273,"path":274,"component":273,"order":237},"BbSwitchGroup","\u002Fcomponents\u002Fbb-switch-group",{"label":276,"entries":277},"Overlay",[278,281,284,287,290,293,296,299,302,305,308],{"title":279,"path":280,"component":279,"order":141},"BbColorPalette","\u002Fcomponents\u002Fbb-color-palette",{"title":282,"path":283,"component":282,"order":145},"BbConfirm","\u002Fcomponents\u002Fbb-confirm",{"title":285,"path":286,"component":285,"order":149},"BbDatePicker","\u002Fcomponents\u002Fbb-date-picker",{"title":288,"path":289,"component":288,"order":177},"BbDialog","\u002Fcomponents\u002Fbb-dialog",{"title":291,"path":292,"component":291,"order":181},"BbDropdown","\u002Fcomponents\u002Fbb-dropdown",{"title":294,"path":295,"component":294,"order":185},"BbDropdownButton","\u002Fcomponents\u002Fbb-dropdown-button",{"title":297,"path":298,"component":297,"order":225},"BbHoverCard","\u002Fcomponents\u002Fbb-hover-card",{"title":300,"path":301,"component":300,"order":225},"BbOffCanvas","\u002Fcomponents\u002Fbb-off-canvas",{"title":303,"path":304,"component":303,"order":229},"BbPopover","\u002Fcomponents\u002Fbb-popover",{"title":306,"path":307,"component":306,"order":233},"BbTimePicker","\u002Fcomponents\u002Fbb-time-picker",{"title":309,"path":310,"component":309,"order":237},"BbTooltip","\u002Fcomponents\u002Fbb-tooltip",{"label":312,"entries":313},"Navigation",[314,317,320,323,326,329],{"title":315,"path":316,"component":315,"order":141},"BbAccordion","\u002Fcomponents\u002Fbb-accordion",{"title":318,"path":319,"component":318,"order":145},"BbBreadcrumbs","\u002Fcomponents\u002Fbb-breadcrumbs",{"title":321,"path":322,"component":321,"order":149},"BbCollapsible","\u002Fcomponents\u002Fbb-collapsible",{"title":324,"path":325,"component":324,"order":177},"BbPagination","\u002Fcomponents\u002Fbb-pagination",{"title":327,"path":328,"component":327,"order":181},"BbTabs","\u002Fcomponents\u002Fbb-tabs",{"title":330,"path":331,"component":330,"order":185},"BbTree","\u002Fcomponents\u002Fbb-tree",{"label":333,"entries":334},"Feedback",[335,338,341,344,347,350],{"title":336,"path":337,"component":336,"order":141},"BbAlert","\u002Fcomponents\u002Fbb-alert",{"title":339,"path":340,"component":339,"order":145},"BbBadge","\u002Fcomponents\u002Fbb-badge",{"title":342,"path":343,"component":342,"order":149},"BbIndicator","\u002Fcomponents\u002Fbb-indicator",{"title":345,"path":346,"component":345,"order":177},"BbProgress","\u002Fcomponents\u002Fbb-progress",{"title":348,"path":349,"component":348,"order":181},"BbSpinner","\u002Fcomponents\u002Fbb-spinner",{"title":351,"path":352,"component":351,"order":185},"BbToast","\u002Fcomponents\u002Fbb-toast",{"label":354,"entries":355},"Data Display",[356,359,362],{"title":357,"path":358,"component":357,"order":141},"BbAvatar","\u002Fcomponents\u002Fbb-avatar",{"title":360,"path":361,"component":360,"order":145},"BbIcon","\u002Fcomponents\u002Fbb-icon",{"title":363,"path":364,"component":363,"order":149},"BbTable","\u002Fcomponents\u002Fbb-table",{"label":366,"entries":367},"Layout & Utility",[368],{"title":369,"path":370,"component":369,"order":141},"BbSmoothHeight","\u002Fcomponents\u002Fbb-smooth-height",{"label":372,"entries":373},"Other",[374],{"title":375,"path":376,"component":375,"order":141},"BbAsterisk","\u002Fcomponents\u002Fbb-asterisk",{"name":291,"slug":378,"group":276,"description":379,"entrypoint":380,"docs":381,"props":384,"models":502,"events":503,"slots":526,"exposed":590,"pt":591,"validated":389,"migration":644},"bb-dropdown","Displays contextual action menus and menu content (includes the co-located BbDropdownGroup export, which is how a selectable group is bound).","bitboss-ui",{"contract":382,"source":383},"ai\u002FBbDropdown.md","ai\u002Fsource\u002FBbDropdown.md",[385,393,399,405,409,413,417,421,424,430,434,437,442,449,453,458,463,467,472,476,481,486,490,496],{"name":386,"type":387,"required":388,"default":389,"description":390,"note":391,"demo":392},"activator","Record\u003Cstring, any> | HTMLElement | null | undefined",false,null,"An external activator element or component ref: the activator slot is not rendered, and the listeners and ARIA (`aria-haspopup` \u002F `aria-expanded` \u002F `aria-controls`) are attached to it; don't add your own.","The no-wrapper alternative to the `activator` slot, for when you already hold an element or component ref. It gets the same `aria-haspopup` \u002F `aria-expanded` \u002F `aria-controls` attached programmatically — so do not hand-write those on the referenced element either.","default",{"name":394,"type":395,"required":388,"default":396,"description":397,"note":398,"demo":394},"adaptive","boolean | undefined","`config.adaptive` (`true`)","On mobile (below `config.mobileMaxWidth`), renders the menu as a bottom sheet that drills into submenus one level at a time instead of hover flyouts; slots and selection are unchanged. Unset: the global `config.adaptive`.","Unset resolves to the global `adaptive` config, which is `true`: on a small viewport the menu is a bottom sheet, not a flyout. Pin it `false` for a desktop-only dense tool, or for a test that asserts against one surface.",{"name":400,"type":387,"required":388,"default":401,"description":402,"note":403,"demo":404},"anchor","the activator element","The element the panel positions against when it should differ from the activator (a wrapper the activator is part of); an HTMLElement or component ref. It also drives a percentage `width`. Ignored with `placement=\"cursor\"`.","Positions the panel against something other than the trigger — the case being a control whose trigger is only part of it, like the toggle half of a split button. A percentage `width` then resolves against the anchor too. Ignored when `placement` is `cursor`.","placement",{"name":406,"type":407,"required":388,"default":389,"description":408,"note":389,"demo":389},"boundary","string | Record\u003Cstring, any> | HTMLElement | null | undefined","Keeps the panel inside this element alongside its trigger (sideways for a menu above or below); away from the trigger it may pass the edge, and only the viewport flips it. An HTMLElement, a component ref or a CSS selector: a `useTemplateRef`, never `$refs.x` (not reactive).",{"name":410,"type":395,"required":388,"default":411,"description":412,"note":389,"demo":389},"closeOnSelect","unset (close after a single-choice change)","Whether a selection closes the menu. Unset: a change in a single-choice group closes it (an untick too, at any depth); a `multiple` group stays open. `true`: every selection change closes it. `false`: none does.",{"name":414,"type":395,"required":388,"default":415,"description":416,"note":389,"demo":404},"compact","false","Compact density, the `BbSelect` ladder: flyout rows 28px → 24px, sheet rows 44px → 36px (a sheet row stays a touch target). The label size does not change.",{"name":418,"type":395,"required":388,"default":415,"description":419,"note":420,"demo":389},"disabled","Disables the component","Freezes the whole component, trigger included. It is not the same as disabling every item: a disabled item is skipped by keyboard navigation while the menu still opens.",{"name":422,"type":395,"required":388,"default":415,"description":423,"note":389,"demo":389},"eager","Renders the menu panel at mount instead of on the first open (the phone sheet's too), and keeps its rows after a close. Without it the rows mount on each open and go once the menu has closed.",{"name":425,"type":426,"required":388,"default":389,"description":427,"note":428,"demo":429},"emptyText","string | undefined","Default placeholder text shown when a pipeline group resolves to no items. A group's own `emptyText` overrides this; both fall back to the localized `common.emptyText` (`'No data to display'`).","The empty-result counterpart of `loadingText`, with the same per-group override and the same locale fallback.","searchable",{"name":431,"type":395,"required":388,"default":415,"description":432,"note":433,"demo":389},"enforceCoherence","Default for pipeline groups: drop selections that are no longer present in a group's current items (e.g. after a `dependencies` re-fetch) from the selection and `v-model`. A group's own `enforceCoherence` overrides this.","The dropdown-level default for pipeline groups, overridable per group. It stays lazy: a group nobody opened never fetches and never prunes, and pruning never runs against an empty or still-loading item set.",{"name":435,"type":426,"required":388,"default":389,"description":436,"note":389,"demo":389},"failedText","Default placeholder text shown when a pipeline group's latest load FAILED (its `items` getter threw). A group's own `failedText` overrides this; both fall back to the localized `common.failedText` (`\"Couldn't load items\"`).",{"name":438,"type":426,"required":388,"default":389,"description":439,"note":440,"demo":441},"id","Names this dropdown: the activator's id (unless it already has one), the menu's `menu_\u003Cid>`, and the key `useBbDropdownContext(id)` and a companion `BbDropdownGroup` pair by. Generated when omitted.","Name the dropdown when something outside it reads its state: `useBbDropdownContext(id)` returns each selectable group with its picks, read-only.","selection",{"name":443,"type":444,"required":445,"default":446,"description":447,"note":448,"demo":443},"items","BbDropdownItem[]",true,"[]","The menu rows, each a `BbBaseButton` (`button`, `a` or `router-link`): a flat array for one group, nested arrays for divider-separated groups, or `InternalGroup` objects for titled \u002F selectable sections. A row's own `items` opens a submenu.","Three shapes, mixable: an item, a nested array (a divider-separated section), or a group object. `label` is what a row says and a group's heading; a row is identified by `value` and a group by `id` (rows were `{ key, text }` in v2 and early v3 betas). `value` is optional on a plain action or link row; a selectable row and a row with its own slot need one, and a selectable or bound group needs an `id`.",{"name":450,"type":426,"required":388,"default":389,"description":451,"note":452,"demo":429},"loadingText","Default placeholder text shown while a pipeline group's async items load. A group's own `loadingText` overrides this; both fall back to the localized `common.loadingText` (`'Loading...'`).","Pipeline groups only, and the default for all of them; a group can override it with its own `loadingText`. Unset, it is the plugin locale’s \"Loading…\" string.",{"name":454,"type":455,"required":388,"default":389,"description":456,"note":457,"demo":394},"offCanvasProps","Partial\u003CBbOffCanvasProps> | undefined","Props for the phone sheet (the `BbOffCanvas` that `adaptive` renders on mobile), spread over its defaults. A `pt` inside it styles only the sheet (passthrough guide § Inside the sheet). The sheet hides its ✕; `{ hideClose: false }` brings it back.","Merged over the sheet’s own `side: \"bottom\"`, `size: \"auto\"`, `draggable: true`. Ignored entirely when `adaptive` resolves to `false`, so it is not a way to configure the desktop panel.",{"name":459,"type":460,"required":388,"default":461,"description":462,"note":389,"demo":389},"offset","number | undefined","4","Space the floating container will maintain from the activator.",{"name":464,"type":460,"required":388,"default":465,"description":466,"note":389,"demo":389},"padding","10","Minimum empty space to keep from the edge of the page",{"name":404,"type":468,"required":388,"default":469,"description":470,"note":471,"demo":404},"Placement | \"cursor\" | undefined","\"bottom\"","Position of the dropdown relative to the activator. Use `'cursor'` to anchor at the mouse\u002Ftouch coordinates. (No arrow is drawn either way — arrows are tooltip-only in v3.)","Every floating placement, plus `cursor` — which anchors the panel at the pointer and is what you pair with `trigger: \"contextMenu\"` for an OS-style menu. The panel flips on its own when there is no room.",{"name":473,"type":474,"required":388,"default":389,"description":475,"note":389,"demo":389},"pt","PtItemMap\u003CBbDropdownPtPart, BbDropdownItemPtPart, BbDropdownPtState, InternalItem, \"default\" | \"destructive\"> | undefined","Passthrough, object form: the same keys as the `pt:*` attributes without the prefix. See the `pt:\u003Cpart>` row.",{"name":477,"type":478,"required":388,"default":389,"description":479,"note":389,"demo":480},"pt:\u003Cpart>","PtValue | ((ctx: PtItemCtx\u003CInternalItem, BbDropdownPtState, \"default\" | \"destructive\">) => PtItemResult) | undefined","Passthrough, attribute form: one attribute per part, `pt:\u003Cpart>`, and per part and state, `pt:\u003Cpart>:\u003Cstate>`. Parts: `footer`, `header`, `input`, `item`, `itemDescription`, `itemIcon`, `itemText`, `list`, `panel`, `root`, `sheet`. States: `activeLink`, `default`, `destructive`, `disabled`, `exactActiveLink`, `open`, `selected`.","passthrough",{"name":482,"type":460,"required":388,"default":483,"description":484,"note":485,"demo":429},"queryDebounceTime","300","Debounce (ms) applied to the async re-fetch a `searchable` group fires as the user types. Applies to every searchable group in the menu.","Applies to a `searchable` group’s own search field, debouncing the query before it reaches that group’s async getter. Nothing else on the component reads it.",{"name":487,"type":460,"required":388,"default":488,"description":489,"note":389,"demo":389},"transitionDuration","150","How long the transition has to last in milliseconds. Menus use the fast transition (150) rather than the medium one (250) the other popovers default to: a menu is opened to pick one command and is gone again, so it answers faster than a panel the user reads or edits in.",{"name":491,"type":492,"required":388,"default":493,"description":494,"note":495,"demo":404},"trigger","DropdownTrigger | DropdownTrigger[] | undefined","\"click\"","Interaction(s) that open the dropdown. Accepts a single trigger or an array to combine them.\n- `'click'` — left-click \u002F tap (default)\n- `'contextMenu'` — right-click on desktop, long-press on mobile","Takes an array to combine them (`[\"click\", \"contextMenu\"]`). On touch devices the `contextMenu` gesture is a long press, and right-clicking again while open moves the menu rather than closing it.",{"name":497,"type":498,"required":388,"default":499,"description":500,"note":501,"demo":404},"width","string | number | undefined","\"auto\"","Width of the dropdown in pixels, percentage, or 'auto' to fit content.","Content-sized by default with a 128px floor — not a fixed width. Pass a number when menus have to line up across the rows of a table, and a percentage when the panel should match its trigger.",[],[504,508,511,516,520,523],{"name":505,"signature":506,"description":507,"note":389,"demo":389},"hidden","(): void","Emitted once the menu has finished closing.",{"name":509,"signature":506,"description":510,"note":389,"demo":389},"hide","Emitted as soon as the menu starts to close.",{"name":512,"signature":513,"description":514,"note":515,"demo":441},"item:selected","(value: any): void","The user selected a row in a selectable group, at the click — also when a controlled companion's app then refuses the value. The payload is the row's value (its `item-value` for pipeline groups, else its `value`) — symmetric with `BbTable`'s `item:selected`.","Fires for any selectable group with the changed item’s value — its `itemValue` in a pipeline group, otherwise its `value`. Bind the companion’s `v-model` when you want the state; use this when you want the moment.",{"name":517,"signature":513,"description":518,"note":519,"demo":441},"item:unselected","The user unselected a row (a multiple toggle, a `clearable` re-click, a chip ×, or the old value a single pick replaces). Payload is the item's resolved value, matching `item:selected`.","Fires when a row of a `multiple` group is unticked, or when the picked row of a `clearable` single group is clicked again. A plain single group is a radio group: re-clicking its pick changes nothing, so neither event fires (the row’s `onClick` still runs).",{"name":521,"signature":506,"description":522,"note":389,"demo":389},"show","Emitted as soon as the menu (the popover, or the sheet on a phone) starts to open.",{"name":524,"signature":506,"description":525,"note":389,"demo":389},"shown","Emitted once the menu is open and its open transition has finished.",[527,531,534,538,541,545,548,552,556,559,563,566,570,575,579,583,587],{"name":528,"type":529,"description":530,"note":389,"demo":389},"\u003CgroupId>","BbDropdownItemSlotProps","That group's title line (the group is passed as `item`, `groupTitle` is `true`).",{"name":532,"type":529,"description":533,"note":389,"demo":389},"\u003CgroupId>:append","The trailing region of that group's title line.",{"name":535,"type":529,"description":536,"note":389,"demo":537},"\u003CgroupId>:item","The content of every row of that group, and no other; a row's own `#\u003Cvalue>` still wins.","row-slots",{"name":539,"type":529,"description":540,"note":389,"demo":537},"\u003CgroupId>:item:append","The trailing region of every row of that group; replaces their `append:icon`. The check takes its place on the selected row.",{"name":542,"type":529,"description":543,"note":544,"demo":537},"\u003CgroupId>:item:prepend","The leading region of every row of that group — e.g. an avatar per record, drawn from `item.meta`, while other rows keep their `prepend:icon`.","The switcher slot: draw each record (an avatar, a logo) from `item.meta` on this group’s rows while every other row keeps its `prepend:icon`. Set `meta` on each item, or through `itemProps` in a fetched group.",{"name":546,"type":529,"description":547,"note":389,"demo":389},"\u003CgroupId>:prepend","The leading region of that group's title line.",{"name":549,"type":529,"description":550,"note":551,"demo":537},"\u003Cvalue>","One row's content (label and description), by its value; in a fetched group, by its resolved `itemValue`.","Named after the row’s `value` in kebab-case: `billingInfo`, `billing_info` and `Billing info` are all `#billing-info`. For a value with accents or punctuation, write `#[slotKey(value)]` (`slotKey` is exported from `bitboss-ui`) rather than spelling it by hand.",{"name":553,"type":529,"description":554,"note":555,"demo":537},"\u003Cvalue>:append","One row's trailing region; replaces its `append:icon` and its submenu chevron. The check takes its place on the selected row.","The only slot that can replace a row’s submenu chevron. On the selected row of a selectable group the check still wins.",{"name":557,"type":529,"description":558,"note":389,"demo":537},"\u003Cvalue>:prepend","One row's leading region; replaces its `prepend:icon`.",{"name":386,"type":560,"description":561,"note":562,"demo":392},"BbDropdownActivatorSlotProps","The element that triggers the dropdown to open. Spread `props` onto your trigger element.","Spread its `props` onto a real focusable element or the menu has nothing to attach ARIA and keyboard handling to. The scope also carries `loading`, true while any item’s async `onClick` is still running — this replaces the exposed `loading` a v2 template ref read.",{"name":392,"type":564,"description":565,"note":389,"demo":389},"any","Hosts `\u003CBbDropdownGroup>` companions. They register their group with the dropdown and render nothing themselves.",{"name":567,"type":568,"description":569,"note":389,"demo":389},"empty","BbDropdownPlaceholderSlotProps","Replaces the default \"no data\" placeholder row shown in a pipeline group that resolved to no items. Rendered once per empty group.",{"name":571,"type":572,"description":573,"note":574,"demo":389},"footer","BbDropdownEdgeSlotProps","Content pinned to the bottom of the dropdown panel, outside the scroll area. Stays visible while the items scroll and is separated from them by a divider — for action buttons.","The pinned counterpart below the items, for one persistent action that must stay reachable while the list scrolls.",{"name":576,"type":572,"description":577,"note":578,"demo":389},"header","Content pinned to the top of the dropdown panel, outside the scroll area. Stays visible while the items scroll and is separated from them by a divider — for a title or a filter field.","Pinned above the scrolling items and separated by a divider — a title, or a field that filters the list you build. On the adaptive sheet it becomes the sheet’s pinned header.",{"name":580,"type":529,"description":581,"note":582,"demo":537},"item:append","The trailing region of every row (and group title line), replacing its `append:icon`. A named slot wins over it; the submenu chevron and the check on a selected row take its place.","Replaces the rows’ `append:icon`. It never replaces a submenu chevron, the check takes its place on the selected row, and a group’s or a row’s own named slot beats it.",{"name":584,"type":529,"description":585,"note":586,"demo":537},"item:prepend","The leading region of every row (and group title line), replacing its `prepend:icon`. A row's own or its group's named slot wins over it.","Rendered before every row’s content, group titles included — there `groupTitle` is `true` and `item` is the group. It replaces the rows’ `prepend:icon`, and a group’s or a row’s own named slot beats it. The payload is read-only: keep slot content presentational and leave clicks to the dropdown.",{"name":588,"type":568,"description":589,"note":389,"demo":389},"loading","Replaces the default loading placeholder row shown in a pipeline group while its async items load. Rendered once per loading group.",[],{"parts":592,"states":624},[593,596,599,602,604,606,609,612,615,618,621],{"name":594,"description":595},"root","The floating element — an invisible positioning wrapper; a `class` on the component lands here. No node on the phone sheet: style what you see with `panel`.",{"name":597,"description":598},"panel","The menu surface you see — the bordered flyout box on desktop, the sheet itself on a phone.",{"name":600,"description":601},"sheet","The bottom sheet the menu becomes on a phone (the `BbOffCanvas` root) — never the desktop surface. Applied after `panel`, so it wins a conflict there.",{"name":576,"description":603},"The menu's header band.",{"name":571,"description":605},"The menu's footer band.",{"name":607,"description":608},"input","A searchable group's search field — a broadcast: it lands on every searchable group's field, desktop and phone alike. Its magnifier glyph is chrome.",{"name":610,"description":611},"list","The top-level items container between the bands — the node that lays the entries out (a flex column with a 1px gap; on a phone, the sheet's items container). A submenu's list is not reached. Groups, headings and dividers are not parts.",{"name":613,"description":614},"item","One menu entry, submenus included — a broadcast resolved per entry. Also takes a per-item function, called with the entry.",{"name":616,"description":617},"itemText","An entry's label (its `label`) — resolved with that entry's states. A per-entry `#\u003Cvalue>` slot replaces it. Also takes a per-item function.",{"name":619,"description":620},"itemIcon","An entry's prepend \u002F append icons — resolved with that entry's states. Also takes a per-item function.",{"name":622,"description":623},"itemDescription","An entry's muted second line (its `description`) — resolved with that entry's states. A per-entry `#\u003Cvalue>` slot replaces it. Also takes a per-item function.",[625,628,630,633,635,638,641],{"name":626,"description":627},"activeLink","Per node, on the entry parts: an entry whose link (`to` \u002F `href`) points at the current page or one of its ancestors — exactly when its `activeClass` is on. The weakest state.",{"name":392,"description":629},"Per entry, on the entry parts: an entry with `variant: 'default'` or none. Merged after the part's base entry and before its states, so the real states still win.",{"name":631,"description":632},"destructive","Per entry, on the entry parts: `variant: 'destructive'`. Below the real states, like every variant.",{"name":418,"description":634},"Per node, on the entry parts: an entry that is disabled.",{"name":636,"description":637},"exactActiveLink","Per node, on the entry parts: an entry whose link points at the current page itself — its `exactActiveClass` is on.",{"name":639,"description":640},"open","Component-wide: the menu is open.",{"name":642,"description":643},"selected","Per node, on the entry parts: a selectable group's checked entry.",{"removed":645,"renamed":684},[646,653,660,665,670,675,681],{"name":647,"surface":648,"replacedBy":389,"hint":389,"since":649,"migration":650,"silent":445,"fix":651},"arrowPadding","prop","3.0.0-alpha.1","ai\u002Fguides\u002Fmigration\u002Fcomponents\u002Fbb-dropdown.md",{"kind":652},"remove",{"name":654,"surface":613,"replacedBy":655,"hint":656,"since":657,"migration":650,"silent":445,"fix":658},"items[].key","items[].value","a row's identity: its `v-model` value (any type, compared by hash) and its `#\u003Cvalue>` slots; `check --fix` renames it","3.0.0-beta.49",{"kind":659},"rename",{"name":661,"surface":613,"replacedBy":662,"hint":663,"since":657,"migration":650,"silent":445,"fix":664},"items[].text","items[].label","a row's text; `check --fix` renames it",{"kind":659},{"name":666,"surface":613,"replacedBy":667,"hint":668,"since":657,"migration":650,"silent":445,"fix":669},"items[group].key","items[group].id","a group's identity, the same word as `\u003CBbDropdownGroup id>`; `check --fix` renames it",{"kind":659},{"name":588,"surface":671,"replacedBy":389,"hint":672,"since":649,"migration":650,"silent":445,"fix":673},"method","read `loading` from the activator slot scope (`#activator=\"{ loading }\"`) instead of a template ref",{"kind":674},"manual",{"name":676,"surface":677,"replacedBy":567,"hint":389,"since":678,"migration":679,"silent":445,"fix":680},"no-data","slot","3.0.0-beta.41","ai\u002Fguides\u002Fmigration\u002Fv2-to-v3.md",{"kind":659},{"name":682,"surface":648,"replacedBy":425,"hint":389,"since":678,"migration":679,"silent":445,"fix":683},"noDataText",{"kind":659},[685,687],{"from":676,"to":567,"surface":677,"since":678,"migration":679,"fix":686},{"kind":659},{"from":682,"to":425,"surface":648,"since":678,"migration":679,"fix":688},{"kind":659},1793055152592]