[{"data":1,"prerenderedAt":1279},["ShallowReactive",2],{"locale-alternates":3,"docs-nav-en":124,"api-none":352,"page-en-\u002Fcomponents\u002Fbb-select-popover":353,"pt-showcase-BbSelectPopover":747,"bb-items:v-0-2-1-28-1-1":1197},{"\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":242,"body":355,"component":242,"description":731,"extension":732,"group":221,"meta":733,"navigation":734,"order":203,"path":243,"sections":735,"seo":744,"stem":745,"__hash__":746},"docs_en\u002Fcomponents\u002Fbb-select-popover.md",{"type":356,"value":357,"toc":721},"minimark",[358,406,414,422,429,433,448,461,467,473,476,482,488,498,501,524,545,551,557,560,567,587,593,600,603,613,628,634,644,647,650,656,659,662,665,671,682,685,695],[359,360,361,369],"when",{},[362,363,364,365,368],"p",{},"Use ",[366,367,242],"code",{}," when someone chooses a value from a trigger you design: a\nstatus pill, filter chip, avatar stack or table cell. It provides the select\nengine without drawing a form field.",[370,371,373],"template",{"v-slot:else":372},"",[374,375,376,385,392,399],"ul",{},[377,378,379,384],"li",{},[380,381,382],"a",{"href":66},[366,383,239],{},": you need a labelled field with\nguidance and validation",[377,386,387,391],{},[380,388,389],{"href":62},[366,390,233],{},": a short exclusive choice\nshould remain visible",[377,393,394,398],{},[380,395,396],{"href":38},[366,397,269],{},": the rows run commands",[377,400,401,405],{},[380,402,403],{"href":56},[366,404,278],{},": the panel contains arbitrary\ncontent instead of options",[362,407,408,409,413],{},"Item mapping, custom rows and option identity follow\n",[380,410,411],{"href":66},[366,412,239],{},".",[415,416,418],"h2",{"id":417},"activator",[419,420,421],"span",{},"Build a reliable trigger",[362,423,424,425,428],{},"Spread the activator ",[366,426,427],{},"props"," onto the focusable element, give it an explicit\naccessible name and derive its label from application state.",[430,431],"demo",{"name":432},"BbSelectPopover\u002FAssigneePill",[362,434,435,436,439,440,443,444,447],{},"Do not label the trigger from slot ",[366,437,438],{},"text"," or ",[366,441,442],{},"selectedOptions",": provider-backed\noptions are unresolved until they load, so the trigger can start blank. Reflect\n",[366,445,446],{},"shown"," visually when the panel is open.",[449,450,451],"migration",{},[362,452,453,454,456,457,460],{},"As on ",[366,455,239],{},", clicking the current single value now keeps it selected and\ncloses the panel. Use the slot ",[366,458,459],{},"clear"," callback for an explicit reset.",[415,462,464],{"id":463},"multiple",[419,465,466],{},"Multiple selection",[362,468,469,470,472],{},"Seed an array when using ",[366,471,463],{},", then summarize it on the trigger you own.",[430,474],{"name":475},"BbSelectPopover\u002FReviewerFilter",[362,477,478,481],{},[366,479,480],{},"max"," limits the count without locking selected options.",[415,483,485],{"id":484},"panel",[419,486,487],{},"Panel actions",[362,489,364,490,493,494,497],{},[366,491,492],{},"header"," to name the panel and ",[366,495,496],{},"footer"," for clear or done actions.",[430,499],{"name":500},"BbSelectPopover\u002FTitledPanel",[362,502,503,504,506,507,506,510,506,513,516,517,519,520,523],{},"The panel slots expose ",[366,505,459],{},", ",[366,508,509],{},"close",[366,511,512],{},"focus",[366,514,515],{},"query"," and\n",[366,518,442],{},". The ",[366,521,522],{},"clearable"," prop instead puts a clear button inside the\nsearch field.",[449,525,526],{},[362,527,528,530,531,533,534,506,537,540,541,544],{},[366,529,492],{}," and ",[366,532,496],{}," replace ",[366,535,536],{},"options:prepend",[366,538,539],{},"options:append"," and their\n",[366,542,543],{},":outer"," variants.",[415,546,548],{"id":547},"search",[419,549,550],{},"Search and short lists",[362,552,364,553,556],{},[366,554,555],{},"disable-writing"," when a short list is faster to scan than search.",[430,558],{"name":559},"BbSelectPopover\u002FScrollOnlyStatus",[362,561,562,563,566],{},"Removing the field also removes filtering and ",[366,564,565],{},"option:add",". Provider results\nstill pass through the local substring filter.",[449,568,570],{"title":569},"allowWriting → disableWriting",[362,571,572,574,575,578,579,582,583,586],{},[366,573,555],{}," replaces and inverts ",[366,576,577],{},"allow-writing",". ",[366,580,581],{},"filter-by"," now accepts\nonly ",[366,584,585],{},"string[]","; short local arrays also hide search automatically below the\nconfigured threshold.",[415,588,590],{"id":589},"fetching",[419,591,592],{},"Fetching options",[362,594,595,596,599],{},"A provider receives ",[366,597,598],{},"(query, prefill, modelValue)",". Return selected rows during\ncomponent-initiated loads so values remain resolvable.",[430,601],{"name":602},"BbSelectPopover\u002FDestinationSearch",[362,604,605,606,608,609,612],{},"Unlike ",[366,607,239],{},", a seeded model does not force an eager provider call. Keep the\ntrigger independent of loaded options instead of adding ",[366,610,611],{},"prefill: true"," just to\nrender its label.",[449,614,615],{},[362,616,617,620,621,578,624,627],{},[366,618,619],{},"prefill=\"focus\""," becomes ",[366,622,623],{},"'interaction'",[366,625,626],{},"prefill: false"," is search-first;\nremove it to load on first open.",[415,629,631],{"id":630},"coherence",[419,632,633],{},"Dependent pickers",[362,635,364,636,639,640,643],{},[366,637,638],{},"dependencies"," to refetch and ",[366,641,642],{},"enforce-coherence"," to remove values absent\nfrom the refreshed options.",[430,645],{"name":646},"BbSelectPopover\u002FMilestoneFilter",[362,648,649],{},"Enforcement validates the seeded model on its first load. Each provider-backed\ninstance therefore makes its own request; an empty response can clear a valid\nselection.",[415,651,653],{"id":652},"table-rows",[419,654,655],{},"One picker per table row",[362,657,658],{},"Resolve shared options once, pass the same array to every row and keep edits in\na draft map keyed by row id.",[430,660],{"name":661},"BbSelectPopover\u002FInlineStatusCell",[362,663,664],{},"Give each picker its own model. One shared ref lets every instance judge and\noverwrite the same value; one provider per row makes request count follow row\ncount.",[415,666,668],{"id":667},"sizing",[419,669,670],{},"Width, placement and mobile",[362,672,673,674,677,678,681],{},"Set a concrete ",[366,675,676],{},"width"," for compact triggers; avoid ",[366,679,680],{},"'auto'",", which expands\nagainst the viewport on this fixed-positioned panel.",[430,683],{"name":684},"BbSelectPopover\u002FPanelWidth",[362,686,687,688,691,692,413],{},"Below the mobile breakpoint the panel becomes a sheet and placement props stop\napplying. Style the visible surface with ",[366,689,690],{},"pt:panel"," and sheet-only corrections\nwith ",[366,693,694],{},"pt:sheet",[449,696,698],{"title":697},"flip → disableFlip",[362,699,364,700,703,704,578,707,530,710,713,714,717,718,413],{},[366,701,702],{},"disable-flip"," instead of ",[366,705,706],{},"flip",[366,708,709],{},"hide-arrow",[366,711,712],{},"arrow-padding"," are\nremoved because this panel has no arrow. ",[366,715,716],{},"offcanvasProps"," becomes\n",[366,719,720],{},"offCanvasProps",{"title":372,"searchDepth":157,"depth":157,"links":722},[723,724,725,726,727,728,729,730],{"id":417,"depth":135,"text":421},{"id":463,"depth":135,"text":466},{"id":484,"depth":135,"text":487},{"id":547,"depth":135,"text":550},{"id":589,"depth":135,"text":592},{"id":630,"depth":135,"text":633},{"id":652,"depth":135,"text":655},{"id":667,"depth":135,"text":670},"A searchable picker behind a pill, badge, toolbar control or table cell.","md",{},true,[736,737,738,739,740,741,742,743],{"id":417,"title":421},{"id":463,"title":466},{"id":484,"title":487},{"id":547,"title":550},{"id":589,"title":592},{"id":630,"title":633},{"id":652,"title":655},{"id":667,"title":670},{"title":242,"description":731},"components\u002Fbb-select-popover","sWNa8tCDIEB6HDUBkSQ_wUmTlzn-0xbz5pmdZt1Z8Uc",{"name":242,"slug":748,"group":221,"description":749,"entrypoint":750,"docs":751,"props":754,"models":1035,"events":1038,"slots":1089,"exposed":1116,"pt":1117,"validated":352,"migration":1158},"bb-select-popover","Provides popover-driven option selection and search.","bitboss-ui",{"contract":752,"source":753},"ai\u002FBbSelectPopover.md","ai\u002Fsource\u002FBbSelectPopover.md",[755,759,765,769,773,776,781,785,789,792,797,802,805,809,814,818,823,827,830,833,836,839,843,847,852,856,860,863,866,870,874,877,880,883,886,890,894,899,905,909,912,914,916,918,920,922,924,926,928,930,932,934,936,938,940,942,945,947,949,951,953,955,957,959,961,963,965,967,969,971,973,975,977,979,981,983,984,986,988,990,992,994,996,998,999,1001,1003,1005,1009,1012,1017,1022,1026,1030],{"name":417,"type":756,"required":757,"default":352,"description":758,"note":352,"demo":352},"Record\u003Cstring, any> | HTMLElement | null | undefined",false,"External activator element or component ref.\nWhen provided, the activator slot is not rendered and event listeners\nare attached programmatically to the referenced element.",{"name":760,"type":761,"required":757,"default":762,"description":763,"note":764,"demo":667},"adaptive","boolean | undefined","`config.adaptive` (`true`)","When `true`, the panel opens as a bottom off-canvas sheet on mobile viewports\ninstead of a floating popover; on desktop it stays a popover. The sheet reuses\nthe same search field and options list, adding a representation of the current\nselection between them. Mirrors the adaptive behaviour of `BbPopover`\u002F`BbDropdown`.\n\nWhen unset, falls back to the global `config.adaptive`.","Set it per instance only to disagree with the app-wide `config.adaptive`. Below the mobile breakpoint the placement props stop applying, because the panel is a sheet rather than a flyout.",{"name":766,"type":756,"required":757,"default":767,"description":768,"note":352,"demo":352},"anchor","null","Override the element used for popover positioning and width measurement.\nUseful when the focusable activator is narrower than its visual container\n(e.g. a button inside a wrapper). Falls back to `activatorEl` when omitted.",{"name":770,"type":771,"required":757,"default":352,"description":772,"note":352,"demo":352},"ariaDescribedby","string | string[] | undefined","Space-separated IDREF(s) that describe this field for assistive technologies.\nAccepts either a string or array of ids.",{"name":774,"type":761,"required":757,"default":352,"description":775,"note":352,"demo":352},"ariaInvalid","Explicit invalid state for accessibility semantics.\nFalls back to `hasErrors` when not provided.",{"name":777,"type":778,"required":757,"default":779,"description":780,"note":352,"demo":352},"autocomplete","string | undefined","\"off\"","Browser autocomplete hint for the popover search input.",{"name":782,"type":783,"required":757,"default":352,"description":784,"note":352,"demo":352},"boundary","string | Record\u003Cstring, any> | HTMLElement | null | undefined","Constrains the popover to a specific boundary element.",{"name":522,"type":761,"required":757,"default":786,"description":787,"note":788,"demo":484},"false","Shows a clear button inside the search field's icon stack: it takes the\nlens' place on hover\u002Ffocus while there is a query or selection to clear,\nand resets both. Off by default. Leave it off when the component is\nwrapped by a control that already exposes its own clear affordance (e.g.\nBbSelect clears from the activator) to avoid a duplicate clear button.","Puts a small clear button inside the search field's icon stack — not on your trigger. For an explicit \"empty this\" most triggers want the `clear` callback from the activator or panel slot scope instead.",{"name":790,"type":761,"required":757,"default":786,"description":791,"note":352,"demo":352},"compact","Apply the compact density variant.",{"name":638,"type":793,"required":757,"default":794,"description":795,"note":796,"demo":630},"unknown[] | undefined","[]","Additional dependencies that trigger item reloading when changed.","Compared by value hash, not by reference. Pair it with `enforceCoherence` rather than with a watcher that clears the model on every upstream change.",{"name":798,"type":799,"required":757,"default":800,"description":801,"note":352,"demo":352},"depsDebounceTime","number | undefined","0","Debounce delay (ms) for dependency-triggered reloads.",{"name":803,"type":761,"required":757,"default":786,"description":804,"note":352,"demo":352},"disabled","Disables the component.",{"name":806,"type":761,"required":757,"default":786,"description":807,"note":808,"demo":667},"disableFlip","Disables the automatic flip to the opposite side when the popover\nwould overflow (flipping is on by default).","Inverts v2's `flip`, and the old name is silent: `:flip=\"false\"` becomes `disable-flip`. The related `hideArrow` and `arrowPadding` are gone entirely — this panel is a frame and never draws an arrow.",{"name":810,"type":811,"required":757,"default":680,"description":812,"note":813,"demo":547},"disableWriting","boolean | \"auto\" | \"mobile\" | \"desktop\" | undefined","Controls whether the search input is shown inside the popover panel.\n`true` removes it everywhere; `'mobile'` \u002F `'desktop'` remove it on that\nplatform only; `'auto'` removes it when an **array** `items` renders fewer\noptions than the plugin's `autoDisableWritingThreshold` (default `6`;\ndisabled options count, group headers don't). `'auto'` is decided when the\npanel opens and held until it closes, never applies to a provider\n(function) `items`, never when you listen to `option:add` (a creatable\npopover keeps its field), and is off when the threshold is `0`. There is\nno global switch: hiding or forcing a field is this prop, per instance.","Removes the search field, and with it typing, `filterBy` and `option:add`. It inverts v2's `allowWriting` silently: `:allow-writing=\"false\"` becomes `disable-writing`, `allow-writing=\"not-mobile\"` becomes `disable-writing=\"mobile\"`.",{"name":815,"type":761,"required":757,"default":786,"description":816,"note":817,"demo":630},"enforceCoherence","Reset modelValue to `null` or empty array if it no longer matches available items.","Opts each instance into a load of its own, because validating a seeded value is impossible without options. One filter costs one request; fifty provider-backed rows cost fifty. That is the reason a table hands every row the same array instead.",{"name":819,"type":820,"required":757,"default":794,"description":821,"note":822,"demo":547},"filterBy","string[] | undefined","Property paths used to filter options when the user types in the search input.\nWhen empty (default) options are matched against their display text.\nWhen non-empty the provided paths are searched instead of the display text.\nTo disable filtering entirely set `disableWriting` so the user cannot type a query.","Replaces the match against the display text rather than adding to it, and every listed path must exist on every item or matching throws. With a provider it still applies on top of the response.",{"name":824,"type":825,"required":757,"default":352,"description":826,"note":352,"demo":352},"groupBy","string | ((item: Item) => string | number | symbol) | undefined","Path to item property for grouping options.",{"name":828,"type":761,"required":757,"default":786,"description":829,"note":352,"demo":352},"hasErrors","Marks the component as being in error state.",{"name":831,"type":761,"required":757,"default":786,"description":832,"note":352,"demo":352},"hasWarnings","Marks the component as being in a warning state. Visually mirrors\n`hasErrors` but uses `--bb-warn` chrome; errors take priority when both\nare set.",{"name":834,"type":799,"required":757,"default":352,"description":835,"note":352,"demo":352},"headerHeight","Height of group headers in the listbox (px). Defaults to 32px (24px\ncompact; 36px \u002F 32px on mobile viewports). Only applies when `groupBy`\nis set. An explicit value wins on every viewport.",{"name":837,"type":778,"required":757,"default":352,"description":838,"note":352,"demo":352},"id","Explicit id for the component. Used to generate ids for listbox and options.",{"name":840,"type":799,"required":757,"default":841,"description":842,"note":352,"demo":352},"itemHeight","28","Height of the options in the listbox (px). Defaults to 28px (24px\ncompact; 44px \u002F 36px on mobile viewports). An explicit value wins on\nevery viewport.",{"name":844,"type":845,"required":757,"default":352,"description":846,"note":352,"demo":352},"itemProps","BbSelectItemProps\u003CItem> | undefined","ADDITIONAL row fields resolved from each item — never its text or value\n(those stay on `itemText` \u002F `itemValue`). Accepted fields:\n\n- `description` — a muted line under the option label. Setting it gives\n  every row a fixed two-line height (the list is virtualized); the\n  description stays on one line and ellipsizes. Announced as the option's\n  description, never part of its name; matched by the search with the text\n  when `filterBy` is empty.\n- `prepend:icon` — an icon before the label.\n- `append:icon` — an icon after the label; on the selected row the check\n  takes its place.\n\nEither an object with a path or getter per field\n(`{ description: 'email', 'prepend:icon': 'icon' }`) or a function\nreturning the fields (`(item) => ({ description: item.email })`). Without\nit no field renders — nothing is read off the item implicitly — and an empty\nvalue renders nothing for that item. Never shown in the trigger or the\nchips. To disable individual options use `selectable`.",{"name":848,"type":849,"required":734,"default":794,"description":850,"note":851,"demo":589},"items","Item[] | ((query: string, prefill: boolean, modelValue: any) => Promise\u003CItem[]>) | ((query: string, prefill: boolean, modelValue: any) => Item[])","Array of items or function to load them asynchronously.\nFunctions receive `(query, prefill, modelValue)` and can return a promise.\n`modelValue` is the raw v-model: an array in `multiple` mode, the raw\nmodel value (possibly `null`) in single mode.","An array resolves on mount and costs nothing per instance — which is what makes one popover per table row viable. A function is per-instance, so reach for it only when the options genuinely depend on that instance.",{"name":853,"type":854,"required":757,"default":352,"description":855,"note":352,"demo":352},"itemText","ItemAccessor\u003CItem, string> | undefined","Path to item property for display text or function to extract it.",{"name":857,"type":858,"required":757,"default":352,"description":859,"note":352,"demo":352},"itemValue","ItemAccessor\u003CItem> | undefined","Path to item property for value or function to extract it.",{"name":861,"type":761,"required":757,"default":786,"description":862,"note":352,"demo":352},"loading","Display the loading state styles.",{"name":864,"type":778,"required":757,"default":352,"description":865,"note":352,"demo":352},"loadingText","Message shown while items are being loaded.",{"name":480,"type":799,"required":757,"default":867,"description":868,"note":869,"demo":463},"Infinity","Maximum number of selectable items (limits selection when `multiple` is true).","Applies to `multiple` only. At the cap the unselected options disable themselves while selected ones never do, so the reader can always trade one choice for another.",{"name":871,"type":872,"required":734,"default":352,"description":873,"note":352,"demo":352},"modelValue","any","v-model value. Single value for single select, array for multiple select.",{"name":875,"type":799,"required":757,"default":800,"description":876,"note":352,"demo":352},"modelValueDebounceTime","Debounce delay (ms) for modelValue change handling.",{"name":463,"type":761,"required":757,"default":786,"description":878,"note":879,"demo":463},"Enable multiple item selection. When true, modelValue must be an array.","The model must already be an array on the first render, and there is no chip row: summarising the selection on your trigger is part of owning it.",{"name":881,"type":778,"required":757,"default":352,"description":882,"note":352,"demo":352},"noDataText","Message displayed when no items are available.",{"name":720,"type":884,"required":757,"default":352,"description":885,"note":352,"demo":352},"Partial\u003CBbOffCanvasProps> | undefined","Props for the phone sheet. A `pt` inside it, object or colon keys, styles\nonly that sheet.\n\nExtra props forwarded to the `BbOffCanvas` sheet when `adaptive` is active on\nmobile (e.g. `size`, `draggable`, `fullscreen`, `stack`).\n\nA `pt` inside it styles ONLY the sheet, in `BbOffCanvas`'s part words\n(`root`, `header`, `title`, `description`, `content`, `footer`, `close`;\nstate `open`), object (`{ pt: { header: '…' } }`) or colon keys\n(`{ 'pt:header': '…' }`) alike. It merges after what this component\nforwards to its sheet, so it wins a conflict and drops nothing — see the\npassthrough guide § Inside the sheet.",{"name":887,"type":799,"required":757,"default":888,"description":889,"note":352,"demo":352},"offset","4","Distance (px) between the activator and the popover.",{"name":891,"type":799,"required":757,"default":892,"description":893,"note":352,"demo":352},"padding","10","Minimum page padding used by floating shift middleware.",{"name":895,"type":896,"required":757,"default":897,"description":898,"note":352,"demo":352},"placement","Placement | undefined","\"bottom\"","Floating placement of the popover.",{"name":900,"type":901,"required":757,"default":902,"description":903,"note":904,"demo":589},"prefill","boolean | \"interaction\" | undefined","\"interaction\"","Controls when items are pre-loaded.\n`'interaction'` loads on the first user interaction (opening the\npopover), `true` loads immediately on mount (and during SSR via\n`onServerPrefetch`), `false` is *search-first*: nothing is fetched until\nthe user types a query — opening the panel alone does not load, and the\npanel shows a \"search to begin\" hint until it does.\nWith the default, a seeded model resolves its option text on the first\ninteraction, not on mount — set `prefill: true` when the trigger must\nshow the selection's text without user interaction.\n\nSearch-first needs a way to search and something to defer, so `false`\nfalls back to loading on open when any of these is true: `items` is an\narray (nothing to defer — arrays resolve on mount), writing is disabled\n(no search field, so the user could never trigger a load), or the model\nis non-empty (its text must resolve to render the selection).","Unlike an in-field `BbSelect`, a standalone popover does **not** upgrade a seeded model to an eager load — a fetch per instance is something you ask for. Do not reach for `true` to populate a trigger label; resolve the label from your own state instead.",{"name":906,"type":907,"required":757,"default":352,"description":908,"note":352,"demo":352},"pt","PtItemMap\u003CBbSelectPopoverPtPart, BbSelectPopoverOptionPtPart, BbSelectPopoverPtState, Item> | undefined","Passthrough, object form: the same keys as the `pt:*` attributes\nwithout the prefix. See the `pt:\u003Cpart>` row.",{"name":910,"type":911,"required":757,"default":352,"description":352,"note":352,"demo":352},"pt:clear","PtValue | undefined",{"name":913,"type":911,"required":757,"default":352,"description":352,"note":352,"demo":352},"pt:clear:disabled",{"name":915,"type":911,"required":757,"default":352,"description":352,"note":352,"demo":352},"pt:clear:open",{"name":917,"type":911,"required":757,"default":352,"description":352,"note":352,"demo":352},"pt:clear:selected",{"name":919,"type":911,"required":757,"default":352,"description":352,"note":352,"demo":352},"pt:footer",{"name":921,"type":911,"required":757,"default":352,"description":352,"note":352,"demo":352},"pt:footer:disabled",{"name":923,"type":911,"required":757,"default":352,"description":352,"note":352,"demo":352},"pt:footer:open",{"name":925,"type":911,"required":757,"default":352,"description":352,"note":352,"demo":352},"pt:footer:selected",{"name":927,"type":911,"required":757,"default":352,"description":352,"note":352,"demo":352},"pt:header",{"name":929,"type":911,"required":757,"default":352,"description":352,"note":352,"demo":352},"pt:header:disabled",{"name":931,"type":911,"required":757,"default":352,"description":352,"note":352,"demo":352},"pt:header:open",{"name":933,"type":911,"required":757,"default":352,"description":352,"note":352,"demo":352},"pt:header:selected",{"name":935,"type":911,"required":757,"default":352,"description":352,"note":352,"demo":352},"pt:input",{"name":937,"type":911,"required":757,"default":352,"description":352,"note":352,"demo":352},"pt:input:disabled",{"name":939,"type":911,"required":757,"default":352,"description":352,"note":352,"demo":352},"pt:input:open",{"name":941,"type":911,"required":757,"default":352,"description":352,"note":352,"demo":352},"pt:input:selected",{"name":943,"type":944,"required":757,"default":352,"description":352,"note":352,"demo":352},"pt:item-description","PtValue | ((ctx: PtItemCtx\u003CItem, BbSelectPopoverPtState>) => PtItemResult) | undefined",{"name":946,"type":911,"required":757,"default":352,"description":352,"note":352,"demo":352},"pt:item-description:disabled",{"name":948,"type":911,"required":757,"default":352,"description":352,"note":352,"demo":352},"pt:item-description:open",{"name":950,"type":911,"required":757,"default":352,"description":352,"note":352,"demo":352},"pt:item-description:selected",{"name":952,"type":944,"required":757,"default":352,"description":352,"note":352,"demo":352},"pt:item-icon",{"name":954,"type":911,"required":757,"default":352,"description":352,"note":352,"demo":352},"pt:item-icon:disabled",{"name":956,"type":911,"required":757,"default":352,"description":352,"note":352,"demo":352},"pt:item-icon:open",{"name":958,"type":911,"required":757,"default":352,"description":352,"note":352,"demo":352},"pt:item-icon:selected",{"name":960,"type":944,"required":757,"default":352,"description":352,"note":352,"demo":352},"pt:item-text",{"name":962,"type":911,"required":757,"default":352,"description":352,"note":352,"demo":352},"pt:item-text:disabled",{"name":964,"type":911,"required":757,"default":352,"description":352,"note":352,"demo":352},"pt:item-text:open",{"name":966,"type":911,"required":757,"default":352,"description":352,"note":352,"demo":352},"pt:item-text:selected",{"name":968,"type":911,"required":757,"default":352,"description":352,"note":352,"demo":352},"pt:list",{"name":970,"type":911,"required":757,"default":352,"description":352,"note":352,"demo":352},"pt:list:disabled",{"name":972,"type":911,"required":757,"default":352,"description":352,"note":352,"demo":352},"pt:list:open",{"name":974,"type":911,"required":757,"default":352,"description":352,"note":352,"demo":352},"pt:list:selected",{"name":976,"type":944,"required":757,"default":352,"description":352,"note":352,"demo":352},"pt:option",{"name":978,"type":911,"required":757,"default":352,"description":352,"note":352,"demo":352},"pt:option:disabled",{"name":980,"type":911,"required":757,"default":352,"description":352,"note":352,"demo":352},"pt:option:open",{"name":982,"type":911,"required":757,"default":352,"description":352,"note":352,"demo":352},"pt:option:selected",{"name":690,"type":911,"required":757,"default":352,"description":352,"note":352,"demo":352},{"name":985,"type":911,"required":757,"default":352,"description":352,"note":352,"demo":352},"pt:panel:disabled",{"name":987,"type":911,"required":757,"default":352,"description":352,"note":352,"demo":352},"pt:panel:open",{"name":989,"type":911,"required":757,"default":352,"description":352,"note":352,"demo":352},"pt:panel:selected",{"name":991,"type":911,"required":757,"default":352,"description":352,"note":352,"demo":352},"pt:root",{"name":993,"type":911,"required":757,"default":352,"description":352,"note":352,"demo":352},"pt:root:disabled",{"name":995,"type":911,"required":757,"default":352,"description":352,"note":352,"demo":352},"pt:root:open",{"name":997,"type":911,"required":757,"default":352,"description":352,"note":352,"demo":352},"pt:root:selected",{"name":694,"type":911,"required":757,"default":352,"description":352,"note":352,"demo":352},{"name":1000,"type":911,"required":757,"default":352,"description":352,"note":352,"demo":352},"pt:sheet:disabled",{"name":1002,"type":911,"required":757,"default":352,"description":352,"note":352,"demo":352},"pt:sheet:open",{"name":1004,"type":911,"required":757,"default":352,"description":352,"note":352,"demo":352},"pt:sheet:selected",{"name":1006,"type":799,"required":757,"default":1007,"description":1008,"note":352,"demo":352},"queryDebounceTime","500","Debounce delay (ms) before triggering search queries after user input stops.",{"name":1010,"type":761,"required":757,"default":786,"description":1011,"note":352,"demo":352},"readonly","Prevents opening the popover while keeping the activator accessible.",{"name":1013,"type":778,"required":757,"default":1014,"description":1015,"note":1016,"demo":417},"searchInputAriaLabel","`t('select.searchLabel')` (`'Search options'`)","Accessible label used by the search input rendered inside the popover.\nFalls back to the localized `select.searchLabel` key when omitted.","Names the in-panel search field, which defaults to the localized \"Search options\". It is not the trigger's name — that is the `aria-label` you put on the activator yourself.",{"name":1018,"type":1019,"required":757,"default":1020,"description":1021,"note":352,"demo":352},"selectable","boolean | ((item: Item) => boolean) | undefined","true","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.",{"name":1023,"type":761,"required":757,"default":786,"description":1024,"note":1025,"demo":589},"stash","Accumulate selected items across searches instead of replacing them.","Keeps picked options resolvable across searches. It does not help a trigger label, which should never depend on what the component has loaded.",{"name":1027,"type":799,"required":757,"default":1028,"description":1029,"note":352,"demo":352},"transitionDuration","250","Transition duration (ms) for popover show\u002Fhide animations.",{"name":676,"type":1031,"required":757,"default":1032,"description":1033,"note":1034,"demo":667},"string | number | undefined","\"200\"","Width of the popover in pixels, percentage, or `'auto'`. A bare number is\nread as pixels — the default is the string `'200'`, not the number `200`.","Defaults to `'200'` (pixels), which is sized for a field-shaped picker. Pass a smaller number for a chip or table-cell trigger, and never `'auto'`: the panel is fixed-positioned, so `auto` resolves against the viewport and blows it out to the width of the page.",[1036],{"name":871,"type":872,"note":1037,"demo":417},"Holds a single value, or an array under `multiple`. Give every instance its own model: several popovers bound to one ref each judge the same value against their own options, and every instance that disagrees emits `null`.",[1039,1043,1047,1051,1055,1058,1062,1066,1071,1075,1078,1082,1085],{"name":1040,"signature":1041,"description":1042,"note":352,"demo":352},"active","(e: \"active\"): void","Emitted when the component becomes active (focus enters it).",{"name":1044,"signature":1045,"description":1046,"note":352,"demo":352},"blur","(e: \"blur\", event: FocusEvent): void","Emitted when the activator loses focus.",{"name":1048,"signature":1049,"description":1050,"note":352,"demo":352},"change","(e: \"change\", event: Event): void","Emitted when the value changes via native change event.",{"name":1052,"signature":1053,"description":1054,"note":352,"demo":352},"click","(e: \"click\", event: MouseEvent): void","Emitted when the activator is clicked.",{"name":512,"signature":1056,"description":1057,"note":352,"demo":352},"(e: \"focus\", event: FocusEvent): void","Emitted when the activator receives focus.",{"name":1059,"signature":1060,"description":1061,"note":352,"demo":352},"hidden","(e: \"hidden\"): void","Emitted once the options surface has finished closing.",{"name":1063,"signature":1064,"description":1065,"note":352,"demo":352},"hide","(e: \"hide\"): void","Emitted as soon as the options surface starts to close.",{"name":1067,"signature":1068,"description":1069,"note":1070,"demo":417},"inactive","(e: \"inactive\"): void","Emitted when focus moves outside the entire component after it was active.","Validate or react on this, not on `blur`. Focus legitimately moves into the panel while it is open; `inactive` fires when focus has left both the trigger and the panel.",{"name":1072,"signature":1073,"description":1074,"note":352,"demo":352},"input","(e: \"input\", event: Event): void","Emitted on native input events from the search input.",{"name":565,"signature":1076,"description":1077,"note":352,"demo":352},"(e: \"option:add\", text: string): void","Emitted when the user types a new value and confirms it (Enter key) while\nwriting is enabled (i.e. `disableWriting` does not suppress the search\ninput for the current surface).",{"name":1079,"signature":1080,"description":1081,"note":352,"demo":352},"show","(e: \"show\"): void","Emitted as soon as the options surface starts to open (the popover, or the sheet on a phone).",{"name":446,"signature":1083,"description":1084,"note":352,"demo":352},"(e: \"shown\"): void","Emitted once the options surface is open and its open transition has finished.",{"name":1086,"signature":1087,"description":1088,"note":352,"demo":352},"update:modelValue","(e: \"update:modelValue\", value: any): void","Emitted with the next selection value whenever selection changes.",[1090,1094,1098,1102,1105,1108,1112],{"name":417,"type":1091,"description":1092,"note":1093,"demo":417},"BbSelectPopoverActivatorSlotProps","Replaces the default trigger element that opens the select popover.","Spread `props` onto the focusable element itself — the button inside a badge, not the badge around it. Label the trigger from your own state: `text` and `selectedOptions` resolve against loaded options, so with a provider they are empty until the panel first opens.",{"name":496,"type":1095,"description":1096,"note":1097,"demo":484},"BbSelectPopoverPanelSlotProps","Content pinned to the bottom of the panel, below the options list. Rendered in\nboth the desktop popover and the adaptive sheet.","Renders below the options list in the desktop popover and the mobile sheet alike. With no field to hang a clear button on, this is usually where an explicit clear action belongs.",{"name":1099,"type":1100,"description":1101,"note":352,"demo":352},"group","BbSelectPopoverGroupSlotProps\u003CItem>","Replaces the default group header rendered above grouped options.",{"name":492,"type":1095,"description":1103,"note":1104,"demo":484},"Content pinned to the top of the panel, above the search field. Rendered in\nboth the desktop popover and the adaptive sheet.","Renders above the search field. On a trigger with no label, a title here is often the only place the panel says what it is for.",{"name":861,"type":1106,"description":1107,"note":352,"demo":352},"{ query: string; }","Content shown inside the options dropdown while items are loading.",{"name":1109,"type":1110,"description":1111,"note":352,"demo":352},"no-data","{ query: string; focus: () => void; }","Content shown when no options match the query or the list is empty.",{"name":1113,"type":1114,"description":1115,"note":352,"demo":352},"option","BbSelectPopoverOptionSlotProps\u003CItem>","Replaces the default rendering of each option row in the dropdown.",[],{"parts":1118,"states":1149},[1119,1122,1124,1127,1129,1131,1134,1136,1139,1142,1145,1147],{"name":1120,"description":1121},"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":484,"description":1123},"The options surface you see — the popover's painted bubble on desktop, the sheet itself on a phone.",{"name":1125,"description":1126},"sheet","The bottom sheet the surface becomes on a phone (the `BbOffCanvas` root) — never the desktop surface. Applied after `panel`, so it wins a conflict there.",{"name":1072,"description":1128},"The search field.",{"name":459,"description":1130},"The ✕ that empties the search field.",{"name":1132,"description":1133},"list","The `role=\"listbox\"` node that holds the options. Virtualised: its height is written inline and its rows are positioned by the list, which limits what a layout utility can do there. The listbox's groups and the chips are not parts.",{"name":1113,"description":1135},"One listbox option — a broadcast resolved per option. Also takes a per-item function, called with the option's raw item.",{"name":1137,"description":1138},"item-text","An option's label — resolved with that option's states. A custom `#option` slot replaces it.",{"name":1140,"description":1141},"item-icon","An option's prepend \u002F append icons (`itemProps`) — resolved with that option's states.",{"name":1143,"description":1144},"item-description","An option's second line (its description) — resolved with that option's states. A custom `#option` slot replaces it.",{"name":492,"description":1146},"The flyout's header band.",{"name":496,"description":1148},"The flyout's footer band.",[1150,1152,1155],{"name":803,"description":1151},"Per node, on `option` and its `item-*` parts: an option that is disabled.",{"name":1153,"description":1154},"open","Component-wide: the options surface is showing.",{"name":1156,"description":1157},"selected","Per node, on `option` and its `item-*` parts: a chosen option.",{"removed":1159,"renamed":1187},[1160,1168,1172,1174,1179,1182,1184],{"name":1161,"replacedBy":810,"since":1162,"migration":1163,"silent":734,"fix":1164},"allowWriting","3.0.0-unreleased","ai\u002Fguides\u002Fmigration\u002Fcomponents\u002Fbb-select-popover.md",{"kind":1165,"valueMap":1166},"invert",{"not-mobile":1167},"mobile",{"name":1169,"replacedBy":352,"since":1162,"migration":1163,"silent":734,"fix":1170},"arrowPadding",{"kind":1171},"remove",{"name":706,"replacedBy":806,"since":1162,"migration":1163,"silent":734,"fix":1173},{"kind":1165},{"name":1175,"replacedBy":831,"since":1162,"migration":1176,"silent":734,"fix":1177},"hasWarning","ai\u002Fguides\u002Fmigration\u002Fv2-to-v3.md",{"kind":1178},"rename",{"name":1180,"replacedBy":352,"since":1162,"migration":1163,"silent":734,"fix":1181},"hideArrow",{"kind":1171},{"name":716,"replacedBy":720,"since":1162,"migration":1163,"silent":734,"fix":1183},{"kind":1178},{"name":1185,"replacedBy":352,"since":1162,"migration":1163,"silent":734,"fix":1186},"showArrow",{"kind":1171},[1188,1191,1193,1195],{"from":1161,"to":810,"since":1162,"migration":1163,"fix":1189},{"kind":1165,"valueMap":1190},{"not-mobile":1167},{"from":706,"to":806,"since":1162,"migration":1163,"fix":1192},{"kind":1165},{"from":1175,"to":831,"since":1162,"migration":1176,"fix":1194},{"kind":1178},{"from":716,"to":720,"since":1162,"migration":1163,"fix":1196},{"kind":1178},[1198,1210,1221,1231,1240,1249,1259,1269],{"id":135,"firstName":1199,"lastName":1200,"fullName":1201,"initials":1202,"email":1203,"role":1204,"team":1205,"jobTitle":1206,"avatar":1207,"photo":1208,"active":734,"joinedAt":1209},"Lukas","Brandt","Lukas Brandt","LB","lukas.brandt@vantera.io","Admin","Engineering","Engineering Manager","data:image\u002Fsvg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2296%22%20height%3D%2296%22%20viewBox%3D%220%200%2096%2096%22%3E%3Crect%20width%3D%2296%22%20height%3D%2296%22%20fill%3D%22%23db2777%22%2F%3E%3Ctext%20x%3D%2248%22%20y%3D%2249%22%20fill%3D%22%23ffffff%22%20font-family%3D%22ui-sans-serif%2C%20system-ui%2C%20sans-serif%22%20font-size%3D%2238%22%20font-weight%3D%22600%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3ELB%3C%2Ftext%3E%3C%2Fsvg%3E","https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1507003211169-0a1dd7228f2d?w=256&h=256&fit=crop&crop=faces&auto=format","2019-09-16",{"id":161,"firstName":1211,"lastName":1212,"fullName":1213,"initials":1214,"email":1215,"role":1216,"team":1205,"jobTitle":1217,"avatar":1218,"photo":1219,"active":734,"joinedAt":1220},"Amara","Okonkwo","Amara Okonkwo","AO","amara.okonkwo@vantera.io","Developer","Staff Engineer","data:image\u002Fsvg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2296%22%20height%3D%2296%22%20viewBox%3D%220%200%2096%2096%22%3E%3Crect%20width%3D%2296%22%20height%3D%2296%22%20fill%3D%22%23ea580c%22%2F%3E%3Ctext%20x%3D%2248%22%20y%3D%2249%22%20fill%3D%22%23ffffff%22%20font-family%3D%22ui-sans-serif%2C%20system-ui%2C%20sans-serif%22%20font-size%3D%2238%22%20font-weight%3D%22600%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3EAO%3C%2Ftext%3E%3C%2Fsvg%3E","https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1544005313-94ddf0286df2?w=256&h=256&fit=crop&crop=faces&auto=format","2020-05-25",{"id":165,"firstName":1222,"lastName":1223,"fullName":1224,"initials":1225,"email":1226,"role":1216,"team":1205,"jobTitle":1227,"avatar":1228,"photo":1229,"active":734,"joinedAt":1230},"Hugo","Ferreira","Hugo Ferreira","HF","hugo.ferreira@vantera.io","Backend Engineer","data:image\u002Fsvg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2296%22%20height%3D%2296%22%20viewBox%3D%220%200%2096%2096%22%3E%3Crect%20width%3D%2296%22%20height%3D%2296%22%20fill%3D%22%23ca8a04%22%2F%3E%3Ctext%20x%3D%2248%22%20y%3D%2249%22%20fill%3D%22%23ffffff%22%20font-family%3D%22ui-sans-serif%2C%20system-ui%2C%20sans-serif%22%20font-size%3D%2238%22%20font-weight%3D%22600%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3EHF%3C%2Ftext%3E%3C%2Fsvg%3E","https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1500648767791-00dcc994a43e?w=256&h=256&fit=crop&crop=faces&auto=format","2020-11-02",{"id":211,"firstName":1232,"lastName":1233,"fullName":1234,"initials":1235,"email":1236,"role":1216,"team":1205,"jobTitle":1237,"avatar":1238,"photo":352,"active":734,"joinedAt":1239},"Idris","Bello","Idris Bello","IB","idris.bello@vantera.io","Frontend Engineer","data:image\u002Fsvg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2296%22%20height%3D%2296%22%20viewBox%3D%220%200%2096%2096%22%3E%3Crect%20width%3D%2296%22%20height%3D%2296%22%20fill%3D%22%234f46e5%22%2F%3E%3Ctext%20x%3D%2248%22%20y%3D%2249%22%20fill%3D%22%23ffffff%22%20font-family%3D%22ui-sans-serif%2C%20system-ui%2C%20sans-serif%22%20font-size%3D%2238%22%20font-weight%3D%22600%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3EIB%3C%2Ftext%3E%3C%2Fsvg%3E","2021-08-30",{"id":219,"firstName":1241,"lastName":1242,"fullName":1243,"initials":1244,"email":1245,"role":1216,"team":1205,"jobTitle":1246,"avatar":1247,"photo":352,"active":757,"joinedAt":1248},"Tomas","Delgado","Tomas Delgado","TD","tomas.delgado@vantera.io","Platform Engineer","data:image\u002Fsvg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2296%22%20height%3D%2296%22%20viewBox%3D%220%200%2096%2096%22%3E%3Crect%20width%3D%2296%22%20height%3D%2296%22%20fill%3D%22%237c3aed%22%2F%3E%3Ctext%20x%3D%2248%22%20y%3D%2249%22%20fill%3D%22%23ffffff%22%20font-family%3D%22ui-sans-serif%2C%20system-ui%2C%20sans-serif%22%20font-size%3D%2238%22%20font-weight%3D%22600%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3ETD%3C%2Ftext%3E%3C%2Fsvg%3E","2021-11-22",{"id":1250,"firstName":1251,"lastName":1252,"fullName":1253,"initials":1254,"email":1255,"role":1216,"team":1205,"jobTitle":1256,"avatar":1257,"photo":352,"active":734,"joinedAt":1258},14,"Mateusz","Kowalski","Mateusz Kowalski","MK","mateusz.kowalski@vantera.io","Infrastructure Engineer","data:image\u002Fsvg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2296%22%20height%3D%2296%22%20viewBox%3D%220%200%2096%2096%22%3E%3Crect%20width%3D%2296%22%20height%3D%2296%22%20fill%3D%22%23ea580c%22%2F%3E%3Ctext%20x%3D%2248%22%20y%3D%2249%22%20fill%3D%22%23ffffff%22%20font-family%3D%22ui-sans-serif%2C%20system-ui%2C%20sans-serif%22%20font-size%3D%2238%22%20font-weight%3D%22600%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3EMK%3C%2Ftext%3E%3C%2Fsvg%3E","2022-05-30",{"id":1260,"firstName":1261,"lastName":1262,"fullName":1263,"initials":1264,"email":1265,"role":1216,"team":1205,"jobTitle":1266,"avatar":1267,"photo":352,"active":757,"joinedAt":1268},18,"Kwame","Mensah","Kwame Mensah","KM","kwame.mensah@vantera.io","Mobile Engineer","data:image\u002Fsvg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2296%22%20height%3D%2296%22%20viewBox%3D%220%200%2096%2096%22%3E%3Crect%20width%3D%2296%22%20height%3D%2296%22%20fill%3D%22%230284c7%22%2F%3E%3Ctext%20x%3D%2248%22%20y%3D%2249%22%20fill%3D%22%23ffffff%22%20font-family%3D%22ui-sans-serif%2C%20system-ui%2C%20sans-serif%22%20font-size%3D%2238%22%20font-weight%3D%22600%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3EKM%3C%2Ftext%3E%3C%2Fsvg%3E","2023-01-23",{"id":1270,"firstName":1271,"lastName":1272,"fullName":1273,"initials":1274,"email":1275,"role":1216,"team":1205,"jobTitle":1276,"avatar":1277,"photo":352,"active":734,"joinedAt":1278},20,"Andrei","Popescu","Andrei Popescu","AP","andrei.popescu@vantera.io","QA Engineer","data:image\u002Fsvg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2296%22%20height%3D%2296%22%20viewBox%3D%220%200%2096%2096%22%3E%3Crect%20width%3D%2296%22%20height%3D%2296%22%20fill%3D%22%232563eb%22%2F%3E%3Ctext%20x%3D%2248%22%20y%3D%2249%22%20fill%3D%22%23ffffff%22%20font-family%3D%22ui-sans-serif%2C%20system-ui%2C%20sans-serif%22%20font-size%3D%2238%22%20font-weight%3D%22600%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3EAP%3C%2Ftext%3E%3C%2Fsvg%3E","2023-06-12",1790005165502]