[{"data":1,"prerenderedAt":915},["ShallowReactive",2],{"locale-alternates":3,"docs-nav-en":124,"api-none":352,"page-en-\u002Fcomponents\u002Fbb-dropdown-button":353,"pt-showcase-BbDropdownButton":608},{"\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":272,"body":355,"component":272,"description":594,"extension":595,"group":254,"meta":596,"navigation":597,"order":199,"path":273,"sections":598,"seo":605,"stem":606,"__hash__":607},"docs_en\u002Fcomponents\u002Fbb-dropdown-button.md",{"type":356,"value":357,"toc":586},"minimark",[358,392,405,413,419,423,426,432,448,451,457,474,480,483,486,495,505,511,517,520,527,533,540,543,550,556,559,562],[359,360,361,369],"when",{},[362,363,364,365,368],"p",{},"Use ",[366,367,272],"code",{}," when one action is frequent and the menu contains close\nalternatives: Save \u002F Save as draft, Export \u002F Export as CSV, Merge \u002F Squash.",[370,371,373],"template",{"v-slot:else":372},"",[374,375,376,385],"ul",{},[377,378,379,384],"li",{},[380,381,382],"a",{"href":18},[366,383,185],{},": there is one action",[377,386,387,391],{},[380,388,389],{"href":38},[366,390,269],{},": no action clearly dominates",[362,393,394,395,399,400,404],{},"Its item model comes from ",[380,396,397],{"href":38},[366,398,269],{},"; variants\nand sizes come from ",[380,401,402],{"href":18},[366,403,185],{},".",[406,407,409],"h2",{"id":408},"default",[410,411,412],"span",{},"Put the frequent action first",[362,414,415,418],{},[366,416,417],{},"items[0]"," becomes the main button; every later item opens from the toggle.",[420,421],"demo",{"name":422},"BbDropdownButton\u002FBasic",[362,424,425],{},"Keep the first entry a plain leaf item. A leading group or nested array promotes\nonly its first leaf and silently drops the rest of that entry.",[406,427,429],{"id":428},"appearance",[410,430,431],{},"Keep both halves coherent",[362,433,434,435,438,439,438,442,445,446,404],{},"Set ",[366,436,437],{},"variant",", ",[366,440,441],{},"size",[366,443,444],{},"block"," and icons on the component, not ",[366,447,417],{},[420,449],{"name":450},"BbDropdownButton\u002FVariantsAndSizes",[362,452,453,456],{},[366,454,455],{},"right:icon"," replaces only the toggle chevron.",[458,459,461],"migration",{"title":460},"theme → variant",[362,462,463,466,467,469,470,473],{},[366,464,465],{},"theme"," is removed; use ",[366,468,437],{},". ",[366,471,472],{},"arrowPadding"," is also removed because the\nmenu has no arrow.",[406,475,477],{"id":476},"loading",[410,478,479],{},"Return promises from actions",[362,481,482],{},"When an action returns a promise, its half shows loading and blocks re-entry.",[420,484],{"name":485},"BbDropdownButton\u002FAsyncPrimary",[362,487,364,488,490,491,494],{},[366,489,476],{}," only for external work. ",[366,492,493],{},"disable-auto-loading"," opts the main action\nout; menu actions still drive the toggle.",[458,496,498],{"title":497},"autoLoading → disableAutoLoading",[362,499,500,501,504],{},"The prop was renamed with inverted polarity. ",[366,502,503],{},"disabledWhileLoading"," is removed;\nbusy halves are always disabled.",[406,506,508],{"id":507},"destructive",[410,509,510],{},"Gate dangerous alternatives",[362,512,513,514,516],{},"Keep irreversible work behind the toggle, mark it ",[366,515,507],{}," and await\nconfirmation before acting.",[420,518],{"name":519},"BbDropdownButton\u002FDestructiveAlternate",[362,521,522,523,526],{},"Mount one ",[366,524,525],{},"\u003CBbConfirm>"," host at application level, not beside every split button.",[406,528,530],{"id":529},"selection",[410,531,532],{},"Let the menu configure the action",[362,534,535,536,539],{},"A selectable group can change the primary action; recompute ",[366,537,538],{},"items"," so the main\nlabel always states what pressing it will do.",[420,541],{"name":542},"BbDropdownButton\u002FMergeMethod",[362,544,545,546,549],{},"Bind the group with ",[366,547,548],{},"\u003CBbDropdownGroup>"," and give the promoted item a unique key.",[406,551,553],{"id":552},"menu",[410,554,555],{},"Use the inherited menu surface",[362,557,558],{},"Menu slots and placement props forward to the inner dropdown.",[420,560],{"name":561},"BbDropdownButton\u002FForwardedSlots",[362,563,564,565,438,568,571,572,438,575,578,579,582,583,585],{},"The menu aligns to the whole split control. ",[366,566,567],{},"trigger",[366,569,570],{},"adaptive",",\n",[366,573,574],{},"offCanvasProps",[366,576,577],{},"anchor"," and ",[366,580,581],{},"boundary"," are not exposed; use ",[366,584,269],{},"\ndirectly when one of them is required.",{"title":372,"searchDepth":157,"depth":157,"links":587},[588,589,590,591,592,593],{"id":408,"depth":135,"text":412},{"id":428,"depth":135,"text":431},{"id":476,"depth":135,"text":479},{"id":507,"depth":135,"text":510},{"id":529,"depth":135,"text":532},{"id":552,"depth":135,"text":555},"A split button for one frequent action and a short menu of close alternatives.","md",{},true,[599,600,601,602,603,604],{"id":408,"title":412},{"id":428,"title":431},{"id":476,"title":479},{"id":507,"title":510},{"id":529,"title":532},{"id":552,"title":555},{"title":272,"description":594},"components\u002Fbb-dropdown-button","oNYPt9FHGCfnjTdDy-Rn2ZGyzDN35pactTDweRAIEi0",{"name":272,"slug":609,"group":254,"description":610,"entrypoint":611,"docs":612,"props":615,"models":784,"events":785,"slots":798,"exposed":852,"pt":853,"validated":352,"migration":896},"bb-dropdown-button","A button with primary action and all other actions collected in a dropdown.","bitboss-ui",{"contract":613,"source":614},"ai\u002FBbDropdownButton.md","ai\u002Fsource\u002FBbDropdownButton.md",[616,621,626,630,634,637,640,645,648,653,657,663,667,671,674,676,678,680,683,685,687,689,691,693,695,697,699,701,703,705,707,709,711,713,715,717,719,721,723,725,727,729,731,733,735,737,739,741,743,745,747,749,751,753,755,757,759,761,764,769,773,778],{"name":617,"type":618,"required":619,"default":352,"description":620,"note":352,"demo":352},"append:icon","string | undefined",false,"Icon to be added on the right of the text.",{"name":444,"type":622,"required":619,"default":623,"description":624,"note":625,"demo":428},"boolean | undefined","false","Displays the component as full width.","The extra width goes to the main button; the toggle keeps its own. Useful in a narrow column, not as a way to make the two halves match.",{"name":627,"type":622,"required":619,"default":623,"description":628,"note":629,"demo":476},"disableAutoLoading","Disables the automatic loading state that tracks async actions\n(enabled by default). Only affects the main action button: the split\ntoggle half still mirrors the dropdown's internal async-action loading\nstate.","Opts the main button out of tracking its own async `onClick`; the toggle keeps reflecting menu-action state either way. Replaces v2 `autoLoading` with the polarity inverted, so a leftover `:auto-loading=\"false\"` does nothing and nothing warns.",{"name":631,"type":622,"required":619,"default":623,"description":632,"note":633,"demo":352},"disabled","Disables the component","Freezes both halves at once. v2 `disabledWhileLoading` is gone: a busy half is always disabled now, which is what stops a second click racing the pending action.",{"name":635,"type":622,"required":619,"default":623,"description":636,"note":352,"demo":352},"eager","Prevents rendering content before it's made visible.",{"name":638,"type":618,"required":619,"default":352,"description":639,"note":352,"demo":352},"id","The identifier of the component.",{"name":538,"type":641,"required":597,"default":642,"description":643,"note":644,"demo":408},"Item[]","[]","Array used to render each dropdown button.\nThey can act as `button`, as `a`, or as `router-link`\nas they are based on the functionality provided by `BbBaseButton`.\n\nPass a flat array for a single group, nest arrays for divider-separated\ngroups, or pass {@link InternalGroup} objects for titled \u002F selectable sections.\nAn item may carry its own `items` to open a submenu. The shapes can be mixed.","BbDropdown’s item model, with one rule of its own: `items[0]` is promoted into the main button, so keep it a plain leaf item. A leading group or nested array contributes only its first leaf and loses its remaining rows, silently.",{"name":476,"type":622,"required":619,"default":623,"description":646,"note":647,"demo":476},"Triggers a loading indicator.","Drives the main button by hand, for work the component cannot see. It does not touch the toggle.",{"name":649,"type":650,"required":619,"default":651,"description":652,"note":352,"demo":352},"offset","number | undefined","3","Space the floating container will maintain from the activator.",{"name":654,"type":650,"required":619,"default":655,"description":656,"note":352,"demo":352},"padding","10","Minimum empty space to keep from the edge of the page",{"name":658,"type":659,"required":619,"default":660,"description":661,"note":662,"demo":552},"placement","Placement | \"cursor\" | undefined","'bottom'","Position of the dropdown relative to the activator.\nUse `'cursor'` to anchor at the mouse\u002Ftouch coordinates.\n(No arrow is drawn either way — arrows are tooltip-only in v3.)","Resolved against the whole split control, not the toggle that opened the menu — so the default `bottom` centres the panel under the pair. `trigger` is not exposed: the toggle always opens on click.",{"name":664,"type":618,"required":619,"default":352,"description":665,"note":666,"demo":428},"prepend:icon","Icon to be added on the left of the text.","Dresses the main button, because `items[0]`’s own icons are ignored. This is where the primary action’s glyph belongs.",{"name":668,"type":669,"required":619,"default":352,"description":670,"note":352,"demo":352},"pt","BbDropdownButtonPtMap | undefined","Passthrough, object form: the same keys as the `pt:*` attributes\nwithout the prefix. See the `pt:\u003Cpart>` row.",{"name":672,"type":673,"required":619,"default":352,"description":352,"note":352,"demo":352},"pt:icon","PtValue | undefined",{"name":675,"type":673,"required":619,"default":352,"description":352,"note":352,"demo":352},"pt:icon:disabled",{"name":677,"type":673,"required":619,"default":352,"description":352,"note":352,"demo":352},"pt:icon:loading",{"name":679,"type":673,"required":619,"default":352,"description":352,"note":352,"demo":352},"pt:icon:open",{"name":681,"type":682,"required":619,"default":352,"description":352,"note":352,"demo":352},"pt:item","PtValue | ((ctx: PtItemCtx\u003CInternalItem, BbDropdownButtonPtState>) => PtItemResult) | undefined",{"name":684,"type":682,"required":619,"default":352,"description":352,"note":352,"demo":352},"pt:item-description",{"name":686,"type":673,"required":619,"default":352,"description":352,"note":352,"demo":352},"pt:item-description:disabled",{"name":688,"type":673,"required":619,"default":352,"description":352,"note":352,"demo":352},"pt:item-description:loading",{"name":690,"type":673,"required":619,"default":352,"description":352,"note":352,"demo":352},"pt:item-description:open",{"name":692,"type":673,"required":619,"default":352,"description":352,"note":352,"demo":352},"pt:item-description:selected",{"name":694,"type":682,"required":619,"default":352,"description":352,"note":352,"demo":352},"pt:item-icon",{"name":696,"type":673,"required":619,"default":352,"description":352,"note":352,"demo":352},"pt:item-icon:disabled",{"name":698,"type":673,"required":619,"default":352,"description":352,"note":352,"demo":352},"pt:item-icon:loading",{"name":700,"type":673,"required":619,"default":352,"description":352,"note":352,"demo":352},"pt:item-icon:open",{"name":702,"type":673,"required":619,"default":352,"description":352,"note":352,"demo":352},"pt:item-icon:selected",{"name":704,"type":682,"required":619,"default":352,"description":352,"note":352,"demo":352},"pt:item-text",{"name":706,"type":673,"required":619,"default":352,"description":352,"note":352,"demo":352},"pt:item-text:disabled",{"name":708,"type":673,"required":619,"default":352,"description":352,"note":352,"demo":352},"pt:item-text:loading",{"name":710,"type":673,"required":619,"default":352,"description":352,"note":352,"demo":352},"pt:item-text:open",{"name":712,"type":673,"required":619,"default":352,"description":352,"note":352,"demo":352},"pt:item-text:selected",{"name":714,"type":673,"required":619,"default":352,"description":352,"note":352,"demo":352},"pt:item:disabled",{"name":716,"type":673,"required":619,"default":352,"description":352,"note":352,"demo":352},"pt:item:loading",{"name":718,"type":673,"required":619,"default":352,"description":352,"note":352,"demo":352},"pt:item:open",{"name":720,"type":673,"required":619,"default":352,"description":352,"note":352,"demo":352},"pt:item:selected",{"name":722,"type":673,"required":619,"default":352,"description":352,"note":352,"demo":352},"pt:panel",{"name":724,"type":673,"required":619,"default":352,"description":352,"note":352,"demo":352},"pt:panel:disabled",{"name":726,"type":673,"required":619,"default":352,"description":352,"note":352,"demo":352},"pt:panel:loading",{"name":728,"type":673,"required":619,"default":352,"description":352,"note":352,"demo":352},"pt:panel:open",{"name":730,"type":673,"required":619,"default":352,"description":352,"note":352,"demo":352},"pt:root",{"name":732,"type":673,"required":619,"default":352,"description":352,"note":352,"demo":352},"pt:root:disabled",{"name":734,"type":673,"required":619,"default":352,"description":352,"note":352,"demo":352},"pt:root:loading",{"name":736,"type":673,"required":619,"default":352,"description":352,"note":352,"demo":352},"pt:root:open",{"name":738,"type":673,"required":619,"default":352,"description":352,"note":352,"demo":352},"pt:sheet",{"name":740,"type":673,"required":619,"default":352,"description":352,"note":352,"demo":352},"pt:sheet:disabled",{"name":742,"type":673,"required":619,"default":352,"description":352,"note":352,"demo":352},"pt:sheet:loading",{"name":744,"type":673,"required":619,"default":352,"description":352,"note":352,"demo":352},"pt:sheet:open",{"name":746,"type":673,"required":619,"default":352,"description":352,"note":352,"demo":352},"pt:spinner",{"name":748,"type":673,"required":619,"default":352,"description":352,"note":352,"demo":352},"pt:spinner:disabled",{"name":750,"type":673,"required":619,"default":352,"description":352,"note":352,"demo":352},"pt:spinner:loading",{"name":752,"type":673,"required":619,"default":352,"description":352,"note":352,"demo":352},"pt:spinner:open",{"name":754,"type":673,"required":619,"default":352,"description":352,"note":352,"demo":352},"pt:text",{"name":756,"type":673,"required":619,"default":352,"description":352,"note":352,"demo":352},"pt:text:disabled",{"name":758,"type":673,"required":619,"default":352,"description":352,"note":352,"demo":352},"pt:text:loading",{"name":760,"type":673,"required":619,"default":352,"description":352,"note":352,"demo":352},"pt:text:open",{"name":455,"type":618,"required":619,"default":352,"description":762,"note":763,"demo":428},"Replaces the chevron shown inside the right-side dropdown toggle button.\nA constrained alternative to a slot: only the toggle's icon changes, so\nthe button keeps its semantics. Named for consistency with\n`prepend:icon` \u002F `append:icon`.","Swaps the toggle’s chevron and nothing else — an overflow \"…\" for a dense row. Deliberately a prop rather than a slot: there is no `activator` slot, because the toggle is part of the contract.",{"name":441,"type":765,"required":619,"default":766,"description":767,"note":768,"demo":428},"Responsive\u003CSizes> | undefined","\"md\"","Sets the size of the button. When the value is a string, it will be applied to all screen sizes.\nOtherwise, it will be applied to the screen size specified by the object.","Shared by both halves, and takes the responsive map form (`{ sm: \"sm\", lg: \"md\" }`). Setting it on `items[0]` does nothing.",{"name":770,"type":650,"required":619,"default":771,"description":772,"note":352,"demo":352},"transitionDuration","150","How long the transition has to last in milliseconds. Menus use the fast\ntransition rather than the medium one the other popovers default to.",{"name":437,"type":774,"required":619,"default":775,"description":776,"note":777,"demo":428},"ButtonVariantType | undefined","\"primary\"","Visual variant shared by both buttons of the split control.","Shared by both halves, from BbButton’s ladder — a name registered through `buttonVariants` works here too. Replaces v2 `theme`. The primary item’s own `variant` is ignored, so the pair can never disagree.",{"name":779,"type":780,"required":619,"default":781,"description":782,"note":783,"demo":552},"width","string | number | undefined","'auto'","Width of the dropdown in pixels, percentage, or 'auto' to fit content.","A percentage resolves against the split control’s width, still floored at the menu’s 128px minimum. `anchor` is not exposed here because it is hard-wired to that control.",[],[786,789,792,795],{"name":787,"signature":788,"description":352,"note":352,"demo":352},"hidden","(event: \"hidden\"): void",{"name":790,"signature":791,"description":352,"note":352,"demo":352},"hide","(event: \"hide\"): void",{"name":793,"signature":794,"description":352,"note":352,"demo":352},"show","(event: \"show\"): void",{"name":796,"signature":797,"description":352,"note":352,"demo":352},"shown","(event: \"shown\"): void",[799,803,806,809,812,815,818,821,824,827,830,834,838,842,846,849],{"name":800,"type":801,"description":802,"note":352,"demo":352},"\u003CgroupKey>","BbDropdownItemSlotProps","That group's title line (the group is passed as `item`, `groupTitle` is `true`).",{"name":804,"type":801,"description":805,"note":352,"demo":352},"\u003CgroupKey>:append","The trailing region of that group's title line.",{"name":807,"type":801,"description":808,"note":352,"demo":352},"\u003CgroupKey>:item","The content of every row of that group, and no other; a row's own `#\u003Ckey>` still wins.",{"name":810,"type":801,"description":811,"note":352,"demo":352},"\u003CgroupKey>: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":813,"type":801,"description":814,"note":352,"demo":352},"\u003CgroupKey>: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`.",{"name":816,"type":801,"description":817,"note":352,"demo":352},"\u003CgroupKey>:prepend","The leading region of that group's title line.",{"name":819,"type":801,"description":820,"note":352,"demo":352},"\u003Ckey>","One row's content (text and description), by its key; in a fetched group, by its resolved `itemValue`.",{"name":822,"type":801,"description":823,"note":352,"demo":352},"\u003Ckey>:append","One row's trailing region; replaces its `append:icon` and its submenu chevron. The check takes its place on the selected row.",{"name":825,"type":801,"description":826,"note":352,"demo":352},"\u003Ckey>:prepend","One row's leading region; replaces its `prepend:icon`.",{"name":408,"type":828,"description":829,"note":352,"demo":352},"any","Companion content forwarded into the dropdown (e.g. `\u003CBbDropdownGroup>`).",{"name":831,"type":832,"description":833,"note":352,"demo":552},"footer","BbDropdownButtonEdgeSlotProps","Content pinned to the bottom of the dropdown panel, outside the scroll area.",{"name":835,"type":832,"description":836,"note":837,"demo":552},"header","Content pinned to the top of the dropdown panel, outside the scroll area.","Forwarded into the inner dropdown unchanged, along with `footer`, the edge slots and per-key slots. A per-key slot for `items[0]` renders nothing — that item never becomes a menu row.",{"name":839,"type":840,"description":841,"note":352,"demo":552},"item:append","BbDropdownButtonItemSlotProps","The trailing region of every menu row, replacing its `append:icon`; the\nsubmenu chevron and the check on a selected row take its place\n(BbDropdown's rules).",{"name":843,"type":840,"description":844,"note":845,"demo":552},"item:prepend","The leading region of every menu row, replacing its `prepend:icon`\n(BbDropdown's rules).","Replaces every menu row’s `prepend:icon`; per-group and per-key slots beat it, as on BbDropdown. `items[0]` never sees it — dress the main button with `prepend:icon`.",{"name":476,"type":847,"description":848,"note":352,"demo":352},"BbDropdownPlaceholderSlotProps","Replaces the default loading placeholder row shown in a pipeline group\nwhile its async items load. Rendered once per loading group. Forwarded to\nthe underlying `BbDropdown`.",{"name":850,"type":847,"description":851,"note":352,"demo":352},"no-data","Replaces the default \"no data\" placeholder row shown in a pipeline group\nthat resolved to no items. Rendered once per empty group. Forwarded to the\nunderlying `BbDropdown`.",[],{"parts":854,"states":885},[855,858,861,864,867,870,873,876,879,882],{"name":856,"description":857},"root","The group wrapper around the main button and the toggle.",{"name":859,"description":860},"icon","The main button's content icons — handed to it as its own `pt:icon`. The toggle's chevron is chrome.",{"name":862,"description":863},"spinner","The main button's loading spinner.",{"name":865,"description":866},"text","The main button's label span.",{"name":868,"description":869},"panel","The menu surface (the flyout box on desktop, the sheet itself on a phone) — handed to the `BbDropdown`.",{"name":871,"description":872},"sheet","The bottom sheet the menu becomes on a phone only.",{"name":874,"description":875},"item","One menu entry, submenus included — a broadcast resolved per entry. Also takes a per-item function, called with the entry.",{"name":877,"description":878},"item-text","An entry's label (its `text`) — resolved with that entry's states. A per-entry `#\u003Ckey>` slot replaces it.",{"name":880,"description":881},"item-icon","An entry's prepend \u002F append icons — resolved with that entry's states.",{"name":883,"description":884},"item-description","An entry's muted second line (its `description`) — resolved with that entry's states. A per-entry `#\u003Ckey>` slot replaces it.",[886,888,890,893],{"name":631,"description":887},"Component-wide while the control is `disabled`; also per node, on the entry parts: a menu entry that is disabled.",{"name":476,"description":889},"Component-wide: `loading` is on — the main button shows its spinner.",{"name":891,"description":892},"open","Component-wide: the menu is open.",{"name":894,"description":895},"selected","Per node, on the entry parts only (`item`, `item-text`, `item-icon`, `item-description`): a selectable group's checked entry. `pt:root:selected` is a type error, not a silent no-op.",{"removed":897,"renamed":910},[898,903,907],{"name":472,"replacedBy":352,"since":899,"migration":900,"silent":597,"fix":901},"3.0.0-unreleased","ai\u002Fguides\u002Fmigration\u002Fcomponents\u002Fbb-dropdown-button.md",{"kind":902},"remove",{"name":904,"replacedBy":627,"since":899,"migration":900,"silent":597,"fix":905},"autoLoading",{"kind":906},"invert",{"name":465,"replacedBy":437,"since":899,"migration":900,"silent":597,"fix":908},{"kind":909},"rename",[911,913],{"from":904,"to":627,"since":899,"migration":900,"fix":912},{"kind":906},{"from":465,"to":437,"since":899,"migration":900,"fix":914},{"kind":909},1790005163471]