[{"data":1,"prerenderedAt":694},["ShallowReactive",2],{"locale-alternates":3,"docs-nav-en":134,"api-BbButton":377,"page-en-\u002Fcomponents\u002Fbb-button\u002Fapi":389},{"\u002Fit\u002Fcomponenti\u002Fbb-accordion":4,"\u002Fen\u002Fcomponents\u002Fbb-accordion":5,"\u002Fit\u002Fcomponenti\u002Fbb-alert":6,"\u002Fen\u002Fcomponents\u002Fbb-alert":7,"\u002Fit\u002Fcomponenti\u002Fbb-asterisk":8,"\u002Fen\u002Fcomponents\u002Fbb-asterisk":9,"\u002Fit\u002Fcomponenti\u002Fbb-avatar":10,"\u002Fen\u002Fcomponents\u002Fbb-avatar":11,"\u002Fit\u002Fcomponenti\u002Fbb-badge":12,"\u002Fen\u002Fcomponents\u002Fbb-badge":13,"\u002Fit\u002Fcomponenti\u002Fbb-base-button":14,"\u002Fen\u002Fcomponents\u002Fbb-base-button":15,"\u002Fit\u002Fcomponenti\u002Fbb-breadcrumbs":16,"\u002Fen\u002Fcomponents\u002Fbb-breadcrumbs":17,"\u002Fit\u002Fcomponenti\u002Fbb-button":18,"\u002Fen\u002Fcomponents\u002Fbb-button":19,"\u002Fit\u002Fcomponenti\u002Fbb-calendar":20,"\u002Fen\u002Fcomponents\u002Fbb-calendar":21,"\u002Fit\u002Fcomponenti\u002Fbb-checkbox":22,"\u002Fen\u002Fcomponents\u002Fbb-checkbox":23,"\u002Fit\u002Fcomponenti\u002Fbb-checkbox-group":24,"\u002Fen\u002Fcomponents\u002Fbb-checkbox-group":25,"\u002Fit\u002Fcomponenti\u002Fbb-collapsible":26,"\u002Fen\u002Fcomponents\u002Fbb-collapsible":27,"\u002Fit\u002Fcomponenti\u002Fbb-color-input":28,"\u002Fen\u002Fcomponents\u002Fbb-color-input":29,"\u002Fit\u002Fcomponenti\u002Fbb-color-palette":30,"\u002Fen\u002Fcomponents\u002Fbb-color-palette":31,"\u002Fit\u002Fcomponenti\u002Fbb-confirm":32,"\u002Fen\u002Fcomponents\u002Fbb-confirm":33,"\u002Fit\u002Fcomponenti\u002Fbb-date-picker":34,"\u002Fen\u002Fcomponents\u002Fbb-date-picker":35,"\u002Fit\u002Fcomponenti\u002Fbb-date-picker-input":36,"\u002Fen\u002Fcomponents\u002Fbb-date-picker-input":37,"\u002Fit\u002Fcomponenti\u002Fbb-dialog":38,"\u002Fen\u002Fcomponents\u002Fbb-dialog":39,"\u002Fit\u002Fcomponenti\u002Fbb-dropdown":40,"\u002Fen\u002Fcomponents\u002Fbb-dropdown":41,"\u002Fit\u002Fcomponenti\u002Fbb-dropdown-button":42,"\u002Fen\u002Fcomponents\u002Fbb-dropdown-button":43,"\u002Fit\u002Fcomponenti\u002Fbb-dropzone":44,"\u002Fen\u002Fcomponents\u002Fbb-dropzone":45,"\u002Fit\u002Fcomponenti\u002Fbb-form":46,"\u002Fen\u002Fcomponents\u002Fbb-form":47,"\u002Fit\u002Fcomponenti\u002Fbb-hover-card":48,"\u002Fen\u002Fcomponents\u002Fbb-hover-card":49,"\u002Fit\u002Fcomponenti\u002Fbb-icon":50,"\u002Fen\u002Fcomponents\u002Fbb-icon":51,"\u002Fit\u002Fcomponenti\u002Fbb-indicator":52,"\u002Fen\u002Fcomponents\u002Fbb-indicator":53,"\u002Fit\u002Fcomponenti\u002Fbb-number-input":54,"\u002Fen\u002Fcomponents\u002Fbb-number-input":55,"\u002Fit\u002Fcomponenti\u002Fbb-off-canvas":56,"\u002Fen\u002Fcomponents\u002Fbb-off-canvas":57,"\u002Fit\u002Fcomponenti\u002Fbb-pagination":58,"\u002Fen\u002Fcomponents\u002Fbb-pagination":59,"\u002Fit\u002Fcomponenti\u002Fbb-popover":60,"\u002Fen\u002Fcomponents\u002Fbb-popover":61,"\u002Fit\u002Fcomponenti\u002Fbb-progress":62,"\u002Fen\u002Fcomponents\u002Fbb-progress":63,"\u002Fit\u002Fcomponenti\u002Fbb-radio":64,"\u002Fen\u002Fcomponents\u002Fbb-radio":65,"\u002Fit\u002Fcomponenti\u002Fbb-radio-group":66,"\u002Fen\u002Fcomponents\u002Fbb-radio-group":67,"\u002Fit\u002Fcomponenti\u002Fbb-rating":68,"\u002Fen\u002Fcomponents\u002Fbb-rating":69,"\u002Fit\u002Fcomponenti\u002Fbb-select":70,"\u002Fen\u002Fcomponents\u002Fbb-select":71,"\u002Fit\u002Fcomponenti\u002Fbb-select-popover":72,"\u002Fen\u002Fcomponents\u002Fbb-select-popover":73,"\u002Fit\u002Fcomponenti\u002Fbb-slider":74,"\u002Fen\u002Fcomponents\u002Fbb-slider":75,"\u002Fit\u002Fcomponenti\u002Fbb-smooth-height":76,"\u002Fen\u002Fcomponents\u002Fbb-smooth-height":77,"\u002Fit\u002Fcomponenti\u002Fbb-spinner":78,"\u002Fen\u002Fcomponents\u002Fbb-spinner":79,"\u002Fit\u002Fcomponenti\u002Fbb-switch":80,"\u002Fen\u002Fcomponents\u002Fbb-switch":81,"\u002Fit\u002Fcomponenti\u002Fbb-switch-group":82,"\u002Fen\u002Fcomponents\u002Fbb-switch-group":83,"\u002Fit\u002Fcomponenti\u002Fbb-table":84,"\u002Fen\u002Fcomponents\u002Fbb-table":85,"\u002Fit\u002Fcomponenti\u002Fbb-tabs":86,"\u002Fen\u002Fcomponents\u002Fbb-tabs":87,"\u002Fit\u002Fcomponenti\u002Fbb-tag":88,"\u002Fen\u002Fcomponents\u002Fbb-tag":89,"\u002Fit\u002Fcomponenti\u002Fbb-text-input":90,"\u002Fen\u002Fcomponents\u002Fbb-text-input":91,"\u002Fit\u002Fcomponenti\u002Fbb-textarea":92,"\u002Fen\u002Fcomponents\u002Fbb-textarea":93,"\u002Fit\u002Fcomponenti\u002Fbb-time-picker":94,"\u002Fen\u002Fcomponents\u002Fbb-time-picker":95,"\u002Fit\u002Fcomponenti\u002Fbb-time-picker-input":96,"\u002Fen\u002Fcomponents\u002Fbb-time-picker-input":97,"\u002Fit\u002Fcomponenti\u002Fbb-toast":98,"\u002Fen\u002Fcomponents\u002Fbb-toast":99,"\u002Fit\u002Fcomponenti\u002Fbb-tooltip":100,"\u002Fen\u002Fcomponents\u002Fbb-tooltip":101,"\u002Fit\u002Fcomponenti\u002Fbb-tree":102,"\u002Fen\u002Fcomponents\u002Fbb-tree":103,"\u002Fit\u002Fguide\u002Fadoption-checklist":104,"\u002Fen\u002Fguides\u002Fadoption-checklist":105,"\u002Fit\u002Fguide\u002Fai-agents":106,"\u002Fen\u002Fguides\u002Fai-agents":107,"\u002Fit\u002Fguide\u002Fcoherence":108,"\u002Fen\u002Fguides\u002Fcoherence":109,"\u002Fit\u002Fguide\u002Fdesign-language":110,"\u002Fen\u002Fguides\u002Fdesign-language":111,"\u002Fit\u002Fguide\u002Fdesign-tokens":112,"\u002Fen\u002Fguides\u002Fdesign-tokens":113,"\u002Fit\u002Fguide\u002Ffetching-data":114,"\u002Fen\u002Fguides\u002Ffetching-data":115,"\u002Fit\u002Fguide\u002Ficons":116,"\u002Fen\u002Fguides\u002Ficons":117,"\u002Fit\u002Fguide\u002Finertia":118,"\u002Fen\u002Fguides\u002Finertia":119,"\u002Fit\u002Fguide\u002Finstallation":120,"\u002Fen\u002Fguides\u002Finstallation":121,"\u002Fit\u002Fguide\u002Fmigration":122,"\u002Fen\u002Fguides\u002Fmigration":123,"\u002Fit\u002Fguide\u002Fnuxt":124,"\u002Fen\u002Fguides\u002Fnuxt":125,"\u002Fit\u002Fguide\u002Foptions-and-items":126,"\u002Fen\u002Fguides\u002Foptions-and-items":127,"\u002Fit\u002Fguide\u002Fpassthrough":128,"\u002Fen\u002Fguides\u002Fpassthrough":129,"\u002Fit\u002Fguide\u002Fpreset-components":130,"\u002Fen\u002Fguides\u002Fpreset-components":131,"\u002Fit\u002Fguide\u002Fvalidated-forms":132,"\u002Fen\u002Fguides\u002Fvalidated-forms":133},"\u002Fen\u002Fcomponents\u002Fbb-accordion","\u002Fit\u002Fcomponenti\u002Fbb-accordion","\u002Fen\u002Fcomponents\u002Fbb-alert","\u002Fit\u002Fcomponenti\u002Fbb-alert","\u002Fen\u002Fcomponents\u002Fbb-asterisk","\u002Fit\u002Fcomponenti\u002Fbb-asterisk","\u002Fen\u002Fcomponents\u002Fbb-avatar","\u002Fit\u002Fcomponenti\u002Fbb-avatar","\u002Fen\u002Fcomponents\u002Fbb-badge","\u002Fit\u002Fcomponenti\u002Fbb-badge","\u002Fen\u002Fcomponents\u002Fbb-base-button","\u002Fit\u002Fcomponenti\u002Fbb-base-button","\u002Fen\u002Fcomponents\u002Fbb-breadcrumbs","\u002Fit\u002Fcomponenti\u002Fbb-breadcrumbs","\u002Fen\u002Fcomponents\u002Fbb-button","\u002Fit\u002Fcomponenti\u002Fbb-button","\u002Fen\u002Fcomponents\u002Fbb-calendar","\u002Fit\u002Fcomponenti\u002Fbb-calendar","\u002Fen\u002Fcomponents\u002Fbb-checkbox","\u002Fit\u002Fcomponenti\u002Fbb-checkbox","\u002Fen\u002Fcomponents\u002Fbb-checkbox-group","\u002Fit\u002Fcomponenti\u002Fbb-checkbox-group","\u002Fen\u002Fcomponents\u002Fbb-collapsible","\u002Fit\u002Fcomponenti\u002Fbb-collapsible","\u002Fen\u002Fcomponents\u002Fbb-color-input","\u002Fit\u002Fcomponenti\u002Fbb-color-input","\u002Fen\u002Fcomponents\u002Fbb-color-palette","\u002Fit\u002Fcomponenti\u002Fbb-color-palette","\u002Fen\u002Fcomponents\u002Fbb-confirm","\u002Fit\u002Fcomponenti\u002Fbb-confirm","\u002Fen\u002Fcomponents\u002Fbb-date-picker","\u002Fit\u002Fcomponenti\u002Fbb-date-picker","\u002Fen\u002Fcomponents\u002Fbb-date-picker-input","\u002Fit\u002Fcomponenti\u002Fbb-date-picker-input","\u002Fen\u002Fcomponents\u002Fbb-dialog","\u002Fit\u002Fcomponenti\u002Fbb-dialog","\u002Fen\u002Fcomponents\u002Fbb-dropdown","\u002Fit\u002Fcomponenti\u002Fbb-dropdown","\u002Fen\u002Fcomponents\u002Fbb-dropdown-button","\u002Fit\u002Fcomponenti\u002Fbb-dropdown-button","\u002Fen\u002Fcomponents\u002Fbb-dropzone","\u002Fit\u002Fcomponenti\u002Fbb-dropzone","\u002Fen\u002Fcomponents\u002Fbb-form","\u002Fit\u002Fcomponenti\u002Fbb-form","\u002Fen\u002Fcomponents\u002Fbb-hover-card","\u002Fit\u002Fcomponenti\u002Fbb-hover-card","\u002Fen\u002Fcomponents\u002Fbb-icon","\u002Fit\u002Fcomponenti\u002Fbb-icon","\u002Fen\u002Fcomponents\u002Fbb-indicator","\u002Fit\u002Fcomponenti\u002Fbb-indicator","\u002Fen\u002Fcomponents\u002Fbb-number-input","\u002Fit\u002Fcomponenti\u002Fbb-number-input","\u002Fen\u002Fcomponents\u002Fbb-off-canvas","\u002Fit\u002Fcomponenti\u002Fbb-off-canvas","\u002Fen\u002Fcomponents\u002Fbb-pagination","\u002Fit\u002Fcomponenti\u002Fbb-pagination","\u002Fen\u002Fcomponents\u002Fbb-popover","\u002Fit\u002Fcomponenti\u002Fbb-popover","\u002Fen\u002Fcomponents\u002Fbb-progress","\u002Fit\u002Fcomponenti\u002Fbb-progress","\u002Fen\u002Fcomponents\u002Fbb-radio","\u002Fit\u002Fcomponenti\u002Fbb-radio","\u002Fen\u002Fcomponents\u002Fbb-radio-group","\u002Fit\u002Fcomponenti\u002Fbb-radio-group","\u002Fen\u002Fcomponents\u002Fbb-rating","\u002Fit\u002Fcomponenti\u002Fbb-rating","\u002Fen\u002Fcomponents\u002Fbb-select","\u002Fit\u002Fcomponenti\u002Fbb-select","\u002Fen\u002Fcomponents\u002Fbb-select-popover","\u002Fit\u002Fcomponenti\u002Fbb-select-popover","\u002Fen\u002Fcomponents\u002Fbb-slider","\u002Fit\u002Fcomponenti\u002Fbb-slider","\u002Fen\u002Fcomponents\u002Fbb-smooth-height","\u002Fit\u002Fcomponenti\u002Fbb-smooth-height","\u002Fen\u002Fcomponents\u002Fbb-spinner","\u002Fit\u002Fcomponenti\u002Fbb-spinner","\u002Fen\u002Fcomponents\u002Fbb-switch","\u002Fit\u002Fcomponenti\u002Fbb-switch","\u002Fen\u002Fcomponents\u002Fbb-switch-group","\u002Fit\u002Fcomponenti\u002Fbb-switch-group","\u002Fen\u002Fcomponents\u002Fbb-table","\u002Fit\u002Fcomponenti\u002Fbb-table","\u002Fen\u002Fcomponents\u002Fbb-tabs","\u002Fit\u002Fcomponenti\u002Fbb-tabs","\u002Fen\u002Fcomponents\u002Fbb-tag","\u002Fit\u002Fcomponenti\u002Fbb-tag","\u002Fen\u002Fcomponents\u002Fbb-text-input","\u002Fit\u002Fcomponenti\u002Fbb-text-input","\u002Fen\u002Fcomponents\u002Fbb-textarea","\u002Fit\u002Fcomponenti\u002Fbb-textarea","\u002Fen\u002Fcomponents\u002Fbb-time-picker","\u002Fit\u002Fcomponenti\u002Fbb-time-picker","\u002Fen\u002Fcomponents\u002Fbb-time-picker-input","\u002Fit\u002Fcomponenti\u002Fbb-time-picker-input","\u002Fen\u002Fcomponents\u002Fbb-toast","\u002Fit\u002Fcomponenti\u002Fbb-toast","\u002Fen\u002Fcomponents\u002Fbb-tooltip","\u002Fit\u002Fcomponenti\u002Fbb-tooltip","\u002Fen\u002Fcomponents\u002Fbb-tree","\u002Fit\u002Fcomponenti\u002Fbb-tree","\u002Fen\u002Fguides\u002Fadoption-checklist","\u002Fit\u002Fguide\u002Fadoption-checklist","\u002Fen\u002Fguides\u002Fai-agents","\u002Fit\u002Fguide\u002Fai-agents","\u002Fen\u002Fguides\u002Fcoherence","\u002Fit\u002Fguide\u002Fcoherence","\u002Fen\u002Fguides\u002Fdesign-language","\u002Fit\u002Fguide\u002Fdesign-language","\u002Fen\u002Fguides\u002Fdesign-tokens","\u002Fit\u002Fguide\u002Fdesign-tokens","\u002Fen\u002Fguides\u002Ffetching-data","\u002Fit\u002Fguide\u002Ffetching-data","\u002Fen\u002Fguides\u002Ficons","\u002Fit\u002Fguide\u002Ficons","\u002Fen\u002Fguides\u002Finertia","\u002Fit\u002Fguide\u002Finertia","\u002Fen\u002Fguides\u002Finstallation","\u002Fit\u002Fguide\u002Finstallation","\u002Fen\u002Fguides\u002Fmigration","\u002Fit\u002Fguide\u002Fmigration","\u002Fen\u002Fguides\u002Fnuxt","\u002Fit\u002Fguide\u002Fnuxt","\u002Fen\u002Fguides\u002Foptions-and-items","\u002Fit\u002Fguide\u002Foptions-and-items","\u002Fen\u002Fguides\u002Fpassthrough","\u002Fit\u002Fguide\u002Fpassthrough","\u002Fen\u002Fguides\u002Fpreset-components","\u002Fit\u002Fguide\u002Fpreset-components","\u002Fen\u002Fguides\u002Fvalidated-forms","\u002Fit\u002Fguide\u002Fvalidated-forms",[135,150,162,186,198,242,275,311,332,353,365,371],{"label":136,"entries":137},"Getting started",[138,142,146],{"title":139,"path":140,"order":141},"Installation","\u002Fguides\u002Finstallation",1,{"title":143,"path":144,"order":145},"Migrating from v2","\u002Fguides\u002Fmigration",2,{"title":147,"path":148,"order":149},"Adoption checklist","\u002Fguides\u002Fadoption-checklist",3,{"label":151,"entries":152},"Design system",[153,156,159],{"title":154,"path":155,"order":141},"Design tokens","\u002Fguides\u002Fdesign-tokens",{"title":157,"path":158,"order":145},"Design language","\u002Fguides\u002Fdesign-language",{"title":160,"path":161,"order":149},"Passthrough","\u002Fguides\u002Fpassthrough",{"label":163,"entries":164},"Playbooks",[165,168,171,174,178,182],{"title":166,"path":167,"order":141},"Options and items","\u002Fguides\u002Foptions-and-items",{"title":169,"path":170,"order":145},"Fetching data","\u002Fguides\u002Ffetching-data",{"title":172,"path":173,"order":149},"Coherence","\u002Fguides\u002Fcoherence",{"title":175,"path":176,"order":177},"Validated forms","\u002Fguides\u002Fvalidated-forms",4,{"title":179,"path":180,"order":181},"Icons","\u002Fguides\u002Ficons",5,{"title":183,"path":184,"order":185},"Preset components","\u002Fguides\u002Fpreset-components",6,{"label":187,"entries":188},"Ecosystem",[189,192,195],{"title":190,"path":191,"order":141},"Inertia and Laravel","\u002Fguides\u002Finertia",{"title":193,"path":194,"order":145},"Nuxt","\u002Fguides\u002Fnuxt",{"title":196,"path":197,"order":149},"AI agents","\u002Fguides\u002Fai-agents",{"label":199,"entries":200},"Inputs",[201,204,207,210,213,216,219,222,226,230,234,238],{"title":202,"path":203,"component":202,"order":141},"BbBaseButton","\u002Fcomponents\u002Fbb-base-button",{"title":205,"path":206,"component":205,"order":145},"BbButton","\u002Fcomponents\u002Fbb-button",{"title":208,"path":209,"component":208,"order":149},"BbCalendar","\u002Fcomponents\u002Fbb-calendar",{"title":211,"path":212,"component":211,"order":149},"BbColorInput","\u002Fcomponents\u002Fbb-color-input",{"title":214,"path":215,"component":214,"order":177},"BbDatePickerInput","\u002Fcomponents\u002Fbb-date-picker-input",{"title":217,"path":218,"component":217,"order":181},"BbDropzone","\u002Fcomponents\u002Fbb-dropzone",{"title":220,"path":221,"component":220,"order":185},"BbForm","\u002Fcomponents\u002Fbb-form",{"title":223,"path":224,"component":223,"order":225},"BbNumberInput","\u002Fcomponents\u002Fbb-number-input",7,{"title":227,"path":228,"component":227,"order":229},"BbTag","\u002Fcomponents\u002Fbb-tag",8,{"title":231,"path":232,"component":231,"order":233},"BbTextarea","\u002Fcomponents\u002Fbb-textarea",9,{"title":235,"path":236,"component":235,"order":237},"BbTextInput","\u002Fcomponents\u002Fbb-text-input",10,{"title":239,"path":240,"component":239,"order":241},"BbTimePickerInput","\u002Fcomponents\u002Fbb-time-picker-input",11,{"label":243,"entries":244},"Selection",[245,248,251,254,257,260,263,266,269,272],{"title":246,"path":247,"component":246,"order":141},"BbCheckbox","\u002Fcomponents\u002Fbb-checkbox",{"title":249,"path":250,"component":249,"order":145},"BbCheckboxGroup","\u002Fcomponents\u002Fbb-checkbox-group",{"title":252,"path":253,"component":252,"order":149},"BbRadio","\u002Fcomponents\u002Fbb-radio",{"title":255,"path":256,"component":255,"order":177},"BbRadioGroup","\u002Fcomponents\u002Fbb-radio-group",{"title":258,"path":259,"component":258,"order":181},"BbRating","\u002Fcomponents\u002Fbb-rating",{"title":261,"path":262,"component":261,"order":185},"BbSelect","\u002Fcomponents\u002Fbb-select",{"title":264,"path":265,"component":264,"order":225},"BbSelectPopover","\u002Fcomponents\u002Fbb-select-popover",{"title":267,"path":268,"component":267,"order":229},"BbSlider","\u002Fcomponents\u002Fbb-slider",{"title":270,"path":271,"component":270,"order":233},"BbSwitch","\u002Fcomponents\u002Fbb-switch",{"title":273,"path":274,"component":273,"order":237},"BbSwitchGroup","\u002Fcomponents\u002Fbb-switch-group",{"label":276,"entries":277},"Overlay",[278,281,284,287,290,293,296,299,302,305,308],{"title":279,"path":280,"component":279,"order":141},"BbColorPalette","\u002Fcomponents\u002Fbb-color-palette",{"title":282,"path":283,"component":282,"order":145},"BbConfirm","\u002Fcomponents\u002Fbb-confirm",{"title":285,"path":286,"component":285,"order":149},"BbDatePicker","\u002Fcomponents\u002Fbb-date-picker",{"title":288,"path":289,"component":288,"order":177},"BbDialog","\u002Fcomponents\u002Fbb-dialog",{"title":291,"path":292,"component":291,"order":181},"BbDropdown","\u002Fcomponents\u002Fbb-dropdown",{"title":294,"path":295,"component":294,"order":185},"BbDropdownButton","\u002Fcomponents\u002Fbb-dropdown-button",{"title":297,"path":298,"component":297,"order":225},"BbHoverCard","\u002Fcomponents\u002Fbb-hover-card",{"title":300,"path":301,"component":300,"order":225},"BbOffCanvas","\u002Fcomponents\u002Fbb-off-canvas",{"title":303,"path":304,"component":303,"order":229},"BbPopover","\u002Fcomponents\u002Fbb-popover",{"title":306,"path":307,"component":306,"order":233},"BbTimePicker","\u002Fcomponents\u002Fbb-time-picker",{"title":309,"path":310,"component":309,"order":237},"BbTooltip","\u002Fcomponents\u002Fbb-tooltip",{"label":312,"entries":313},"Navigation",[314,317,320,323,326,329],{"title":315,"path":316,"component":315,"order":141},"BbAccordion","\u002Fcomponents\u002Fbb-accordion",{"title":318,"path":319,"component":318,"order":145},"BbBreadcrumbs","\u002Fcomponents\u002Fbb-breadcrumbs",{"title":321,"path":322,"component":321,"order":149},"BbCollapsible","\u002Fcomponents\u002Fbb-collapsible",{"title":324,"path":325,"component":324,"order":177},"BbPagination","\u002Fcomponents\u002Fbb-pagination",{"title":327,"path":328,"component":327,"order":181},"BbTabs","\u002Fcomponents\u002Fbb-tabs",{"title":330,"path":331,"component":330,"order":185},"BbTree","\u002Fcomponents\u002Fbb-tree",{"label":333,"entries":334},"Feedback",[335,338,341,344,347,350],{"title":336,"path":337,"component":336,"order":141},"BbAlert","\u002Fcomponents\u002Fbb-alert",{"title":339,"path":340,"component":339,"order":145},"BbBadge","\u002Fcomponents\u002Fbb-badge",{"title":342,"path":343,"component":342,"order":149},"BbIndicator","\u002Fcomponents\u002Fbb-indicator",{"title":345,"path":346,"component":345,"order":177},"BbProgress","\u002Fcomponents\u002Fbb-progress",{"title":348,"path":349,"component":348,"order":181},"BbSpinner","\u002Fcomponents\u002Fbb-spinner",{"title":351,"path":352,"component":351,"order":185},"BbToast","\u002Fcomponents\u002Fbb-toast",{"label":354,"entries":355},"Data Display",[356,359,362],{"title":357,"path":358,"component":357,"order":141},"BbAvatar","\u002Fcomponents\u002Fbb-avatar",{"title":360,"path":361,"component":360,"order":145},"BbIcon","\u002Fcomponents\u002Fbb-icon",{"title":363,"path":364,"component":363,"order":149},"BbTable","\u002Fcomponents\u002Fbb-table",{"label":366,"entries":367},"Layout & Utility",[368],{"title":369,"path":370,"component":369,"order":141},"BbSmoothHeight","\u002Fcomponents\u002Fbb-smooth-height",{"label":372,"entries":373},"Other",[374],{"title":375,"path":376,"component":375,"order":141},"BbAsterisk","\u002Fcomponents\u002Fbb-asterisk",{"name":205,"slug":378,"group":199,"description":379,"entrypoint":380,"docs":381,"props":384,"models":600,"events":603,"slots":608,"exposed":620,"pt":624,"validated":389,"migration":668},"bb-button","Button with loading state, tooltip, and icon support.","bitboss-ui",{"contract":382,"source":383},"ai\u002FBbButton.md","ai\u002Fsource\u002FBbButton.md",[385,391,395,400,405,409,413,417,420,424,429,432,437,440,444,447,452,455,458,462,466,469,472,475,480,483,487,490,494,498,501,504,507,510,514,517,520,524,528,531,535,539,542,546,551,556,559,564,569,572,575,580,584,590,597],{"name":386,"type":387,"required":388,"default":389,"description":390,"note":389,"demo":389},"activeClass","string | undefined",false,null,"Class to apply when the link is active.",{"name":392,"type":387,"required":388,"default":389,"description":393,"note":389,"demo":394},"append:icon","Icon to be added on the right of the text.","icons",{"name":396,"type":397,"required":388,"default":398,"description":399,"note":389,"demo":389},"ariaCurrentValue","\"page\" | \"step\" | \"location\" | \"date\" | \"time\" | \"true\" | \"false\" | undefined","'page'","Value passed to the attribute `aria-current` when the link is exact active.",{"name":401,"type":402,"required":388,"default":403,"description":404,"note":389,"demo":389},"async","boolean | undefined","false","Inertia: runs the visit without blocking — the page stays interactive and several async visits can be in flight at once.",{"name":406,"type":402,"required":388,"default":403,"description":407,"note":389,"demo":408},"block","Displays the component as full width.","sizes",{"name":410,"type":411,"required":388,"default":389,"description":412,"note":389,"demo":389},"cacheFor","string | number | (string | number)[] | undefined","Inertia: how long a prefetched response stays fresh before it is re-fetched. A single duration, or `[staleAfter, expiresAfter]`.\n\nTyped platform-agnostically (matching BbButton) so the library's types never require `@inertiajs\u002Fvue3` to be installed.",{"name":414,"type":415,"required":388,"default":389,"description":416,"note":389,"demo":389},"cacheTags","string | string[] | undefined","Inertia: tags to file this visit's prefetch cache under, so a later request can invalidate the whole tagged group.",{"name":418,"type":387,"required":388,"default":389,"description":419,"note":389,"demo":389},"component","Inertia: the page component this visit resolves to. Rarely set by hand — the server normally decides it.",{"name":421,"type":422,"required":388,"default":389,"description":423,"note":389,"demo":389},"data","object | undefined","Request payload forwarded to Inertia when navigating via `href` in an Inertia-enabled app. Ignored when not using Inertia.",{"name":425,"type":402,"required":388,"default":403,"description":426,"note":427,"demo":428},"disableAutoLoading","Disables every spinner the button starts on its own: the one that tracks an async click handler, and a `type=\"submit\"` button's spin while its `BbForm` saves. Only an explicit `loading` shows the spinner then.","Use only when an async click should intentionally remain interactive without automatic pending state.","loading",{"name":430,"type":402,"required":388,"default":403,"description":431,"note":389,"demo":389},"disabled","Disables the component: native `disabled` (or `aria-disabled` on a link), muted paint. Beside `loading`, loading wins the look (spinner and variant colours) and this only adds the native blocking — redundant but harmless.",{"name":433,"type":434,"required":388,"default":389,"description":435,"note":389,"demo":436},"download","string | boolean | undefined","Marks an `href` link as a download: renders a plain `\u003Ca download>` doing a native navigation (never an Inertia\u002Frouter visit), so file downloads work. Pass a string for the suggested filename. A native-anchor signal alongside `target` and `external`.","navigation",{"name":438,"type":387,"required":388,"default":389,"description":439,"note":389,"demo":389},"exactActiveClass","Class to apply when the link is exact active.",{"name":441,"type":442,"required":388,"default":389,"description":443,"note":389,"demo":389},"except","string[] | undefined","Inertia: the inverse of `only` — properties to EXCLUDE from a partial reload. Pass one or the other, not both.",{"name":445,"type":402,"required":388,"default":403,"description":446,"note":389,"demo":436},"external","Forces an `href` link to render as a plain `\u003Ca>` (native navigation), bypassing Inertia\u002Frouter interception — same intent as Nuxt's `external`. A native-anchor signal alongside `target` and `download`.",{"name":448,"type":449,"required":388,"default":403,"description":450,"note":389,"demo":451},"falseValue","any","Value emitted when the toggle is deactivated.","toggle",{"name":453,"type":402,"required":388,"default":403,"description":454,"note":389,"demo":451},"group","Identifies the button as part of a button group: adjacent `group` buttons fuse into one segment (shared borders and radius). Adjacent `group` toggles (each with a `v-model`) are also one Tab stop, with ArrowLeft \u002F ArrowRight \u002F Home \u002F End moving between them.",{"name":456,"type":422,"required":388,"default":389,"description":457,"note":389,"demo":389},"headers","Additional HTTP headers forwarded to Inertia when navigating via `href` in an Inertia-enabled app.",{"name":459,"type":387,"required":388,"default":389,"description":460,"note":461,"demo":436},"href","Returns the hyperlink's URL.\n\nCan be set, to change the URL.","Use for a destination, not an action. The rendered link keeps browser navigation behaviour.",{"name":463,"type":387,"required":388,"default":389,"description":464,"note":465,"demo":394},"icon","Used when only an icon with no text should be displayed.","Slot content becomes the visually hidden accessible name. An icon-only button without slot text or an explicit `aria-label` is an error for `bitboss-ui check` and the ESLint rule `bitboss-ui\u002Frequire-accessible-name`.",{"name":467,"type":402,"required":388,"default":403,"description":468,"note":389,"demo":389},"instant","Inertia: navigate optimistically on click and reconcile when the response lands, instead of waiting for the round trip.",{"name":470,"type":402,"required":388,"default":403,"description":471,"note":389,"demo":389},"interactiveWhileLoading","Keeps the button clickable while it is loading. Buttons are disabled while loading by default; this escape hatch exists for toggles that must stay interactive (e.g. the dropdown-button caret).",{"name":428,"type":402,"required":388,"default":403,"description":473,"note":474,"demo":428},"Triggers a loading indicator. A loading button is soft-disabled on its own (`aria-disabled`, out of the tab order, clicks and navigation blocked) and keeps its variant colours; with `disabled` set too, loading still wins the look.","Bind this when pending state is owned outside the click handler, such as a form or store request.",{"name":476,"type":477,"required":388,"default":389,"description":478,"note":479,"demo":389},"method","\"get\" | \"post\" | \"put\" | \"patch\" | \"delete\" | undefined","HTTP method used for Inertia navigation when `href` is provided in an Inertia-enabled app. Ignored otherwise.","Only with `href` in an Inertia app. A `to` link is a router link and sends no method; the ESLint rule `bitboss-ui\u002Frequire-partner-prop` flags `method` without `href`.",{"name":481,"type":449,"required":388,"default":389,"description":482,"note":389,"demo":389},"modelValue","Makes the button a toggle: clicking flips the model between `trueValue` and `falseValue`, and the button reports `aria-pressed`. Leave it unbound for a plain button.",{"name":484,"type":485,"required":388,"default":389,"description":486,"note":389,"demo":389},"onBefore","(() => void) | undefined","Lifecycle hook invoked by Inertia right before the request is sent.",{"name":488,"type":485,"required":388,"default":389,"description":489,"note":389,"demo":389},"onCancel","Lifecycle hook invoked by Inertia when a request is cancelled.",{"name":491,"type":492,"required":388,"default":389,"description":493,"note":389,"demo":389},"onCancelToken","((cancelToken: unknown) => void) | undefined","Receives the Inertia cancel token source when a request is initiated. Can be used to cancel the request.\n\nTyped platform-agnostically (matching BbButton) so the library's types never require `@inertiajs\u002Fvue3` to be installed.",{"name":495,"type":496,"required":388,"default":389,"description":497,"note":389,"demo":389},"onError","((errors: Record\u003Cstring, string>) => void) | undefined","Inertia's hook for a VALIDATION error answer (the 422 path): the only failure callback `Link` accepts. `onHttpException` (5xx) and `onNetworkError` are `router.visit()` \u002F `useForm()` options, never Link props.",{"name":499,"type":485,"required":388,"default":389,"description":500,"note":389,"demo":389},"onFinish","Lifecycle hook invoked by Inertia after the request has finished (regardless of success or error).",{"name":502,"type":442,"required":388,"default":389,"description":503,"note":389,"demo":389},"only","Limits the properties that are preserved in Inertia partial reloads.",{"name":505,"type":485,"required":388,"default":389,"description":506,"note":389,"demo":389},"onPrefetched","Lifecycle hook invoked by Inertia when a prefetch for this link has completed and is cached.",{"name":508,"type":485,"required":388,"default":389,"description":509,"note":389,"demo":389},"onPrefetching","Lifecycle hook invoked by Inertia when a prefetch for this link starts.",{"name":511,"type":512,"required":388,"default":389,"description":513,"note":389,"demo":389},"onProgress","((progress: { percentage: number | undefined; }) => void) | undefined","Progress callback invoked by Inertia with the upload\u002Fdownload percentage when available.",{"name":515,"type":485,"required":388,"default":389,"description":516,"note":389,"demo":389},"onStart","Lifecycle hook invoked by Inertia when a request starts.",{"name":518,"type":485,"required":388,"default":389,"description":519,"note":389,"demo":389},"onSuccess","Lifecycle hook invoked by Inertia when a request succeeds.",{"name":521,"type":522,"required":388,"default":389,"description":523,"note":389,"demo":389},"pageProps","Record\u003Cstring, unknown> | ((currentProps: Record\u003Cstring, unknown>, sharedProps: Record\u003Cstring, unknown>) => Record\u003Cstring, unknown>) | null | undefined","Inertia: props to merge into the next page optimistically, before the server responds. Either an object or a function of the current props.\n\nTyped platform-agnostically (matching BbButton) so the library's types never require `@inertiajs\u002Fvue3` to be installed.",{"name":525,"type":526,"required":388,"default":389,"description":527,"note":389,"demo":389},"prefetch","string | boolean | string[] | undefined","Inertia: fetch and cache this link's page ahead of the click. `true` uses the default trigger; a string or list of strings picks them (`'mount'`, `'hover'`, `'click'`).",{"name":529,"type":387,"required":388,"default":389,"description":530,"note":389,"demo":394},"prepend:icon","Icon to be added on the left of the text.",{"name":532,"type":533,"required":388,"default":403,"description":534,"note":389,"demo":389},"preserveScroll","boolean | ((props: Record\u003Cstring, unknown>) => boolean) | undefined","Controls whether Inertia should preserve the current scroll position after navigation. Can be a boolean or a predicate receiving the visit props.",{"name":536,"type":537,"required":388,"default":403,"description":538,"note":389,"demo":389},"preserveState","boolean | ((props: Record\u003Cstring, unknown>) => boolean) | null | undefined","Controls whether Inertia should preserve the current state after navigation. Can be a boolean or a predicate receiving the visit props.",{"name":540,"type":402,"required":388,"default":403,"description":541,"note":389,"demo":389},"preserveUrl","Inertia: keep the current URL in the address bar even though the page content changes.",{"name":543,"type":544,"required":388,"default":389,"description":545,"note":389,"demo":389},"pt","PtMap\u003CBbButtonPtPart, \"outline\" | \"primary\" | \"destructive\" | \"activeLink\" | \"exactActiveLink\" | \"loading\" | \"secondary\" | \"disabled\" | \"pressed\" | \"ghost\" | \"link\"> | undefined","Passthrough, object form: `{ icon: '…', 'icon:loading': '…' }` — the same keys as the `pt:*` attributes without the prefix. Parts: `root`, `icon`, `spinner`, `text`. States: `loading`, `disabled`, `pressed`, and the registered variants (an app's own included).",{"name":547,"type":548,"required":388,"default":389,"description":549,"note":389,"demo":550},"pt:\u003Cpart>","PtValue | undefined","Passthrough, attribute form: one attribute per part, `pt:\u003Cpart>`, and per part and state, `pt:\u003Cpart>:\u003Cstate>`. Parts: `icon`, `root`, `spinner`, `text`. States: `activeLink`, `destructive`, `disabled`, `exactActiveLink`, `ghost`, `link`, `loading`, `outline`, `pressed`, `primary`, `secondary`.","passthrough",{"name":552,"type":553,"required":388,"default":554,"description":555,"note":389,"demo":389},"queryStringArrayFormat","\"brackets\" | \"indices\" | undefined","'brackets'","Format to use when serializing array values into the query string for Inertia requests.",{"name":557,"type":402,"required":388,"default":403,"description":558,"note":389,"demo":389},"replace","Calls `router.replace` instead of `router.push`.",{"name":560,"type":561,"required":388,"default":562,"description":563,"note":389,"demo":408},"size","Responsive\u003CSizes> | undefined","\"md\"","Sets the size of the button. A single value applies at every breakpoint; a per-breakpoint map (e.g. `{ default: 'sm', lg: 'md' }`) switches responsively. Purely CSS-driven — no runtime breakpoint watching.",{"name":565,"type":566,"required":388,"default":567,"description":568,"note":389,"demo":389},"tag","ButtonTag | undefined","'button'","Element to render for the plain (non-link, non-router) button: `'button'` (default), `'div'`\u002F`'span'` when nesting inside another button or link, or `'label'` for a file-upload trigger. Ignored when `href`\u002F`to` make the button render as a link.",{"name":570,"type":387,"required":388,"default":389,"description":571,"note":389,"demo":436},"target","Sets or retrieves the window or frame at which to target content.",{"name":573,"type":387,"required":388,"default":389,"description":574,"note":389,"demo":389},"text","Text content of the component.",{"name":576,"type":577,"required":388,"default":389,"description":578,"note":579,"demo":436},"to","string | wt | bt | undefined","Route Location the link should navigate to when clicked on.","Use for internal Vue Router or Nuxt navigation instead of calling the router from `@click`.",{"name":581,"type":449,"required":388,"default":582,"description":583,"note":389,"demo":451},"trueValue","true","Value emitted when the toggle is activated.",{"name":585,"type":586,"required":388,"default":389,"description":587,"note":588,"demo":589},"type","\"button\" | \"submit\" | \"reset\" | undefined","Gets the classification and default behavior of the button.","Defaults to `button`. Set `submit` only when the surrounding form owns the action.","default",{"name":591,"type":592,"required":388,"default":593,"description":594,"note":595,"demo":596},"variant","ButtonVariantType | undefined","\"primary\"","Visual variant of the button: colours and surface only, never spacing or size. `'none'` takes no look (you own hover, focus and disabled); register a real one with the plugin's `buttonVariants` and style `.bb-button--\u003Cname>` (no CSS ships for it).","Choose by hierarchy, not colour. Register recurring project variants; use `BbBaseButton` for a completely custom primitive.","variants",{"name":598,"type":402,"required":388,"default":403,"description":599,"note":389,"demo":389},"viewTransition","Inertia: run the page swap inside a View Transition, where the browser supports one.",[601],{"name":481,"type":449,"note":602,"demo":451},"Binding it is what makes the button a toggle, with `aria-pressed` and the `bb-button--active` class. A hand-bound `aria-pressed` is ignored, with a development warning.",[604],{"name":605,"signature":606,"description":607,"note":389,"demo":389},"update:modelValue","(value: any): void","Emitted with the new value whenever `v-model` changes.",[609,612,616,618],{"name":392,"type":610,"description":611,"note":389,"demo":389},"BbButtonIconSlotProps","The trailing icon, replacing `append:icon`; inside the `icon` part.",{"name":589,"type":613,"description":614,"note":615,"demo":589},"BbLinkSlotProps","Primary content rendered inside the button. Falls back to the `text` prop when empty. A link's slot gets `{ activeLink, exactActiveLink }`: whether it points at the current page (both `false` on a button).","The visible label, or the accessible name when `icon` makes the text visually hidden.",{"name":463,"type":610,"description":617,"note":389,"demo":389},"The icon of an icon-only button, replacing the `icon` prop. Renders inside the `icon` part: `pt:icon`, `--icon-size` and the loading spinner apply.",{"name":529,"type":610,"description":619,"note":389,"demo":389},"The leading icon, replacing `prepend:icon`; inside the `icon` part.",[621],{"name":622,"type":623,"note":389,"demo":389},"$el","HTMLElement | undefined",{"parts":625,"states":636},[626,629,631,634],{"name":627,"description":628},"root","The button element. The glyph size lives here: `--icon-size` on `pt:root` resizes the icon, the spinner and the gap between them together.",{"name":463,"description":630},"Every content icon the button renders (`icon`, `prepend:icon`, `append:icon`) — a broadcast; at most two render together. For colour, opacity and attributes — size it through `--icon-size` on `root`, never a size utility here (it breaks the icon \u002F spinner pair).",{"name":632,"description":633},"spinner","The loading spinner, parked exactly over the icon. Like `icon`: colour and opacity here, size through `--icon-size` on `root`.",{"name":573,"description":635},"The label span. Typography inherits from `root`, so reach for `text` only when a class must apply to the label alone — `truncate` on a long label that must not clip the icons. It carries the margin the label slides by while the spinner is in, so a margin of your own fights the slide.",[637,640,643,645,648,651,654,656,659,662,665],{"name":638,"description":639},"activeLink","Component-wide: a link to the current page or one of its ancestors (`\u002Fusers` on `\u002Fusers\u002F5`) — exactly when `activeClass` is on. The weakest state: `pressed`, `disabled` and `loading` win a conflict.",{"name":641,"description":642},"destructive","Component-wide: `variant=\"destructive\"`. Keeps the red under a base `pt`: `pt:root:destructive`.",{"name":430,"description":644},"Component-wide: the button is `disabled`.",{"name":646,"description":647},"exactActiveLink","Component-wide: a link to the current page itself — exactly when `exactActiveClass` is on (`activeLink` is on too, so its entries apply first and these win).",{"name":649,"description":650},"ghost","Component-wide: `variant=\"ghost\"`. Below the real states, like every variant.",{"name":652,"description":653},"link","Component-wide: `variant=\"link\"`. Below the real states, like every variant.",{"name":428,"description":655},"Component-wide: `loading` is on — the spinner shows and the button ignores the pointer.",{"name":657,"description":658},"outline","Component-wide: `variant=\"outline\"`. Below the real states, like every variant.",{"name":660,"description":661},"pressed","Component-wide: a toggle button (`v-model`) is on — `aria-pressed=\"true\"`, `--pressed` on the root.",{"name":663,"description":664},"primary","Component-wide: `variant=\"primary\"`. Merged after the part's base entry and before its states, so `disabled` \u002F `loading` still win.",{"name":666,"description":667},"secondary","Component-wide: `variant=\"secondary\"`. Below the real states, like every variant.",{"removed":669,"renamed":691},[670,678,682,685,688],{"name":671,"surface":672,"replacedBy":470,"hint":389,"since":673,"migration":674,"silent":675,"fix":676},"enabledWhileLoading","prop","3.0.0-alpha.1","ai\u002Fguides\u002Fmigration\u002Fcomponents\u002Fbb-button.md",true,{"kind":677},"rename",{"name":679,"surface":672,"replacedBy":389,"hint":389,"since":673,"migration":674,"silent":675,"fix":680},"theme",{"kind":681},"manual",{"name":683,"surface":672,"replacedBy":389,"hint":389,"since":673,"migration":674,"silent":675,"fix":684},"tooltip",{"kind":681},{"name":686,"surface":672,"replacedBy":389,"hint":389,"since":673,"migration":674,"silent":675,"fix":687},"tooltipPlacement",{"kind":681},{"name":689,"surface":672,"replacedBy":389,"hint":389,"since":673,"migration":674,"silent":675,"fix":690},"tooltipTimeout",{"kind":681},[692],{"from":671,"to":470,"surface":672,"since":673,"migration":674,"fix":693},{"kind":677},1793055151660]