[{"data":1,"prerenderedAt":979},["ShallowReactive",2],{"locale-alternates":3,"docs-nav-en":134,"api-none":377,"page-en-\u002Fcomponents\u002Fbb-hover-card":378,"pt-showcase-BbHoverCard":856},{"\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",null,{"id":379,"title":297,"body":380,"component":297,"description":844,"extension":845,"group":276,"meta":846,"navigation":621,"order":225,"path":298,"sections":847,"seo":853,"stem":854,"__hash__":855},"docs_en\u002Fcomponents\u002Fbb-hover-card.md",{"type":381,"value":382,"toc":837},"minimark",[383,424,427,435,449,453,460,466,469,472,493,499,512,515,518,532,538,548,551,554,743,783,794,800,830,833],[384,385,386,394],"when",{},[387,388,389,390,393],"p",{},"Reach for ",[391,392,297],"code",{}," to preview what a link points at without leaving the\npage. The person behind a name, an event in a calendar, a commit in a feed.",[395,396,398],"template",{"v-slot:else":397},"",[399,400,401,410,417],"ul",{},[402,403,404,409],"li",{},[405,406,407],"a",{"href":100},[391,408,309],{},": one line of text that names or\nexplains the control",[402,411,412,416],{},[405,413,414],{"href":60},[391,415,303],{},": the user works in the panel, with a\nform, a picker or settings",[402,418,419,423],{},[405,420,421],{"href":40},[391,422,291],{},": it is a list of actions",[387,425,426],{},"Put nothing in a hover card that the reader cannot reach another way. A touch\nscreen never shows it, and a screen reader in browse mode may never open it.",[428,429,431],"h2",{"id":430},"preview",[432,433,434],"span",{},"A preview behind a link",[387,436,437,438,444,445,448],{},"Put a link in the ",[405,439,441],{"href":440},"\u002Fen\u002Fcomponents\u002Fbb-hover-card\u002Fapi#slot-activator",[391,442,443],{},"activator"," slot and spread its ",[391,446,447],{},"props"," onto it.",[450,451],"demo",{"name":452},"BbHoverCard\u002FPersonPreview",[387,454,455,456,459],{},"The activator must take focus, so a keyboard user can open the card too. A\n",[391,457,458],{},"\u003Cspan>"," cannot; a link can, and it already goes where the card points.",[428,461,463],{"id":462},"commands",[432,464,465],{},"Shortcuts in the card",[387,467,468],{},"A card may hold shortcuts, as long as each one also exists on the page the link\nopens.",[450,470],{"name":471},"BbHoverCard\u002FEventShortcuts",[387,473,474,475,481,482,488,489,492],{},"Tab from the activator moves into the card, and Tab past its last control moves\non and closes it. Escape closes it and puts focus back on the activator. The\n",[405,476,478],{"href":477},"\u002Fen\u002Fcomponents\u002Fbb-hover-card\u002Fapi#slot-header",[391,479,480],{},"header"," and ",[405,483,485],{"href":484},"\u002Fen\u002Fcomponents\u002Fbb-hover-card\u002Fapi#slot-footer",[391,486,487],{},"footer"," slots stay outside the scrolling body, and every slot\ngets ",[391,490,491],{},"close",".",[428,494,496],{"id":495},"timing",[432,497,498],{},"Timing and the safe zone",[387,500,501,507,508,511],{},[405,502,504],{"href":503},"\u002Fen\u002Fcomponents\u002Fbb-hover-card\u002Fapi#prop-delay",[391,505,506],{},"delay"," is how long the pointer or focus rests on the activator before the card opens: ",[391,509,510],{},"350"," ms by default.",[387,513,514],{},"Closing has no prop. Once the pointer has left both the activator and the card,\nthe card waits 200 ms. A pointer heading diagonally for a button in the card\nstays inside a safe zone, so the card stays open. Try it on the events above.",[387,516,517],{},"A press on the activator, a right-click included, closes the card at once. When\nsomething the user opened on purpose is on screen, a menu or a dialog, the\ncards outside it stay closed. A click never toggles the card: the link does what\nlinks do.",[387,519,520,521,524,525,531],{},"To open or close the card from your own code, bind ",[391,522,523],{},"v-model",". ",[405,526,528],{"href":527},"\u002Fen\u002Fcomponents\u002Fbb-hover-card\u002Fapi#prop-disabled",[391,529,530],{},"disabled","\nkeeps it shut, and closes it if it is open.",[428,533,535],{"id":534},"directive",[432,536,537],{},"One per row with v-bb-hover-card",[387,539,540,541,544,545,492],{},"For a card on every row, use ",[391,542,543],{},"v-bb-hover-card"," and write the body once in a\n",[391,546,547],{},"\u003CBbHoverCardPortal>",[450,549],{"name":550},"BbHoverCard\u002FDirectiveRows",[387,552,553],{},"No component exists until the pointer or focus reaches the row, so a thousand\nrows cost what a thousand links cost. The value takes three forms:",[555,556,560],"pre",{"className":557,"code":558,"language":559,"meta":397,"style":397},"language-vue shiki shiki-themes github-light-high-contrast github-dark-high-contrast","\u003C!-- a portal name: mind the inner quotes -->\n\u003Ca v-bb-hover-card=\"'person-card'\" :href=\"person.url\">Amara Okonkwo\u003C\u002Fa>\n\n\u003C!-- a component: the keys of data become its props -->\n\u003Ca v-bb-hover-card=\"{ portal: PersonCard, data: { person } }\" :href=\"person.url\">\n    Amara Okonkwo\n\u003C\u002Fa>\n\n\u003C!-- any BbHoverCard prop next to the portal; the argument is the placement -->\n\u003Ca v-bb-hover-card:right=\"{ portal: 'person-card', data: { person }, width: 240 }\" :href=\"person.url\">\n    Amara Okonkwo\n\u003C\u002Fa>\n","vue",[391,561,562,569,617,623,628,659,664,673,677,682,730,734],{"__ignoreMap":397},[432,563,565],{"class":564,"line":141},"line",[432,566,568],{"class":567},"sLBg1","\u003C!-- a portal name: mind the inner quotes -->\n",[432,570,571,575,578,582,585,588,592,594,597,600,602,604,607,609,612,614],{"class":564,"line":145},[432,572,574],{"class":573},"suds8","\u003C",[432,576,405],{"class":577},"sne4z",[432,579,581],{"class":580},"s-5SL"," v-bb-hover-card",[432,583,584],{"class":573},"=",[432,586,587],{"class":573},"\"",[432,589,591],{"class":590},"sT6z2","'person-card'",[432,593,587],{"class":573},[432,595,596],{"class":573}," :",[432,598,599],{"class":580},"href",[432,601,584],{"class":573},[432,603,587],{"class":573},[432,605,606],{"class":573},"person.url",[432,608,587],{"class":573},[432,610,611],{"class":573},">Amara Okonkwo\u003C\u002F",[432,613,405],{"class":577},[432,615,616],{"class":573},">\n",[432,618,619],{"class":564,"line":149},[432,620,622],{"emptyLinePlaceholder":621},true,"\n",[432,624,625],{"class":564,"line":177},[432,626,627],{"class":567},"\u003C!-- a component: the keys of data become its props -->\n",[432,629,630,632,634,636,638,640,643,645,647,649,651,653,655,657],{"class":564,"line":181},[432,631,574],{"class":573},[432,633,405],{"class":577},[432,635,581],{"class":580},[432,637,584],{"class":573},[432,639,587],{"class":573},[432,641,642],{"class":573},"{ portal: PersonCard, data: { person } }",[432,644,587],{"class":573},[432,646,596],{"class":573},[432,648,599],{"class":580},[432,650,584],{"class":573},[432,652,587],{"class":573},[432,654,606],{"class":573},[432,656,587],{"class":573},[432,658,616],{"class":573},[432,660,661],{"class":564,"line":185},[432,662,663],{"class":573},"    Amara Okonkwo\n",[432,665,666,669,671],{"class":564,"line":225},[432,667,668],{"class":573},"\u003C\u002F",[432,670,405],{"class":577},[432,672,616],{"class":573},[432,674,675],{"class":564,"line":229},[432,676,622],{"emptyLinePlaceholder":621},[432,678,679],{"class":564,"line":233},[432,680,681],{"class":567},"\u003C!-- any BbHoverCard prop next to the portal; the argument is the placement -->\n",[432,683,684,686,688,690,693,696,698,700,703,705,708,711,714,716,718,720,722,724,726,728],{"class":564,"line":237},[432,685,574],{"class":573},[432,687,405],{"class":577},[432,689,581],{"class":580},[432,691,692],{"class":573},":",[432,694,695],{"class":580},"right",[432,697,584],{"class":573},[432,699,587],{"class":573},[432,701,702],{"class":573},"{ portal: ",[432,704,591],{"class":590},[432,706,707],{"class":573},", data: { person }, width: ",[432,709,710],{"class":580},"240",[432,712,713],{"class":573}," }",[432,715,587],{"class":573},[432,717,596],{"class":573},[432,719,599],{"class":580},[432,721,584],{"class":573},[432,723,587],{"class":573},[432,725,606],{"class":573},[432,727,587],{"class":573},[432,729,616],{"class":573},[432,731,732],{"class":564,"line":241},[432,733,663],{"class":573},[432,735,737,739,741],{"class":564,"line":736},12,[432,738,668],{"class":573},[432,740,405],{"class":577},[432,742,616],{"class":573},[387,744,745,746,749,750,753,754,757,758,761,762,765,766,768,769,772,773,776,777,779,780,782],{},"Without the inner quotes, ",[391,747,748],{},"person-card"," is ",[391,751,752],{},"person"," minus ",[391,755,756],{},"card",", and nothing\nopens. ",[391,759,760],{},"npx bitboss-ui check"," and the ESLint rule ",[391,763,764],{},"bitboss-ui\u002Fportal-names","\ncatch that, and any name no ",[391,767,547],{}," declares. A named portal's\nslot gets ",[391,770,771],{},"{ data, close }",", where ",[391,774,775],{},"data"," is the binding's ",[391,778,775],{},". A component\nportal gets no ",[391,781,491],{},": when the content needs one, use a named portal.",[387,784,785,786,789,790,793],{},"Importing ",[391,787,788],{},"vBbHoverCard"," registers the directive locally, as these demos do; the\nplugin's ",[391,791,792],{},"injectDirectives"," registers it globally.",[428,795,797],{"id":796},"styling",[432,798,799],{},"Restyling with passthrough",[387,801,802,803,809,810,813,814,813,817,813,819,822,823,825,826,492],{},"Restyle the card through ",[405,804,806],{"href":805},"\u002Fen\u002Fcomponents\u002Fbb-hover-card\u002Fapi#prop-pt:%3Cpart%3E",[391,807,808],{},"pt:\u003Cpart>",": ",[391,811,812],{},"root",", ",[391,815,816],{},"panel",[391,818,480],{},[391,820,821],{},"content"," and\n",[391,824,487],{},", the same parts as ",[405,827,828],{"href":60},[391,829,303],{},[450,831],{"name":832},"BbHoverCard\u002FCommitPreview",[834,835,836],"style",{},"html pre.shiki code .sLBg1, html code.shiki .sLBg1{--shiki-default:#66707B;--shiki-dark:#BDC4CC}html pre.shiki code .suds8, html code.shiki .suds8{--shiki-default:#0E1116;--shiki-dark:#F0F3F6}html pre.shiki code .sne4z, html code.shiki .sne4z{--shiki-default:#024C1A;--shiki-dark:#72F088}html pre.shiki code .s-5SL, html code.shiki .s-5SL{--shiki-default:#023B95;--shiki-dark:#91CBFF}html pre.shiki code .sT6z2, html code.shiki .sT6z2{--shiki-default:#032563;--shiki-dark:#ADDCFF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":397,"searchDepth":149,"depth":149,"links":838},[839,840,841,842,843],{"id":430,"depth":145,"text":434},{"id":462,"depth":145,"text":465},{"id":495,"depth":145,"text":498},{"id":534,"depth":145,"text":537},{"id":796,"depth":145,"text":799},"A preview card that opens on hover or keyboard focus, as a component or as the v-bb-hover-card directive.","md",{},[848,849,850,851,852],{"id":430,"title":434},{"id":462,"title":465},{"id":495,"title":498},{"id":534,"title":537},{"id":796,"title":799},{"title":297,"description":844},"components\u002Fbb-hover-card","slttg3PNWWc_wgkjSBlRAvV_hzZtFblWB1kcvyvnat8",{"name":297,"slug":857,"group":276,"description":858,"entrypoint":859,"docs":860,"props":863,"models":924,"events":927,"slots":945,"exposed":959,"pt":960,"validated":377,"migration":976},"bb-hover-card","A rich preview card that opens on hover or keyboard focus (a person, an event, a link) — BbPopover's panel without the click; may hold commands that also exist elsewhere; also the v-bb-hover-card directive.","bitboss-ui",{"contract":861,"source":862},"ai\u002FBbHoverCard.md","ai\u002Fsource\u002FBbHoverCard.md",[864,869,873,877,881,884,888,891,895,899,905,909,913,916,920],{"name":443,"type":865,"required":866,"default":377,"description":867,"note":868,"demo":534},"ElementOrComponentRef | undefined",false,"External activator element or component ref. When provided, the activator slot is not rendered and the hover \u002F focus listeners are attached programmatically to the referenced element.","For a card per row, `v-bb-hover-card` already attaches to an element without a template ref. Reach for the prop when the trigger is owned by code you cannot annotate.",{"name":870,"type":871,"required":866,"default":377,"description":872,"note":377,"demo":377},"boundary","ElementOrComponentRefOrSelector | undefined","Constrains the card within a bounding element: it stays inside it alongside its trigger (sideways for a card above or below); away from the trigger it may pass the edge, and it flips at the viewport only. Accepts an HTMLElement, a Vue component ref, or a CSS selector string.",{"name":506,"type":874,"required":866,"default":510,"description":875,"note":876,"demo":495},"number | undefined","Milliseconds the pointer (or keyboard focus) rests on the activator before the card shows; longer than BbTooltip's, so passing over does not open it. Closing has a fixed grace (guide § Timing and the safe zone).","Holds the open back for hover and keyboard focus alike, with no skip for a neighbour reached quickly. Closing is not configurable: the card waits a fixed 200 ms, and a pointer travelling toward the card stays inside a safe zone.",{"name":530,"type":878,"required":866,"default":879,"description":880,"note":377,"demo":377},"boolean | undefined","false","Disables the component. Disabling an open card closes it.",{"name":882,"type":878,"required":866,"default":879,"description":883,"note":377,"demo":377},"eager","Renders the card's content at mount instead of on the first open.",{"name":885,"type":886,"required":866,"default":377,"description":887,"note":377,"demo":377},"id","string | undefined","The activator's id (the card is `bbhc_\u003Cid>`, and is labelled by it once it holds a control). Generated when omitted.",{"name":889,"type":878,"required":866,"default":879,"description":890,"note":377,"demo":377},"modelValue","Used by v-model to open \u002F close the card. A card with no `v-model` starts closed and is driven by hover and keyboard focus.",{"name":892,"type":874,"required":866,"default":893,"description":894,"note":377,"demo":462},"offset","4","Space the floating container will maintain from the activator.",{"name":896,"type":874,"required":866,"default":897,"description":898,"note":377,"demo":377},"padding","10","Minimum empty space to keep from the edge of the page.",{"name":900,"type":901,"required":866,"default":902,"description":903,"note":904,"demo":430},"placement","Placement | undefined","\"bottom\"","Position of the card relative to the activator.","Flips itself near a viewport edge. Unlike `BbPopover` there is no `'cursor'` value, and no arrow.",{"name":906,"type":907,"required":866,"default":377,"description":908,"note":377,"demo":377},"pt","PtMap\u003CBbHoverCardPtPart, \"open\"> | undefined","Passthrough, object form: the same keys as the `pt:*` attributes without the prefix. See the `pt:\u003Cpart>` row.",{"name":808,"type":910,"required":866,"default":377,"description":911,"note":912,"demo":796},"PtValue | undefined","Passthrough, attribute form: one attribute per part, `pt:\u003Cpart>`, and per part and state, `pt:\u003Cpart>:\u003Cstate>`. Parts: `content`, `footer`, `header`, `panel`, `root`. States: `open`.","The same parts as `BbPopover` minus the phone sheet: a hover card never turns into a bottom sheet.",{"name":914,"type":878,"required":866,"default":879,"description":915,"note":377,"demo":377},"scrollable","Caps the card height to the available viewport space and enables internal scrolling.",{"name":917,"type":874,"required":866,"default":918,"description":919,"note":377,"demo":377},"transitionDuration","250","How long the transition has to last in milliseconds.",{"name":921,"type":922,"required":866,"default":377,"description":923,"note":377,"demo":430},"width","string | number | undefined","Width of the card. Accepts pixels or percentage (relative to activator width).",[925],{"name":889,"type":878,"note":926,"demo":377},"Opens the card from elsewhere, a keyboard shortcut or a test. A click on the activator never toggles it, so this is the way when something other than hover must open it.",[928,932,935,938,941],{"name":929,"signature":930,"description":931,"note":377,"demo":377},"hidden","(): void","Emitted after the card is fully closed.",{"name":933,"signature":930,"description":934,"note":377,"demo":377},"hide","Emitted as soon as the card starts to close (model becomes false).",{"name":936,"signature":930,"description":937,"note":377,"demo":377},"show","Emitted as soon as the card starts to open (model becomes true).",{"name":939,"signature":930,"description":940,"note":377,"demo":377},"shown","Emitted after the card is fully opened. Focus never moves on open.",{"name":942,"signature":943,"description":944,"note":377,"demo":377},"update:modelValue","(value: boolean): void","Emitted with the new value whenever `v-model` changes.",[946,950,954,957],{"name":443,"type":947,"description":948,"note":949,"demo":430},"BbHoverCardActivatorSlotProps","The element the card describes. Spread `props` onto it; it must be focusable (a link or a button) so a keyboard user can open the card too.","Spread `props` onto an element that can take focus, usually the link the card previews. On a `\u003Cspan>` keyboard users can never open the card.",{"name":951,"type":952,"description":953,"note":377,"demo":430},"default","BbHoverCardDefaultSlotProps","The card body.",{"name":487,"type":952,"description":955,"note":956,"demo":462},"Content pinned to the bottom of the card, outside the scroll region.","The usual home for shortcuts. Each one must also exist on the page the activator links to: a touch screen never shows the card.",{"name":480,"type":952,"description":958,"note":377,"demo":462},"Content pinned to the top of the card, outside the scroll region.",[],{"parts":961,"states":972},[962,964,966,968,970],{"name":812,"description":963},"The floating element — an invisible positioning wrapper; a `class` on the component lands here, and so does `role=\"group\"` once the card holds a control.",{"name":816,"description":965},"The surface you see — the bordered box that paints the card and lays out its bands.",{"name":480,"description":967},"The header band.",{"name":821,"description":969},"The body band.",{"name":487,"description":971},"The footer band.",[973],{"name":974,"description":975},"open","Component-wide: the card is open.",{"removed":977,"renamed":978},[],[],1793055142144]