[{"data":1,"prerenderedAt":569},["ShallowReactive",2],{"locale-alternates":3,"docs-nav-en":124,"api-BbBaseButton":352,"page-en-\u002Fcomponents\u002Fbb-base-button\u002Fapi":379},{"\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":182,"slug":353,"group":179,"description":354,"entrypoint":355,"docs":356,"props":359,"models":549,"events":550,"slots":551,"exposed":557,"pt":558,"validated":379,"migration":566},"bb-base-button","Unstyled button\u002Flink primitive: element resolution (button\u002Fanchor\u002Frouter link) and the full navigation engine, with no visual chrome. Use for any clickable or navigable surface that is not a variant-first BbButton — cards, list rows, custom links.","bitboss-ui",{"contract":357,"source":358},"ai\u002FBbBaseButton.md","ai\u002Fsource\u002FBbBaseButton.md",[360,368,374,380,385,389,393,396,402,406,411,416,420,424,427,432,435,440,444,447,451,456,459,462,465,468,472,475,478,482,486,491,495,498,502,505,507,512,516,520,526,530,535,540,546],{"name":361,"type":362,"required":363,"default":364,"description":365,"note":366,"demo":367},"activeClass","string | undefined",false,"'router-link-active'","CSS class applied when the component renders as a link and the target of the link is the current route or the url matches partially.\nPorted for Inertia compatibility.","Applied on a path-prefix match — the section link that should stay lit on child pages. The component only attaches the name; the highlight is CSS you write.","active",{"name":369,"type":370,"required":363,"default":371,"description":372,"note":373,"demo":367},"ariaCurrentValue","\"page\" | \"step\" | \"location\" | \"date\" | \"time\" | \"true\" | \"false\" | undefined","'page'","Value forwarded to the `aria-current` attribute when the component renders\nas a router link and the target route is an exact match.\n\nUse to communicate the current location to assistive technologies.","Defaults to `page`, which is right for navigation. Reach for `step` or `location` only when the link set is a wizard or a map, not a set of pages.",{"name":375,"type":376,"required":363,"default":377,"description":378,"note":379,"demo":379},"async","boolean | undefined","false","Inertia: runs the visit without blocking — the page stays interactive and\nseveral async visits can be in flight at once.",null,{"name":381,"type":376,"required":363,"default":377,"description":382,"note":383,"demo":384},"block","Makes the component take the full available width (block-level layout).\nAdds the `bb-base-button--block` modifier class.","Adds `bb-base-button--block` and nothing else. A flex column already stretches its children, so check the parent before reaching for this.","form",{"name":386,"type":387,"required":363,"default":379,"description":388,"note":379,"demo":379},"cacheFor","string | number | (string | number)[] | undefined","Inertia: how long a prefetched response stays fresh before it is\nre-fetched. A single duration, or `[staleAfter, expiresAfter]`.\n\nTyped platform-agnostically (matching BbButton) so the library's types\nnever require `@inertiajs\u002Fvue3` to be installed.",{"name":390,"type":391,"required":363,"default":379,"description":392,"note":379,"demo":379},"cacheTags","string | string[] | undefined","Inertia: tags to file this visit's prefetch cache under, so a later\nrequest can invalidate the whole tagged group.",{"name":394,"type":362,"required":363,"default":379,"description":395,"note":379,"demo":379},"component","Inertia: the page component this visit resolves to. Rarely set by hand —\nthe server normally decides it.",{"name":397,"type":398,"required":363,"default":379,"description":399,"note":400,"demo":401},"data","object | undefined","Request payload forwarded to Inertia when navigating via `href` in an\nInertia-enabled app. Ignored when not using Inertia.","Inertia only: the payload sent with the visit. Ignored outside Inertia.","navigation",{"name":403,"type":376,"required":363,"default":377,"description":404,"note":405,"demo":403},"disabled","Disables user interaction.\n\n- When rendering as a native button, sets the `disabled` attribute.\n- When rendering as a link (anchor\u002FInertia), removes `href`, adds\n  `aria-disabled=\"true\"`, and prevents navigation while keeping focusable\n  semantics consistent.","Adapts to the element: the native attribute on a button, and on a link the `href` is dropped for `role=\"link\"` + `aria-disabled=\"true\"` + `tabindex=\"-1\"`. Either way you get the `bb-base-button--disabled` class to style.",{"name":407,"type":408,"required":363,"default":379,"description":409,"note":410,"demo":401},"download","string | boolean | undefined","Marks an `href` link as a download. Renders a plain `\u003Ca download>` doing a\nnative navigation — never an Inertia\u002Frouter visit — so file downloads\n(including same-origin, `blob:` and `data:` URLs) work. Pass a string to\nset the suggested filename. One of the native-anchor signals alongside\n`target` and `external`.","Always a native anchor navigation, never a router or Inertia visit, which is what makes `blob:` and `data:` URLs work. Pass a string to suggest the filename.",{"name":412,"type":362,"required":363,"default":413,"description":414,"note":415,"demo":367},"exactActiveClass","'router-link-exact-active'","CSS class applied when the component renders as a link and the target of the link\nand the url matches exactly.\nPorted for Inertia compatibility.","Applied only on an exact match, and the one that also carries `aria-current`. A fragment-only `href` never matches: it is the page the reader is already on.",{"name":417,"type":418,"required":363,"default":379,"description":419,"note":379,"demo":379},"except","string[] | undefined","Inertia: the inverse of `only` — properties to EXCLUDE from a partial\nreload. Pass one or the other, not both.",{"name":421,"type":376,"required":363,"default":377,"description":422,"note":423,"demo":401},"external","Forces an `href` link to render as a plain `\u003Ca>` (native navigation),\nbypassing Inertia\u002Frouter interception — the same intent as Nuxt's\n`NuxtLink` `external`. Use for links outside the SPA. One of the\nnative-anchor signals alongside `target` and `download`.","The escape hatch for a same-origin URL that is not part of the SPA — a legacy route, another application behind the same domain. Same intent as Nuxt's `NuxtLink` `external`.",{"name":425,"type":398,"required":363,"default":379,"description":426,"note":379,"demo":379},"headers","Additional HTTP headers forwarded to Inertia when navigating via `href`\nin an Inertia-enabled app.",{"name":428,"type":362,"required":363,"default":379,"description":429,"note":430,"demo":431},"href","Hyperlink reference used when rendering as an anchor (or as an Inertia\nlink in Inertia-enabled apps). If provided and not disabled, the component\nrenders as an anchor\u002FInertia link.","Renders an anchor — a real document navigation. Under Inertia a same-origin `href` without `target` becomes a visit instead; under Vue Router or Nuxt it stays a full page load, so `to` is the prop for internal links there.","elements",{"name":433,"type":376,"required":363,"default":377,"description":434,"note":379,"demo":379},"instant","Inertia: navigate optimistically on click and reconcile when the response\nlands, instead of waiting for the round trip.",{"name":436,"type":437,"required":363,"default":379,"description":438,"note":439,"demo":401},"method","\"get\" | \"post\" | \"put\" | \"patch\" | \"delete\" | undefined","HTTP method used for Inertia navigation when `href` is provided in an\nInertia-enabled app. Ignored otherwise.","Inertia only, and it turns a link into a non-GET visit. In a Vue Router or plain application it is ignored — an `href` is always a GET.",{"name":441,"type":442,"required":363,"default":379,"description":443,"note":379,"demo":379},"onBefore","(() => void) | undefined","Lifecycle hook invoked by Inertia right before the request is sent.",{"name":445,"type":442,"required":363,"default":379,"description":446,"note":379,"demo":379},"onCancel","Lifecycle hook invoked by Inertia when a request is cancelled.",{"name":448,"type":449,"required":363,"default":379,"description":450,"note":379,"demo":379},"onCancelToken","((cancelToken: unknown) => void) | undefined","Receives the Inertia cancel token source when a request is initiated.\nCan be used to cancel the request.\n\nTyped platform-agnostically (matching BbButton) so the library's types\nnever require `@inertiajs\u002Fvue3` to be installed.",{"name":452,"type":453,"required":363,"default":379,"description":454,"note":455,"demo":379},"onError","((errors: Record\u003Cstring, string>) => void) | undefined","Lifecycle hook invoked by Inertia when the server responds with\nVALIDATION errors — the ordinary 422 path.\n\nThis is the only failure callback Inertia's `Link` accepts.\n`onHttpException` (server answered 5xx) and `onNetworkError` (the request\nnever arrived) are `router.visit()` \u002F `useForm()` options, NOT Link\nprops — declaring them here would only paste bogus listeners onto the\nanchor. Use a form or an explicit visit when you need to tell them apart.","The only failure callback an Inertia link accepts, and it fires on validation errors (422) — not on 5xx and not on a request that never arrived. Use an explicit visit or a form when you have to tell those apart.",{"name":457,"type":442,"required":363,"default":379,"description":458,"note":379,"demo":379},"onFinish","Lifecycle hook invoked by Inertia after the request has finished\n(regardless of success or error).",{"name":460,"type":418,"required":363,"default":379,"description":461,"note":379,"demo":379},"only","Limits the properties that are preserved in Inertia partial reloads.",{"name":463,"type":442,"required":363,"default":379,"description":464,"note":379,"demo":379},"onPrefetched","Lifecycle hook invoked by Inertia when a prefetch for this link has\ncompleted and is cached.",{"name":466,"type":442,"required":363,"default":379,"description":467,"note":379,"demo":379},"onPrefetching","Lifecycle hook invoked by Inertia when a prefetch for this link starts.",{"name":469,"type":470,"required":363,"default":379,"description":471,"note":379,"demo":379},"onProgress","((progress: { percentage: number | undefined; }) => void) | undefined","Progress callback invoked by Inertia with the upload\u002Fdownload percentage\nwhen available.",{"name":473,"type":442,"required":363,"default":379,"description":474,"note":379,"demo":379},"onStart","Lifecycle hook invoked by Inertia when a request starts.",{"name":476,"type":442,"required":363,"default":379,"description":477,"note":379,"demo":379},"onSuccess","Lifecycle hook invoked by Inertia when a request succeeds.",{"name":479,"type":480,"required":363,"default":379,"description":481,"note":379,"demo":379},"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\nserver responds. Either an object or a function of the current props.\n\nTyped platform-agnostically (matching BbButton) so the library's types\nnever require `@inertiajs\u002Fvue3` to be installed.",{"name":483,"type":484,"required":363,"default":379,"description":485,"note":379,"demo":379},"prefetch","string | boolean | string[] | undefined","Inertia: fetch and cache this link's page ahead of the click. `true` uses\nthe default trigger; a string or list of strings picks them\n(`'mount'`, `'hover'`, `'click'`).",{"name":487,"type":488,"required":363,"default":377,"description":489,"note":490,"demo":401},"preserveScroll","boolean | ((props: Record\u003Cstring, unknown>) => boolean) | undefined","Controls whether Inertia should preserve the current scroll position after\nnavigation. Can be a boolean or a predicate receiving the visit props.","Inertia only. The usual case is a link inside a long list whose result renders in place — without it the visit lands at the top of the page.",{"name":492,"type":493,"required":363,"default":377,"description":494,"note":379,"demo":379},"preserveState","boolean | ((props: Record\u003Cstring, unknown>) => boolean) | null | undefined","Controls whether Inertia should preserve the current state after navigation.\nCan be a boolean or a predicate receiving the visit props.",{"name":496,"type":376,"required":363,"default":377,"description":497,"note":379,"demo":379},"preserveUrl","Inertia: keep the current URL in the address bar even though the page\ncontent changes.",{"name":499,"type":500,"required":363,"default":379,"description":501,"note":379,"demo":379},"pt","PtMap\u003C\"root\", \"disabled\"> | undefined","Passthrough, object form: the same keys as the `pt:*` attributes\nwithout the prefix. See the `pt:\u003Cpart>` row.",{"name":503,"type":504,"required":363,"default":379,"description":379,"note":379,"demo":379},"pt:root","PtValue | undefined",{"name":506,"type":504,"required":363,"default":379,"description":379,"note":379,"demo":379},"pt:root:disabled",{"name":508,"type":509,"required":363,"default":510,"description":511,"note":379,"demo":379},"queryStringArrayFormat","\"brackets\" | \"indices\" | undefined","'brackets'","Format to use when serializing array values into the query string for\nInertia requests.",{"name":513,"type":362,"required":363,"default":379,"description":514,"note":515,"demo":379},"rel","Relationship between the current document and the linked resource.\nUseful for security when opening new tabs (e.g. `noopener noreferrer`).","Your tokens are preserved; the security ones are added on top whenever a `target` is set. There is rarely a reason to write `noopener` here yourself.",{"name":517,"type":376,"required":363,"default":377,"description":518,"note":519,"demo":401},"replace","Uses history replacement instead of push navigation.\n\n- With Vue Router (`to`), calls `router.replace`.\n- With Inertia (`href`), performs a replace visit.","Swaps the current history entry instead of pushing one, under both Vue Router and Inertia. Right for anything that is a view control rather than a step in the user's journey.",{"name":521,"type":522,"required":363,"default":523,"description":524,"note":525,"demo":384},"tag","ButtonTag | undefined","'button'","Element to render for the plain (non-link, non-router) button:\n\n- `'button'` (default) — real button semantics and keyboard behavior\n- `'div'` \u002F `'span'` — a clickable box nested inside another button or\n  link, where a nested `\u003Cbutton>` would be invalid markup\n- `'label'` — a file-upload trigger wrapping a visually hidden `\u003Cinput>`\n\nIgnored when the component renders as a link\u002Frouter (`href`\u002F`to`) — those\nalways render `\u003Ca>`\u002Frouter-link. When set to a non-`button` tag the native\n`type`\u002F`disabled` attributes are dropped (they're invalid off a\n`\u003Cbutton>`); disabled state is still conveyed via the\n`bb-base-button--disabled` class.","A last resort for contexts where a `\u003Cbutton>` is invalid — nested inside another interactive element, or a `\u003Clabel>` wrapping a hidden file input. A non-button tag loses the native `type` and `disabled` attributes and the keyboard semantics that come with them.",{"name":527,"type":362,"required":363,"default":379,"description":528,"note":529,"demo":431},"target","Target browsing context for anchor\u002FInertia links (e.g. `_self`, `_blank`).\nIgnored when rendering as a native button.","Forces a plain anchor even where routing would otherwise apply. Any value other than `_self` gets `rel=\"noopener noreferrer\"` merged in — named windows included, because a named target also leaves `window.opener` pointing back at your page.",{"name":531,"type":362,"required":363,"default":379,"description":532,"note":533,"demo":534},"text","Fallback text content rendered when no default slot is provided.","A string-only fallback for loops that spread a config object. Prefer the default slot: slot content wins when both are present.","default",{"name":536,"type":537,"required":363,"default":379,"description":538,"note":539,"demo":401},"to","string | wt | bt | undefined","Route location to navigate to. When provided (and not disabled), the\ncomponent renders as a Vue Router link.","The router form, and the only one that stays inside a Vue Router or Nuxt application. It needs a router to resolve against: in a router-free page it renders nothing useful, and `href` is the form that works.",{"name":541,"type":542,"required":363,"default":543,"description":544,"note":545,"demo":384},"type","\"button\" | \"submit\" | \"reset\" | undefined","\"button\"","Native `type` attribute used when rendering as a button (e.g. `button`,\n`submit`, `reset`).","Defaults to `button`, so nothing inside a form submits by accident. Dropped entirely when `tag` is not `button`, where the attribute would be invalid.",{"name":547,"type":376,"required":363,"default":377,"description":548,"note":379,"demo":379},"viewTransition","Inertia: run the page swap inside a View Transition, where the browser\nsupports one.",[],[],[552],{"name":534,"type":553,"description":554,"note":555,"demo":556},"object","Primary content rendered inside the button element. Falls back to the `text` prop when empty.","The label. For a rich card overlay, keep it short and visually hidden (`Open Acme workspace`) instead of making the entire card the link name.","surfaces",[],{"parts":559,"states":563},[560],{"name":561,"description":562},"root","Whichever element renders — the `\u003Cbutton>`, the `\u003Ca>` or the router link. A `class` on the component lands here too. The label is your slot markup.",[564],{"name":403,"description":565},"Component-wide: the button is `disabled`.",{"removed":567,"renamed":568},[],[],1790062843953]