[{"data":1,"prerenderedAt":924},["ShallowReactive",2],{"locale-alternates":3,"docs-nav-en":134,"api-none":377,"page-en-\u002Fcomponents\u002Fbb-icon":378,"pt-showcase-BbIcon":868},{"\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":360,"body":380,"component":360,"description":856,"extension":712,"group":354,"meta":857,"navigation":642,"order":145,"path":361,"sections":858,"seo":865,"stem":866,"__hash__":867},"docs_en\u002Fcomponents\u002Fbb-icon.md",{"type":381,"value":382,"toc":848},"minimark",[383,449,455,463,472,476,497,503,526,533,559,562,569,579,693,699,718,721,729,735,738,741,765,771,785,788,796,802,808,811,828,841,844],[384,385,386,394],"when",{},[387,388,389,390,393],"p",{},"Reach for ",[391,392,360],"code",{}," when the icon is part of the design: a status in a table\ncell, empty-state art, a list marker.",[395,396,398],"template",{"v-slot:else":397},"",[399,400,401,420,442],"ul",{},[402,403,404,409,410,413,414,416,417],"li",{},[405,406,407],"a",{"href":18},[391,408,205],{}," with ",[391,411,412],{},"icon",", if you were about to wrap\na ",[391,415,360],{}," in a ",[391,418,419],{},"\u003Cbutton>",[402,421,422,426,427,431,432,436,437,441],{},[405,423,424],{"href":12},[391,425,339],{},", ",[405,428,429],{"href":6},[391,430,336],{},",\n",[405,433,434],{"href":98},[391,435,351],{}," and the inputs: they take the icon\n",[438,439,440],"strong",{},"name"," on a prop",[402,443,444,448],{},[405,445,446],{"href":10},[391,447,357],{},", if it is a person's picture",[387,450,451,452,454],{},"Also see: ",[405,453,179],{"href":116},".",[456,457,459],"h2",{"id":458},"default",[460,461,462],"span",{},"Draw an icon",[387,464,465,466,471],{},"Pass the icon name to ",[405,467,469],{"href":468},"\u002Fen\u002Fcomponents\u002Fbb-icon\u002Fapi#prop-icon",[391,470,412],{},". It is the only required prop.",[473,474],"demo",{"name":475},"BbIcon\u002FBasic",[477,478,480],"migration",{"title":479},"type → icon",[387,481,482,483,486,487,489,490,492,493,496],{},"The prop was called ",[391,484,485],{},"type"," in v2. A ",[391,488,360],{}," still on ",[391,491,485],{}," has no icon, so it\nthrows at mount: ",[391,494,495],{},"[BbIcon] `icon` is required",", with the rename in the message.",[456,498,500],{"id":499},"names",[460,501,502],{},"Pick a name that resolves",[387,504,505,509,510,513,514,517,518,521,522,525],{},[405,506,507],{"href":468},[391,508,412],{}," takes ",[391,511,512],{},"provider:icon",", for example ",[391,515,516],{},"lucide:check",". For your own SVGs use\n",[391,519,520],{},"local:my-icon"," (the ",[391,523,524],{},"local:"," prefix is optional but recommended).",[387,527,528,529,532],{},"Install the collections you want and the bitboss-ui plugin finds them (without\nthe plugin, a named icon throws ",[391,530,531],{},"Failed to load icons","):",[534,535,539],"pre",{"className":536,"code":537,"language":538,"meta":397,"style":397},"language-bash shiki shiki-themes github-light-high-contrast github-dark-high-contrast","npm install -D @iconify-json\u002Flucide\n","bash",[391,540,541],{"__ignoreMap":397},[460,542,544,548,552,556],{"class":543,"line":141},"line",[460,545,547],{"class":546},"soyes","npm",[460,549,551],{"class":550},"sT6z2"," install",[460,553,555],{"class":554},"s-5SL"," -D",[460,557,558],{"class":550}," @iconify-json\u002Flucide\n",[473,560],{"name":561},"BbIcon\u002FNames",[387,563,564,565,568],{},"A name that does not resolve draws a question mark in a circle and logs one\nconsole error with the fix. The cause is a typo, a missing ",[391,566,567],{},"npm install",", or a\nname the build did not bundle. The rest of the page keeps working.",[387,570,571,572,574,575,578],{},"You can also import your own SVGs as strings and pass them straight to ",[391,573,412],{},".\nUse only markup you control: an SVG carrying event handlers or a ",[391,576,577],{},"\u003Cscript>"," is\ndropped with a warning, never cleaned.",[534,580,584],{"className":581,"code":582,"language":583,"meta":397,"style":397},"language-vue shiki shiki-themes github-light-high-contrast github-dark-high-contrast","\u003Cscript setup lang=\"ts\">\nimport mark from '~\u002Fassets\u002Fmarks\u002Fpartner.svg?raw';\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n    \u003CBbIcon :icon=\"mark\" size=\"2xl\" \u002F>\n\u003C\u002Ftemplate>\n","vue",[391,585,586,611,629,638,644,652,685],{"__ignoreMap":397},[460,587,588,592,596,599,602,605,608],{"class":543,"line":141},[460,589,591],{"class":590},"suds8","\u003C",[460,593,595],{"class":594},"sne4z","script",[460,597,598],{"class":554}," setup",[460,600,601],{"class":554}," lang",[460,603,604],{"class":590},"=",[460,606,607],{"class":550},"\"ts\"",[460,609,610],{"class":590},">\n",[460,612,613,617,620,623,626],{"class":543,"line":145},[460,614,616],{"class":615},"sHUrx","import",[460,618,619],{"class":590}," mark ",[460,621,622],{"class":615},"from",[460,624,625],{"class":550}," '~\u002Fassets\u002Fmarks\u002Fpartner.svg?raw'",[460,627,628],{"class":590},";\n",[460,630,631,634,636],{"class":543,"line":149},[460,632,633],{"class":590},"\u003C\u002F",[460,635,595],{"class":594},[460,637,610],{"class":590},[460,639,640],{"class":543,"line":177},[460,641,643],{"emptyLinePlaceholder":642},true,"\n",[460,645,646,648,650],{"class":543,"line":181},[460,647,591],{"class":590},[460,649,395],{"class":594},[460,651,610],{"class":590},[460,653,654,657,659,662,664,666,669,672,674,677,679,682],{"class":543,"line":185},[460,655,656],{"class":590},"    \u003C",[460,658,360],{"class":594},[460,660,661],{"class":590}," :",[460,663,412],{"class":554},[460,665,604],{"class":590},[460,667,668],{"class":590},"\"",[460,670,671],{"class":590},"mark",[460,673,668],{"class":590},[460,675,676],{"class":554}," size",[460,678,604],{"class":590},[460,680,681],{"class":550},"\"2xl\"",[460,683,684],{"class":590}," \u002F>\n",[460,686,687,689,691],{"class":543,"line":225},[460,688,633],{"class":590},[460,690,395],{"class":594},[460,692,610],{"class":590},[456,694,696],{"id":695},"sizes",[460,697,698],{},"Pick a size",[387,700,701,702,705,706,709,710,713,714,717],{},"Sizes run from ",[391,703,704],{},"xs"," to ",[391,707,708],{},"2xl",", and ",[391,711,712],{},"md"," (24px) is the default. A number is pixels, and a CSS length such as ",[391,715,716],{},"3rem"," works too.",[473,719],{"name":720},"BbIcon\u002FSizes",[477,722,724],{"title":723},"xxl → 2xl",[387,725,726,727,454],{},"The largest key is now ",[391,728,708],{},[456,730,732],{"id":731},"color",[460,733,734],{},"Set the colour on the parent",[387,736,737],{},"Icons inherit the text colour wherever they sit.",[473,739],{"name":740},"BbIcon\u002FColor",[477,742,744],{"title":743},"color removed",[387,745,746,749,750,752,753,756,757,426,759,761,762,764],{},[391,747,748],{},"color=\"#6b7280\""," becomes a class or a token on the parent. A leftover ",[391,751,731],{},"\nraises no error, only a development warning and a ",[391,754,755],{},"bitboss-ui check"," finding.\nInside ",[391,758,205],{},[391,760,339],{}," or ",[391,763,336],{}," there is nothing to do: the icon\nalready takes the right colour.",[456,766,768],{"id":767},"accessibility",[460,769,770],{},"Accessible name",[387,772,773,774,780,781,784],{},"Add ",[405,775,777],{"href":776},"\u002Fen\u002Fcomponents\u002Fbb-icon\u002Fapi#prop-label",[391,778,779],{},"label"," when the icon is the only thing saying something: it gets\n",[391,782,783],{},"role=\"img\""," and that text as its name. Leave it off when the text is already\nbeside it, or screen readers read it twice.",[473,786],{"name":787},"BbIcon\u002FAccessibility",[387,789,790,792,793,454],{},[391,791,779],{}," does not produce a tooltip, and a tooltip on a bare icon is\npointer-only: keyboard and touch never open it. An info icon with a tip is an\nicon-only ghost button:\n",[391,794,795],{},"\u003CBbButton variant=\"ghost\" icon=\"lucide:info\" v-bb-tooltip=\"'Prices include VAT'\">About prices\u003C\u002FBbButton>",[456,797,799],{"id":798},"placement",[460,800,801],{},"When you do not need it",[387,803,804,805,807],{},"Most components take the icon name on a prop and place it themselves.\nHand-placing a ",[391,806,360],{}," inside them is the most common mistake with this\ncomponent.",[473,809],{"name":810},"BbIcon\u002FHostProps",[387,812,813,814,816,817,426,819,426,821,426,823,825,826,454],{},"The exceptions are components with no icon field, where you pass a ",[391,815,360],{}," in a\nslot: ",[391,818,327],{},[391,820,318],{},[391,822,258],{},[391,824,270],{}," and ",[391,827,357],{},[829,830,831],"note",{},[387,832,833,834,837,838,454],{},"Only names written out in full in your source are bundled. A name built at\nruntime like ",[391,835,836],{},"lucide:${status}"," draws the placeholder. Map state onto complete\nnames, or list the names in the plugin's ",[391,839,840],{},"iconWhitelist",[473,842],{"name":843},"BbIcon\u002FStatusMap",[845,846,847],"style",{},"html pre.shiki code .soyes, html code.shiki .soyes{--shiki-default:#702C00;--shiki-dark:#FFB757}html pre.shiki code .sT6z2, html code.shiki .sT6z2{--shiki-default:#032563;--shiki-dark:#ADDCFF}html pre.shiki code .s-5SL, html code.shiki .s-5SL{--shiki-default:#023B95;--shiki-dark:#91CBFF}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);}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 .sHUrx, html code.shiki .sHUrx{--shiki-default:#A0111F;--shiki-dark:#FF9492}",{"title":397,"searchDepth":149,"depth":149,"links":849},[850,851,852,853,854,855],{"id":458,"depth":145,"text":462},{"id":499,"depth":145,"text":502},{"id":695,"depth":145,"text":698},{"id":731,"depth":145,"text":734},{"id":767,"depth":145,"text":770},{"id":798,"depth":145,"text":801},"Draws an icon from an Iconify collection or from one of your own SVG files. For previews and autocomplete with `BbIcon`, use the [Iconify](https:\u002F\u002Fmarketplace.visualstudio.com\u002Fitems?itemName=antfu.iconify) extension.",{},[859,860,861,862,863,864],{"id":458,"title":462},{"id":499,"title":502},{"id":695,"title":698},{"id":731,"title":734},{"id":767,"title":770},{"id":798,"title":801},{"title":360,"description":856},"components\u002Fbb-icon","2FXoFcym1eQeGvwFrHLHC_rjATP7yP_GPMpcS3SJKn8",{"name":360,"slug":869,"group":354,"description":870,"entrypoint":871,"docs":872,"props":875,"models":900,"events":901,"slots":902,"exposed":903,"pt":904,"validated":377,"migration":910},"bb-icon","Renders an icon either from the local icon folder or from a provider.","bitboss-ui",{"contract":873,"source":874},"ai\u002FBbIcon.md","ai\u002Fsource\u002FBbIcon.md",[876,880,885,889,894],{"name":412,"type":877,"required":642,"default":377,"description":878,"note":879,"demo":499},"string","Name of a registered icon to use, or a full raw `\u003Csvg>` string (e.g. an SVG file imported with `?raw`).","Three forms: `provider:name`, `local:name` from the plugin's `iconDir`, and a bare name, which means `local:`. Write it as a complete literal: `lucide:${status}` is not bundled and draws the missing-icon placeholder unless listed in `iconWhitelist`. An unknown name never throws; a missing `icon` (v2’s `type`) does.",{"name":779,"type":881,"required":882,"default":377,"description":883,"note":884,"demo":767},"string | undefined",false,"Label of the icon for accessibility.","Set it only when the icon is the only thing carrying the information. Beside its own text an icon should stay unlabelled, so assistive tech does not announce the same fact twice. It produces no `title`, so it never shows a tooltip — use `v-bb-tooltip` for that.",{"name":886,"type":887,"required":882,"default":377,"description":888,"note":377,"demo":377},"pt","PtMap\u003C\"root\", never> | undefined","Passthrough, object form: `{ root: '…' }`. See the `pt:\u003Cpart>` row.",{"name":890,"type":891,"required":882,"default":377,"description":892,"note":377,"demo":893},"pt:\u003Cpart>","PtValue | undefined","Passthrough, attribute form: one attribute per part, `pt:\u003Cpart>`. Parts: `root`.","passthrough",{"name":895,"type":896,"required":882,"default":897,"description":898,"note":899,"demo":695},"size","number | CssSize | keyof Sizes | undefined","\"md\"","Defines the component size.\n\nAccepted values:\n- A key from the provided size map (`keyof T`), e.g. `'sm' | 'md' | 'lg'`\n- A custom CSS size string (e.g. `'20px'`, `'1.5rem'`, `'2em'`)\n- A number, typically interpreted as pixels by size parsers","The named keys come from the scale `BbAvatar` and every icon-bearing component share, so they can be retuned library-wide through the plugin's `iconDefaultSizes`. A hard pixel number opts out of that. An unparseable value warns and falls back to `md`.",[],[],[],[],{"parts":905,"states":909},[906],{"name":907,"description":908},"root","The `\u003Csvg>` itself; a `class` on the component lands here too. It is `pointer-events: none`, so a pointer listener here never fires.",[],{"removed":911,"renamed":921},[912,918],{"name":731,"surface":913,"replacedBy":377,"hint":377,"since":914,"migration":915,"silent":642,"fix":916},"prop","3.0.0-alpha.1","ai\u002Fguides\u002Fmigration\u002Fcomponents\u002Fbb-icon.md",{"kind":917},"manual",{"name":485,"surface":913,"replacedBy":412,"hint":377,"since":914,"migration":915,"silent":882,"fix":919},{"kind":920},"rename",[922],{"from":485,"to":412,"surface":913,"since":914,"migration":915,"fix":923},{"kind":920},1793055142208]