[{"data":1,"prerenderedAt":672},["ShallowReactive",2],{"locale-alternates":3,"docs-nav-en":124,"api-BbDropdownButton":352,"page-en-\u002Fcomponents\u002Fbb-dropdown-button\u002Fapi":364},{"\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",{"name":272,"slug":353,"group":254,"description":354,"entrypoint":355,"docs":356,"props":359,"models":539,"events":540,"slots":553,"exposed":607,"pt":608,"validated":364,"migration":651},"bb-dropdown-button","A button with primary action and all other actions collected in a dropdown.","bitboss-ui",{"contract":357,"source":358},"ai\u002FBbDropdownButton.md","ai\u002Fsource\u002FBbDropdownButton.md",[360,366,373,378,382,385,388,396,399,404,408,415,419,423,426,428,430,432,435,437,439,441,443,445,447,449,451,453,455,457,459,461,463,465,467,469,471,473,475,477,479,481,483,485,487,489,491,493,495,497,499,501,503,505,507,509,511,513,517,523,527,533],{"name":361,"type":362,"required":363,"default":364,"description":365,"note":364,"demo":364},"append:icon","string | undefined",false,null,"Icon to be added on the right of the text.",{"name":367,"type":368,"required":363,"default":369,"description":370,"note":371,"demo":372},"block","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.","appearance",{"name":374,"type":368,"required":363,"default":369,"description":375,"note":376,"demo":377},"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.","loading",{"name":379,"type":368,"required":363,"default":369,"description":380,"note":381,"demo":364},"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":383,"type":368,"required":363,"default":369,"description":384,"note":364,"demo":364},"eager","Prevents rendering content before it's made visible.",{"name":386,"type":362,"required":363,"default":364,"description":387,"note":364,"demo":364},"id","The identifier of the component.",{"name":389,"type":390,"required":391,"default":392,"description":393,"note":394,"demo":395},"items","Item[]",true,"[]","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.","default",{"name":377,"type":368,"required":363,"default":369,"description":397,"note":398,"demo":377},"Triggers a loading indicator.","Drives the main button by hand, for work the component cannot see. It does not touch the toggle.",{"name":400,"type":401,"required":363,"default":402,"description":403,"note":364,"demo":364},"offset","number | undefined","3","Space the floating container will maintain from the activator.",{"name":405,"type":401,"required":363,"default":406,"description":407,"note":364,"demo":364},"padding","10","Minimum empty space to keep from the edge of the page",{"name":409,"type":410,"required":363,"default":411,"description":412,"note":413,"demo":414},"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.","menu",{"name":416,"type":362,"required":363,"default":364,"description":417,"note":418,"demo":372},"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":420,"type":421,"required":363,"default":364,"description":422,"note":364,"demo":364},"pt","BbDropdownButtonPtMap | undefined","Passthrough, object form: the same keys as the `pt:*` attributes\nwithout the prefix. See the `pt:\u003Cpart>` row.",{"name":424,"type":425,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:icon","PtValue | undefined",{"name":427,"type":425,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:icon:disabled",{"name":429,"type":425,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:icon:loading",{"name":431,"type":425,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:icon:open",{"name":433,"type":434,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:item","PtValue | ((ctx: PtItemCtx\u003CInternalItem, BbDropdownButtonPtState>) => PtItemResult) | undefined",{"name":436,"type":434,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:item-description",{"name":438,"type":425,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:item-description:disabled",{"name":440,"type":425,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:item-description:loading",{"name":442,"type":425,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:item-description:open",{"name":444,"type":425,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:item-description:selected",{"name":446,"type":434,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:item-icon",{"name":448,"type":425,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:item-icon:disabled",{"name":450,"type":425,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:item-icon:loading",{"name":452,"type":425,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:item-icon:open",{"name":454,"type":425,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:item-icon:selected",{"name":456,"type":434,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:item-text",{"name":458,"type":425,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:item-text:disabled",{"name":460,"type":425,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:item-text:loading",{"name":462,"type":425,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:item-text:open",{"name":464,"type":425,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:item-text:selected",{"name":466,"type":425,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:item:disabled",{"name":468,"type":425,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:item:loading",{"name":470,"type":425,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:item:open",{"name":472,"type":425,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:item:selected",{"name":474,"type":425,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:panel",{"name":476,"type":425,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:panel:disabled",{"name":478,"type":425,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:panel:loading",{"name":480,"type":425,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:panel:open",{"name":482,"type":425,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:root",{"name":484,"type":425,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:root:disabled",{"name":486,"type":425,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:root:loading",{"name":488,"type":425,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:root:open",{"name":490,"type":425,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:sheet",{"name":492,"type":425,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:sheet:disabled",{"name":494,"type":425,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:sheet:loading",{"name":496,"type":425,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:sheet:open",{"name":498,"type":425,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:spinner",{"name":500,"type":425,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:spinner:disabled",{"name":502,"type":425,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:spinner:loading",{"name":504,"type":425,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:spinner:open",{"name":506,"type":425,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:text",{"name":508,"type":425,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:text:disabled",{"name":510,"type":425,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:text:loading",{"name":512,"type":425,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:text:open",{"name":514,"type":362,"required":363,"default":364,"description":515,"note":516,"demo":372},"right:icon","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":518,"type":519,"required":363,"default":520,"description":521,"note":522,"demo":372},"size","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":524,"type":401,"required":363,"default":525,"description":526,"note":364,"demo":364},"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":528,"type":529,"required":363,"default":530,"description":531,"note":532,"demo":372},"variant","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":534,"type":535,"required":363,"default":536,"description":537,"note":538,"demo":414},"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.",[],[541,544,547,550],{"name":542,"signature":543,"description":364,"note":364,"demo":364},"hidden","(event: \"hidden\"): void",{"name":545,"signature":546,"description":364,"note":364,"demo":364},"hide","(event: \"hide\"): void",{"name":548,"signature":549,"description":364,"note":364,"demo":364},"show","(event: \"show\"): void",{"name":551,"signature":552,"description":364,"note":364,"demo":364},"shown","(event: \"shown\"): void",[554,558,561,564,567,570,573,576,579,582,585,589,593,597,601,604],{"name":555,"type":556,"description":557,"note":364,"demo":364},"\u003CgroupKey>","BbDropdownItemSlotProps","That group's title line (the group is passed as `item`, `groupTitle` is `true`).",{"name":559,"type":556,"description":560,"note":364,"demo":364},"\u003CgroupKey>:append","The trailing region of that group's title line.",{"name":562,"type":556,"description":563,"note":364,"demo":364},"\u003CgroupKey>:item","The content of every row of that group, and no other; a row's own `#\u003Ckey>` still wins.",{"name":565,"type":556,"description":566,"note":364,"demo":364},"\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":568,"type":556,"description":569,"note":364,"demo":364},"\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":571,"type":556,"description":572,"note":364,"demo":364},"\u003CgroupKey>:prepend","The leading region of that group's title line.",{"name":574,"type":556,"description":575,"note":364,"demo":364},"\u003Ckey>","One row's content (text and description), by its key; in a fetched group, by its resolved `itemValue`.",{"name":577,"type":556,"description":578,"note":364,"demo":364},"\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":580,"type":556,"description":581,"note":364,"demo":364},"\u003Ckey>:prepend","One row's leading region; replaces its `prepend:icon`.",{"name":395,"type":583,"description":584,"note":364,"demo":364},"any","Companion content forwarded into the dropdown (e.g. `\u003CBbDropdownGroup>`).",{"name":586,"type":587,"description":588,"note":364,"demo":414},"footer","BbDropdownButtonEdgeSlotProps","Content pinned to the bottom of the dropdown panel, outside the scroll area.",{"name":590,"type":587,"description":591,"note":592,"demo":414},"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":594,"type":595,"description":596,"note":364,"demo":414},"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":598,"type":595,"description":599,"note":600,"demo":414},"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":377,"type":602,"description":603,"note":364,"demo":364},"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":605,"type":602,"description":606,"note":364,"demo":364},"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":609,"states":640},[610,613,616,619,622,625,628,631,634,637],{"name":611,"description":612},"root","The group wrapper around the main button and the toggle.",{"name":614,"description":615},"icon","The main button's content icons — handed to it as its own `pt:icon`. The toggle's chevron is chrome.",{"name":617,"description":618},"spinner","The main button's loading spinner.",{"name":620,"description":621},"text","The main button's label span.",{"name":623,"description":624},"panel","The menu surface (the flyout box on desktop, the sheet itself on a phone) — handed to the `BbDropdown`.",{"name":626,"description":627},"sheet","The bottom sheet the menu becomes on a phone only.",{"name":629,"description":630},"item","One menu entry, submenus included — a broadcast resolved per entry. Also takes a per-item function, called with the entry.",{"name":632,"description":633},"item-text","An entry's label (its `text`) — resolved with that entry's states. A per-entry `#\u003Ckey>` slot replaces it.",{"name":635,"description":636},"item-icon","An entry's prepend \u002F append icons — resolved with that entry's states.",{"name":638,"description":639},"item-description","An entry's muted second line (its `description`) — resolved with that entry's states. A per-entry `#\u003Ckey>` slot replaces it.",[641,643,645,648],{"name":379,"description":642},"Component-wide while the control is `disabled`; also per node, on the entry parts: a menu entry that is disabled.",{"name":377,"description":644},"Component-wide: `loading` is on — the main button shows its spinner.",{"name":646,"description":647},"open","Component-wide: the menu is open.",{"name":649,"description":650},"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":652,"renamed":667},[653,659,663],{"name":654,"replacedBy":364,"since":655,"migration":656,"silent":391,"fix":657},"arrowPadding","3.0.0-unreleased","ai\u002Fguides\u002Fmigration\u002Fcomponents\u002Fbb-dropdown-button.md",{"kind":658},"remove",{"name":660,"replacedBy":374,"since":655,"migration":656,"silent":391,"fix":661},"autoLoading",{"kind":662},"invert",{"name":664,"replacedBy":528,"since":655,"migration":656,"silent":391,"fix":665},"theme",{"kind":666},"rename",[668,670],{"from":660,"to":374,"since":655,"migration":656,"fix":669},{"kind":662},{"from":664,"to":528,"since":655,"migration":656,"fix":671},{"kind":666},1790062845533]