[{"data":1,"prerenderedAt":1370},["ShallowReactive",2],{"locale-alternates":3,"docs-nav-en":134,"api-none":377,"page-en-\u002Fguides\u002Ficons":378},{"\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":179,"body":380,"component":377,"description":1356,"extension":1357,"group":163,"meta":1358,"navigation":1359,"order":181,"path":180,"sections":1360,"seo":1367,"stem":1368,"__hash__":1369},"docs_en\u002Fguides\u002Ficons.md",{"type":381,"value":382,"toc":1348},"minimark",[383,400,413,421,482,500,506,524,551,589,595,608,634,637,681,706,727,747,753,759,789,803,846,852,856,873,1001,1013,1019,1025,1110,1133,1136,1142,1157,1182,1185,1188,1191,1197,1200,1206,1224,1254,1267,1322,1338,1344],[384,385,386,387,391,392,395,396,399],"p",{},"Icon names are provider-first. ",[388,389,390],"code",{},"lucide:plus"," resolves from an installed\n",[388,393,394],{},"@iconify-json\u002F*"," package, and ",[388,397,398],{},"local:logo"," from your own SVG directory. There is\nno registration step and no per-icon component to import.",[384,401,402,407,408,412],{},[403,404,405],"a",{"href":50},[388,406,360],{}," documents the component. This page is the\npolicy around it, which is mostly about ",[409,410,411],"em",{},"not"," reaching for it.",[414,415,417],"h2",{"id":416},"rules",[418,419,420],"span",{},"Rules for every icon",[422,423,424,440,458,467,473],"ol",{},[425,426,427,431,432,435,436,439],"li",{},[428,429,430],"strong",{},"Prefer provider icons",". The house set is ",[388,433,434],{},"lucide:*",". Provider sets are\nplain npm packages you install yourself\n(",[388,437,438],{},"npm install -D @iconify-json\u002Flucide","), and the plugin resolves them on its\nown.",[425,441,442,449,450,453,454,457],{},[428,443,444,445,448],{},"Keep ",[388,446,447],{},"local:*"," for your own artwork",": logos, product illustrations,\none-off drawings, as SVG files in ",[388,451,452],{},"iconDir"," (",[388,455,456],{},".\u002Fassets\u002Ficons"," by default in\nNuxt).",[425,459,460,463,464,466],{},[428,461,462],{},"Never invent a name",". Use only names that exist in an installed set or as\nfiles in ",[388,465,452],{},". A name that does not resolve draws a question-mark\nplaceholder and logs one console error with the fix; in dev you also get the\nVite error overlay.",[425,468,469,472],{},[428,470,471],{},"Write names as complete string literals",". The bundle holds only the names\nthe plugin finds written out in your project.",[425,474,475,481],{},[428,476,477,478,480],{},"Never hand-place ",[388,479,360],{}," where a component already accepts an icon","\nthrough a prop, an item field, or a dedicated slot. The catalogue is further\ndown.",[483,484,485],"warning",{},[384,486,487,488,491,492,495,496,499],{},"A name assembled at runtime, ",[388,489,490],{},"`lucide:${kind}`",", is invisible to the scan\nand draws the placeholder. Map state onto whole names with a lookup object. A\nname that only exists at runtime, stored in a database or picked in an admin\npanel, goes in the plugin's ",[388,493,494],{},"iconWhitelist",". It takes exact names and globs such\nas ",[388,497,498],{},"'tabler:calendar-*'",". A whitelist entry that matches no installed icon fails\nthe build.",[414,501,503],{"id":502},"resolution",[418,504,505],{},"How a name resolves",[384,507,508,509,512,513,516,517,520,521,523],{},"The ",[388,510,511],{},"bitbossUi"," Vite plugin, or the Nuxt module under the ",[388,514,515],{},"bitboss"," config key,\nserves every icon through the ",[388,518,519],{},"virtual:bitboss-ui\u002Ficons"," module that the runtime\nplugin hands to ",[388,522,360],{},".",[384,525,526,529,530,532,533,536,537,540,541,544,545,547,548,523],{},[428,527,528],{},"Provider sets"," are auto-discovered. Every ",[388,531,394],{}," package in\n",[388,534,535],{},"node_modules"," is picked up. Install ",[388,538,539],{},"@iconify-json\u002Flucide"," and every valid\n",[388,542,543],{},"lucide:\u003Cname>"," is available; remove it and they all become errors. There is\nnothing to configure. To see which sets you already have, look for\n",[388,546,394],{}," in your ",[388,549,550],{},"package.json",[384,552,553,556,557,559,560,562,563,566,567,570,571,573,574,573,577,580,581,584,585,588],{},[428,554,555],{},"What ships."," Every SVG in ",[388,558,452],{}," ships. From the provider sets, only the\nnames the plugin finds in your project, plus ",[388,561,494],{},". The scan reads\nevery file under the Vite root as plain text, PHP, Blade, JSON and Markdown\nincluded, so a Laravel enum that returns ",[388,564,565],{},"'tabler:user-share'"," counts. It skips\nwhatever ",[388,568,569],{},".gitignore"," ignores, ",[388,572,535],{},", ",[388,575,576],{},"vendor",[388,578,579],{},"storage",", the build\noutput and hidden folders. ",[388,582,583],{},"iconsScanner.exclude"," and ",[388,586,587],{},"iconsScanner.include","\nadjust the list. Each name becomes its own lazy chunk.",[384,590,591,594],{},[428,592,593],{},"Dev behaves like the build."," The same scan runs when dev starts and again on\nevery save. A name that would be missing in production is missing in dev too.\nTyping a new literal renders it without a restart.",[384,596,597,600,601,603,604,607],{},[428,598,599],{},"A missing name is loud, never fatal."," ",[388,602,360],{}," draws the placeholder, tags it\n",[388,605,606],{},"data-bb-icon-missing=\"\u003Cname>\""," and logs one error per name. The message tells\nyou which fix it wants:",[609,610,611,617,625],"ul",{},[425,612,613,616],{},[409,614,615],{},"does not exist in the lucide icon set, did you mean …?"," A typo: use the\nsuggested name.",[425,618,619,622,623,523],{},[409,620,621],{},"exists in the lucide icon set but is not bundled."," Write the name as a\nliteral, or add it to ",[388,624,494],{},[425,626,627,630,631,523],{},[409,628,629],{},"no installed icon set has the prefix \"mdi\"."," Install the set:\n",[388,632,633],{},"npm install -D @iconify-json\u002Fmdi",[384,635,636],{},"To check a name before you use it, search the installed set:",[638,639,644],"pre",{"className":640,"code":641,"language":642,"meta":643,"style":643},"language-bash shiki shiki-themes github-light-high-contrast github-dark-high-contrast","node -p \"\n  Object.keys(require('@iconify-json\u002Flucide\u002Ficons.json').icons)\n    .filter((n) => n.includes('calendar'))\n    .join(' ')\n\"\n","bash","",[388,645,646,661,666,671,676],{"__ignoreMap":643},[418,647,649,653,657],{"class":648,"line":141},"line",[418,650,652],{"class":651},"soyes","node",[418,654,656],{"class":655},"s-5SL"," -p",[418,658,660],{"class":659},"sT6z2"," \"\n",[418,662,663],{"class":648,"line":145},[418,664,665],{"class":659},"  Object.keys(require('@iconify-json\u002Flucide\u002Ficons.json').icons)\n",[418,667,668],{"class":648,"line":149},[418,669,670],{"class":659},"    .filter((n) => n.includes('calendar'))\n",[418,672,673],{"class":648,"line":177},[418,674,675],{"class":659},"    .join(' ')\n",[418,677,678],{"class":648,"line":181},[418,679,680],{"class":659},"\"\n",[384,682,683,686,687,689,690,693,694,697,698,701,702,705],{},[428,684,685],{},"Local icons",": ",[388,688,452],{}," is scanned recursively, and each ",[388,691,692],{},".svg"," becomes\n",[388,695,696],{},"local:\u003Cbasename>"," with the extension dropped. A bare, unprefixed name normalises\nto ",[388,699,700],{},"local:",". Add or remove a file and dev picks it up live. The plugin also\nmaintains a collection JSON and the VS Code\n",[388,703,704],{},"iconify.customCollectionJsonPaths"," setting, so the Iconify extension previews\nyour local icons too.",[384,707,708,711,712,714,715,718,719,722,723,726],{},[428,709,710],{},"Raw SVG"," is the escape hatch. ",[388,713,360],{},"'s ",[388,716,717],{},"icon"," prop also takes a full\n",[388,720,721],{},"\u003Csvg>…\u003C\u002Fsvg>"," string, typically an asset imported with ",[388,724,725],{},"?raw",", for a one-off\ndrawing that lives in no collection.",[728,729,730],"note",{},[384,731,732,733,584,736,739,740,743,744,523],{},"Heroicons' ",[388,734,735],{},"-20-",[388,737,738],{},"-16-"," size-variant names are filtered out, because CSS\ncontrols size and they would be redundant. Use the base name:\n",[388,741,742],{},"heroicons:check",", not ",[388,745,746],{},"heroicons:check-16-solid",[414,748,750],{"id":749},"props",[418,751,752],{},"Components that take an icon",[384,754,755,756,758],{},"Reach for these before ",[388,757,360],{},". Each one places, sizes and aligns the icon to\nmatch its own size, which is work you would otherwise redo with CSS.",[384,760,761,600,764,768,769,772,773,776,777,779,780,784,785,788],{},[428,762,763],{},"Buttons.",[403,765,766],{"href":18},[388,767,205],{}," takes ",[388,770,771],{},"prepend:icon"," and\n",[388,774,775],{},"append:icon"," beside the label; ",[388,778,717],{}," renders an icon-only button.\n",[403,781,782],{"href":42},[388,783,294],{}," takes the same two on its\nmain button, which is the component itself: its label is the default slot.\n",[388,786,787],{},"toggle:icon"," replaces the chevron in the split toggle.",[384,790,791,794,795,772,797,799,800,802],{},[428,792,793],{},"Input affixes."," Every batteries-included input takes ",[388,796,771],{},[388,798,775],{},". The append side may already host clear, stepper or toggle\ncontrols, so prefer ",[388,801,771],{}," when in doubt.",[384,804,805,600,808,768,812,772,814,817,818,768,822,824,825,828,829,768,833,584,835,837,838,840,841,845],{},[428,806,807],{},"Status surfaces.",[403,809,810],{"href":6},[388,811,336],{},[388,813,717],{},[388,815,816],{},"iconSize",". ",[403,819,820],{"href":98},[388,821,351],{},[388,823,717],{}," in the ",[388,826,827],{},"useToast()","\noptions, and its variants set the tone only, bringing no default icon.\n",[403,830,831],{"href":12},[388,832,339],{},[388,834,771],{},[388,836,775],{},", or\n",[388,839,717],{}," for an icon-only badge, in which case the other two are ignored.\n",[403,842,843],{"href":88},[388,844,227],{}," takes the affix pair like the other inputs.",[384,847,848,849,851],{},"Buttons, inputs and status surfaces together. The source has no ",[388,850,360],{},": every\nicon is a name handed to its host.",[853,854],"demo",{"name":855},"Guides\u002FIconHosts",[384,857,858,600,861,865,866,584,869,872],{},[428,859,860],{},"Item config.",[403,862,863],{"href":40},[388,864,291],{}," entries, items and\ngroup headers alike, carry ",[388,867,868],{},"'prepend:icon'",[388,870,871],{},"'append:icon'"," fields. It is\ndata, not markup:",[638,874,878],{"className":875,"code":876,"language":877,"meta":643,"style":643},"language-ts shiki shiki-themes github-light-high-contrast github-dark-high-contrast","const edit = {\n    value: 'edit',\n    label: 'Edit member',\n    'prepend:icon': 'lucide:pencil',\n};\nconst remove = {\n    value: 'delete',\n    label: 'Delete',\n    variant: 'destructive',\n    'prepend:icon': 'lucide:trash-2',\n};\nconst memberActions = [edit, remove];\n","ts",[388,879,880,896,907,917,929,934,945,954,963,973,984,988],{"__ignoreMap":643},[418,881,882,886,889,892],{"class":648,"line":141},[418,883,885],{"class":884},"sHUrx","const",[418,887,888],{"class":655}," edit",[418,890,891],{"class":884}," =",[418,893,895],{"class":894},"suds8"," {\n",[418,897,898,901,904],{"class":648,"line":145},[418,899,900],{"class":894},"    value: ",[418,902,903],{"class":659},"'edit'",[418,905,906],{"class":894},",\n",[418,908,909,912,915],{"class":648,"line":149},[418,910,911],{"class":894},"    label: ",[418,913,914],{"class":659},"'Edit member'",[418,916,906],{"class":894},[418,918,919,922,924,927],{"class":648,"line":177},[418,920,921],{"class":659},"    'prepend:icon'",[418,923,686],{"class":894},[418,925,926],{"class":659},"'lucide:pencil'",[418,928,906],{"class":894},[418,930,931],{"class":648,"line":181},[418,932,933],{"class":894},"};\n",[418,935,936,938,941,943],{"class":648,"line":185},[418,937,885],{"class":884},[418,939,940],{"class":655}," remove",[418,942,891],{"class":884},[418,944,895],{"class":894},[418,946,947,949,952],{"class":648,"line":225},[418,948,900],{"class":894},[418,950,951],{"class":659},"'delete'",[418,953,906],{"class":894},[418,955,956,958,961],{"class":648,"line":229},[418,957,911],{"class":894},[418,959,960],{"class":659},"'Delete'",[418,962,906],{"class":894},[418,964,965,968,971],{"class":648,"line":233},[418,966,967],{"class":894},"    variant: ",[418,969,970],{"class":659},"'destructive'",[418,972,906],{"class":894},[418,974,975,977,979,982],{"class":648,"line":237},[418,976,921],{"class":659},[418,978,686],{"class":894},[418,980,981],{"class":659},"'lucide:trash-2'",[418,983,906],{"class":894},[418,985,986],{"class":648,"line":241},[418,987,933],{"class":894},[418,989,991,993,996,998],{"class":648,"line":990},12,[418,992,885],{"class":884},[418,994,995],{"class":655}," memberActions",[418,997,891],{"class":884},[418,999,1000],{"class":894}," [edit, remove];\n",[384,1002,1003,1005,1006,1008,1009,1012],{},[388,1004,775],{}," is ignored when the item opens a submenu, which draws a chevron, or\nsits in a selectable group, which draws a check. ",[388,1007,294],{}," reuses the\nsame ",[388,1010,1011],{},"items"," shape, so its menu entries take icons the same way.",[414,1014,1016],{"id":1015},"slots",[418,1017,1018],{},"Components that take a slot",[384,1020,1021,1022,1024],{},"These surfaces take arbitrary content rather than a name, so here you do place a\n",[388,1023,360],{},", or something richer, yourself.",[609,1026,1027,1042,1058,1082,1091],{},[425,1028,1029,1033,1034,1037,1038,1041],{},[403,1030,1031],{"href":86},[388,1032,327],{},": the per-tab ",[388,1035,1036],{},"\u003Cvalue>:label"," slot, or the\ngeneric ",[388,1039,1040],{},"label"," fallback.",[425,1043,1044,686,1048,772,1051,1054,1055,523],{},[403,1045,1046],{"href":16},[388,1047,318],{},[388,1049,1050],{},"item:prepend",[388,1052,1053],{},"item:append"," around every item, or a named slot per ",[388,1056,1057],{},"item.value",[425,1059,1060,1064,1065,1067,1068,573,1071,584,1074,1077,1078,1081],{},[403,1061,1062],{"href":68},[388,1063,258],{},": the ",[388,1066,717],{}," slot replaces each star,\nwith ",[388,1069,1070],{},"checked",[388,1072,1073],{},"value",[388,1075,1076],{},"size"," in scope. Colour it with ",[388,1079,1080],{},"--accent"," on the\nroot, not a class on the icon: a class freezes the hover preview and the error\ncolour.",[425,1083,1084,1064,1088,1090],{},[403,1085,1086],{"href":80},[388,1087,270],{},[388,1089,717],{}," slot replaces the track\nvisual. Rarely needed; the default is right almost every time.",[425,1092,1093,686,1097,1099,1100,1102,1103,1099,1106,1109],{},[403,1094,1095],{"href":40},[388,1096,291],{},[388,1098,1050],{}," \u002F ",[388,1101,1053],{},",\nor per-entry ",[388,1104,1105],{},"\u003Cvalue>:prepend",[388,1107,1108],{},"\u003Cvalue>:append",", when a leading region needs\nmore than a named icon, such as an avatar. A slot replaces the icon and never\nsits beside it.",[384,1111,1112,1113,1115,1116,693,1119,573,1122,1125,1126,1129,1130,1132],{},"A per-item slot name uses the item's ",[388,1114,1073],{}," in kebab-case: ",[388,1117,1118],{},"billingInfo",[388,1120,1121],{},"#billing-info:label",[388,1123,1124],{},"placedAt"," becomes ",[388,1127,1128],{},"#placed-at:prepend",". Both slots\nbelow, live: a tab label with an icon, and hearts coloured through ",[388,1131,1080],{},"\n(hover them to see the preview follow).",[853,1134],{"name":1135},"Guides\u002FIconSlots",[414,1137,1139],{"id":1138},"sizing",[418,1140,1141],{},"Size and colour",[384,1143,1144,1145,1148,1149,1152,1153,1156],{},"Icons take the text colour of whatever they sit in. Colour the ",[428,1146,1147],{},"container",",\nnever the icon markup. A ",[388,1150,1151],{},"color"," or ",[388,1154,1155],{},"fill"," on the icon element is the one thing\nthat breaks when a variant repaints around it.",[384,1158,1159,714,1161,1163,1164,1167,1168,1171,1172,1175,1176,1178,1179,523],{},[388,1160,360],{},[388,1162,1076],{}," takes the ",[388,1165,1166],{},"xs"," to ",[388,1169,1170],{},"2xl"," scale, which is 12, 16, 24, 28, 36 and\n40 px by default. Retune the whole scale through the plugin's ",[388,1173,1174],{},"iconDefaultSizes","\noption. ",[388,1177,1076],{}," also takes a number in pixels, or a CSS length such as\n",[388,1180,1181],{},"\"1.5rem\"",[384,1183,1184],{},"Icons you pass through props or item fields are sized and aligned by the host\ncomponent to match its own size. Do not fight that with CSS. Change the host's\nsize instead.",[384,1186,1187],{},"The scale, the same icon on three button sizes, and two rows that colour the\ncontainer rather than the icon:",[853,1189],{"name":1190},"Guides\u002FIconSizes",[414,1192,1194],{"id":1193},"accessibility",[418,1195,1196],{},"Naming an icon",[384,1198,1199],{},"Three cases, and only one of them takes a label.",[384,1201,1202,1205],{},[428,1203,1204],{},"Decorative, next to visible text",", such as an affix, a button's prepend or a\ndropdown item. No label. The text already announces it, and a label would say it\ntwice.",[384,1207,1208,1211,1212,1214,1215,1217,1218,584,1221,523],{},[428,1209,1210],{},"Meaningful and standalone",", such as a status icon in a table cell with no\nwords beside it. Give ",[388,1213,360],{}," a ",[388,1216,1040],{},": it adds ",[388,1219,1220],{},"role=\"img\"",[388,1222,1223],{},"aria-label",[728,1225,1226],{},[384,1227,1228,1229,1231,1232,1235,1236,1238,1239,1242,1243,1247,1248,1250,1251,523],{},"It does ",[428,1230,411],{}," add a ",[388,1233,1234],{},"title",", deliberately. A ",[388,1237,1234],{}," double-tooltipped any icon\nthat also carried ",[388,1240,1241],{},"v-bb-tooltip",". For a hover tooltip, add\n",[403,1244,1245],{"href":100},[388,1246,1241],{},": the accessible name and the tooltip\nare two separate decisions. On a bare icon the tip is pointer-only (keyboard and\ntouch never open it), so an info icon with a tip is an icon-only ghost\n",[388,1249,205],{},", and never an icon with a ",[388,1252,1253],{},"tabindex",[384,1255,1256,1259,1260,1263,1264,1266],{},[428,1257,1258],{},"An icon-only button."," Supply the name through the label, which is the default\nslot or ",[388,1261,1262],{},"text",". It renders visually hidden but is still announced. ",[388,1265,1223],{},"\nis only an override, not the way to name it. The one hard rule is that the button\nmust get its name from one of the two.",[638,1268,1272],{"className":1269,"code":1270,"language":1271,"meta":643,"style":643},"language-vue shiki shiki-themes github-light-high-contrast github-dark-high-contrast","\u003C!-- The hidden label names it. -->\n\u003CBbButton icon=\"lucide:settings\" variant=\"ghost\">\n    Settings\n\u003C\u002FBbButton>\n","vue",[388,1273,1274,1280,1308,1313],{"__ignoreMap":643},[418,1275,1276],{"class":648,"line":141},[418,1277,1279],{"class":1278},"sLBg1","\u003C!-- The hidden label names it. -->\n",[418,1281,1282,1285,1288,1291,1294,1297,1300,1302,1305],{"class":648,"line":145},[418,1283,1284],{"class":894},"\u003C",[418,1286,205],{"class":1287},"sne4z",[418,1289,1290],{"class":655}," icon",[418,1292,1293],{"class":894},"=",[418,1295,1296],{"class":659},"\"lucide:settings\"",[418,1298,1299],{"class":655}," variant",[418,1301,1293],{"class":894},[418,1303,1304],{"class":659},"\"ghost\"",[418,1306,1307],{"class":894},">\n",[418,1309,1310],{"class":648,"line":149},[418,1311,1312],{"class":894},"    Settings\n",[418,1314,1315,1318,1320],{"class":648,"line":177},[418,1316,1317],{"class":894},"\u003C\u002F",[418,1319,205],{"class":1287},[418,1321,1307],{"class":894},[384,1323,1324,1325,1327,1328,1331,1332,1334,1335,1337],{},"Never wrap a ",[388,1326,360],{}," in a raw ",[388,1329,1330],{},"\u003Cbutton>",". That is ",[388,1333,205],{}," with ",[388,1336,717],{}," and a\nlabel, and it is shorter.",[384,1339,1340,1341,1343],{},"For a new project, install one provider set and write every icon name as a\ncomplete literal. Put the few runtime names in ",[388,1342,494],{},", and add local\nSVGs only for artwork the provider should not own. A name that slips through\nshows up as a placeholder in dev, before anyone deploys it.",[1345,1346,1347],"style",{},"html pre.shiki code .soyes, html code.shiki .soyes{--shiki-default:#702C00;--shiki-dark:#FFB757}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);}html pre.shiki code .sHUrx, html code.shiki .sHUrx{--shiki-default:#A0111F;--shiki-dark:#FF9492}html pre.shiki code .suds8, html code.shiki .suds8{--shiki-default:#0E1116;--shiki-dark:#F0F3F6}html pre.shiki code .sLBg1, html code.shiki .sLBg1{--shiki-default:#66707B;--shiki-dark:#BDC4CC}html pre.shiki code .sne4z, html code.shiki .sne4z{--shiki-default:#024C1A;--shiki-dark:#72F088}",{"title":643,"searchDepth":149,"depth":149,"links":1349},[1350,1351,1352,1353,1354,1355],{"id":416,"depth":145,"text":420},{"id":502,"depth":145,"text":505},{"id":749,"depth":145,"text":752},{"id":1015,"depth":145,"text":1018},{"id":1138,"depth":145,"text":1141},{"id":1193,"depth":145,"text":1196},"How an icon name resolves, what ships, and which components already take an icon.","md",{},true,[1361,1362,1363,1364,1365,1366],{"id":416,"title":420},{"id":502,"title":505},{"id":749,"title":752},{"id":1015,"title":1018},{"id":1138,"title":1141},{"id":1193,"title":1196},{"title":179,"description":1356},"guides\u002Ficons","BChSxEUX1fjk0QxySXRSbvYgu9RXZtkk1V_534xSvdU",1793055148653]