[{"data":1,"prerenderedAt":1375},["ShallowReactive",2],{"locale-alternates":3,"docs-nav-en":124,"api-none":352,"page-en-\u002Fguides\u002Finstallation":353},{"\u002Fit\u002Fcomponenti\u002Fbb-accordion":4,"\u002Fen\u002Fcomponents\u002Fbb-accordion":5,"\u002Fit\u002Fcomponenti\u002Fbb-alert":6,"\u002Fen\u002Fcomponents\u002Fbb-alert":7,"\u002Fit\u002Fcomponenti\u002Fbb-asterisk":8,"\u002Fen\u002Fcomponents\u002Fbb-asterisk":9,"\u002Fit\u002Fcomponenti\u002Fbb-avatar":10,"\u002Fen\u002Fcomponents\u002Fbb-avatar":11,"\u002Fit\u002Fcomponenti\u002Fbb-badge":12,"\u002Fen\u002Fcomponents\u002Fbb-badge":13,"\u002Fit\u002Fcomponenti\u002Fbb-base-button":14,"\u002Fen\u002Fcomponents\u002Fbb-base-button":15,"\u002Fit\u002Fcomponenti\u002Fbb-breadcrumbs":16,"\u002Fen\u002Fcomponents\u002Fbb-breadcrumbs":17,"\u002Fit\u002Fcomponenti\u002Fbb-button":18,"\u002Fen\u002Fcomponents\u002Fbb-button":19,"\u002Fit\u002Fcomponenti\u002Fbb-checkbox":20,"\u002Fen\u002Fcomponents\u002Fbb-checkbox":21,"\u002Fit\u002Fcomponenti\u002Fbb-checkbox-group":22,"\u002Fen\u002Fcomponents\u002Fbb-checkbox-group":23,"\u002Fit\u002Fcomponenti\u002Fbb-collapsible":24,"\u002Fen\u002Fcomponents\u002Fbb-collapsible":25,"\u002Fit\u002Fcomponenti\u002Fbb-color-input":26,"\u002Fen\u002Fcomponents\u002Fbb-color-input":27,"\u002Fit\u002Fcomponenti\u002Fbb-color-palette":28,"\u002Fen\u002Fcomponents\u002Fbb-color-palette":29,"\u002Fit\u002Fcomponenti\u002Fbb-confirm":30,"\u002Fen\u002Fcomponents\u002Fbb-confirm":31,"\u002Fit\u002Fcomponenti\u002Fbb-date-picker":32,"\u002Fen\u002Fcomponents\u002Fbb-date-picker":33,"\u002Fit\u002Fcomponenti\u002Fbb-date-picker-input":34,"\u002Fen\u002Fcomponents\u002Fbb-date-picker-input":35,"\u002Fit\u002Fcomponenti\u002Fbb-dialog":36,"\u002Fen\u002Fcomponents\u002Fbb-dialog":37,"\u002Fit\u002Fcomponenti\u002Fbb-dropdown":38,"\u002Fen\u002Fcomponents\u002Fbb-dropdown":39,"\u002Fit\u002Fcomponenti\u002Fbb-dropdown-button":40,"\u002Fen\u002Fcomponents\u002Fbb-dropdown-button":41,"\u002Fit\u002Fcomponenti\u002Fbb-dropzone":42,"\u002Fen\u002Fcomponents\u002Fbb-dropzone":43,"\u002Fit\u002Fcomponenti\u002Fbb-form":44,"\u002Fen\u002Fcomponents\u002Fbb-form":45,"\u002Fit\u002Fcomponenti\u002Fbb-icon":46,"\u002Fen\u002Fcomponents\u002Fbb-icon":47,"\u002Fit\u002Fcomponenti\u002Fbb-indicator":48,"\u002Fen\u002Fcomponents\u002Fbb-indicator":49,"\u002Fit\u002Fcomponenti\u002Fbb-number-input":50,"\u002Fen\u002Fcomponents\u002Fbb-number-input":51,"\u002Fit\u002Fcomponenti\u002Fbb-off-canvas":52,"\u002Fen\u002Fcomponents\u002Fbb-off-canvas":53,"\u002Fit\u002Fcomponenti\u002Fbb-pagination":54,"\u002Fen\u002Fcomponents\u002Fbb-pagination":55,"\u002Fit\u002Fcomponenti\u002Fbb-popover":56,"\u002Fen\u002Fcomponents\u002Fbb-popover":57,"\u002Fit\u002Fcomponenti\u002Fbb-progress":58,"\u002Fen\u002Fcomponents\u002Fbb-progress":59,"\u002Fit\u002Fcomponenti\u002Fbb-radio":60,"\u002Fen\u002Fcomponents\u002Fbb-radio":61,"\u002Fit\u002Fcomponenti\u002Fbb-radio-group":62,"\u002Fen\u002Fcomponents\u002Fbb-radio-group":63,"\u002Fit\u002Fcomponenti\u002Fbb-rating":64,"\u002Fen\u002Fcomponents\u002Fbb-rating":65,"\u002Fit\u002Fcomponenti\u002Fbb-select":66,"\u002Fen\u002Fcomponents\u002Fbb-select":67,"\u002Fit\u002Fcomponenti\u002Fbb-select-popover":68,"\u002Fen\u002Fcomponents\u002Fbb-select-popover":69,"\u002Fit\u002Fcomponenti\u002Fbb-slider":70,"\u002Fen\u002Fcomponents\u002Fbb-slider":71,"\u002Fit\u002Fcomponenti\u002Fbb-smooth-height":72,"\u002Fen\u002Fcomponents\u002Fbb-smooth-height":73,"\u002Fit\u002Fcomponenti\u002Fbb-spinner":74,"\u002Fen\u002Fcomponents\u002Fbb-spinner":75,"\u002Fit\u002Fcomponenti\u002Fbb-switch":76,"\u002Fen\u002Fcomponents\u002Fbb-switch":77,"\u002Fit\u002Fcomponenti\u002Fbb-switch-group":78,"\u002Fen\u002Fcomponents\u002Fbb-switch-group":79,"\u002Fit\u002Fcomponenti\u002Fbb-table":80,"\u002Fen\u002Fcomponents\u002Fbb-table":81,"\u002Fit\u002Fcomponenti\u002Fbb-tabs":82,"\u002Fen\u002Fcomponents\u002Fbb-tabs":83,"\u002Fit\u002Fcomponenti\u002Fbb-tag":84,"\u002Fen\u002Fcomponents\u002Fbb-tag":85,"\u002Fit\u002Fcomponenti\u002Fbb-text-input":86,"\u002Fen\u002Fcomponents\u002Fbb-text-input":87,"\u002Fit\u002Fcomponenti\u002Fbb-textarea":88,"\u002Fen\u002Fcomponents\u002Fbb-textarea":89,"\u002Fit\u002Fcomponenti\u002Fbb-time-picker":90,"\u002Fen\u002Fcomponents\u002Fbb-time-picker":91,"\u002Fit\u002Fcomponenti\u002Fbb-time-picker-input":92,"\u002Fen\u002Fcomponents\u002Fbb-time-picker-input":93,"\u002Fit\u002Fcomponenti\u002Fbb-toast":94,"\u002Fen\u002Fcomponents\u002Fbb-toast":95,"\u002Fit\u002Fcomponenti\u002Fbb-tooltip":96,"\u002Fen\u002Fcomponents\u002Fbb-tooltip":97,"\u002Fit\u002Fcomponenti\u002Fbb-tree":98,"\u002Fen\u002Fcomponents\u002Fbb-tree":99,"\u002Fit\u002Fguide\u002Fai-agents":100,"\u002Fen\u002Fguides\u002Fai-agents":101,"\u002Fit\u002Fguide\u002Fcoherence":102,"\u002Fen\u002Fguides\u002Fcoherence":103,"\u002Fit\u002Fguide\u002Fdesign-language":104,"\u002Fen\u002Fguides\u002Fdesign-language":105,"\u002Fit\u002Fguide\u002Fdesign-tokens":106,"\u002Fen\u002Fguides\u002Fdesign-tokens":107,"\u002Fit\u002Fguide\u002Ffetching-data":108,"\u002Fen\u002Fguides\u002Ffetching-data":109,"\u002Fit\u002Fguide\u002Ficons":110,"\u002Fen\u002Fguides\u002Ficons":111,"\u002Fit\u002Fguide\u002Finertia":112,"\u002Fen\u002Fguides\u002Finertia":113,"\u002Fit\u002Fguide\u002Finstallation":114,"\u002Fen\u002Fguides\u002Finstallation":115,"\u002Fit\u002Fguide\u002Fmigration":116,"\u002Fen\u002Fguides\u002Fmigration":117,"\u002Fit\u002Fguide\u002Fnuxt":118,"\u002Fen\u002Fguides\u002Fnuxt":119,"\u002Fit\u002Fguide\u002Foptions-and-items":120,"\u002Fen\u002Fguides\u002Foptions-and-items":121,"\u002Fit\u002Fguide\u002Fvalidated-forms":122,"\u002Fen\u002Fguides\u002Fvalidated-forms":123},"\u002Fen\u002Fcomponents\u002Fbb-accordion","\u002Fit\u002Fcomponenti\u002Fbb-accordion","\u002Fen\u002Fcomponents\u002Fbb-alert","\u002Fit\u002Fcomponenti\u002Fbb-alert","\u002Fen\u002Fcomponents\u002Fbb-asterisk","\u002Fit\u002Fcomponenti\u002Fbb-asterisk","\u002Fen\u002Fcomponents\u002Fbb-avatar","\u002Fit\u002Fcomponenti\u002Fbb-avatar","\u002Fen\u002Fcomponents\u002Fbb-badge","\u002Fit\u002Fcomponenti\u002Fbb-badge","\u002Fen\u002Fcomponents\u002Fbb-base-button","\u002Fit\u002Fcomponenti\u002Fbb-base-button","\u002Fen\u002Fcomponents\u002Fbb-breadcrumbs","\u002Fit\u002Fcomponenti\u002Fbb-breadcrumbs","\u002Fen\u002Fcomponents\u002Fbb-button","\u002Fit\u002Fcomponenti\u002Fbb-button","\u002Fen\u002Fcomponents\u002Fbb-checkbox","\u002Fit\u002Fcomponenti\u002Fbb-checkbox","\u002Fen\u002Fcomponents\u002Fbb-checkbox-group","\u002Fit\u002Fcomponenti\u002Fbb-checkbox-group","\u002Fen\u002Fcomponents\u002Fbb-collapsible","\u002Fit\u002Fcomponenti\u002Fbb-collapsible","\u002Fen\u002Fcomponents\u002Fbb-color-input","\u002Fit\u002Fcomponenti\u002Fbb-color-input","\u002Fen\u002Fcomponents\u002Fbb-color-palette","\u002Fit\u002Fcomponenti\u002Fbb-color-palette","\u002Fen\u002Fcomponents\u002Fbb-confirm","\u002Fit\u002Fcomponenti\u002Fbb-confirm","\u002Fen\u002Fcomponents\u002Fbb-date-picker","\u002Fit\u002Fcomponenti\u002Fbb-date-picker","\u002Fen\u002Fcomponents\u002Fbb-date-picker-input","\u002Fit\u002Fcomponenti\u002Fbb-date-picker-input","\u002Fen\u002Fcomponents\u002Fbb-dialog","\u002Fit\u002Fcomponenti\u002Fbb-dialog","\u002Fen\u002Fcomponents\u002Fbb-dropdown","\u002Fit\u002Fcomponenti\u002Fbb-dropdown","\u002Fen\u002Fcomponents\u002Fbb-dropdown-button","\u002Fit\u002Fcomponenti\u002Fbb-dropdown-button","\u002Fen\u002Fcomponents\u002Fbb-dropzone","\u002Fit\u002Fcomponenti\u002Fbb-dropzone","\u002Fen\u002Fcomponents\u002Fbb-form","\u002Fit\u002Fcomponenti\u002Fbb-form","\u002Fen\u002Fcomponents\u002Fbb-icon","\u002Fit\u002Fcomponenti\u002Fbb-icon","\u002Fen\u002Fcomponents\u002Fbb-indicator","\u002Fit\u002Fcomponenti\u002Fbb-indicator","\u002Fen\u002Fcomponents\u002Fbb-number-input","\u002Fit\u002Fcomponenti\u002Fbb-number-input","\u002Fen\u002Fcomponents\u002Fbb-off-canvas","\u002Fit\u002Fcomponenti\u002Fbb-off-canvas","\u002Fen\u002Fcomponents\u002Fbb-pagination","\u002Fit\u002Fcomponenti\u002Fbb-pagination","\u002Fen\u002Fcomponents\u002Fbb-popover","\u002Fit\u002Fcomponenti\u002Fbb-popover","\u002Fen\u002Fcomponents\u002Fbb-progress","\u002Fit\u002Fcomponenti\u002Fbb-progress","\u002Fen\u002Fcomponents\u002Fbb-radio","\u002Fit\u002Fcomponenti\u002Fbb-radio","\u002Fen\u002Fcomponents\u002Fbb-radio-group","\u002Fit\u002Fcomponenti\u002Fbb-radio-group","\u002Fen\u002Fcomponents\u002Fbb-rating","\u002Fit\u002Fcomponenti\u002Fbb-rating","\u002Fen\u002Fcomponents\u002Fbb-select","\u002Fit\u002Fcomponenti\u002Fbb-select","\u002Fen\u002Fcomponents\u002Fbb-select-popover","\u002Fit\u002Fcomponenti\u002Fbb-select-popover","\u002Fen\u002Fcomponents\u002Fbb-slider","\u002Fit\u002Fcomponenti\u002Fbb-slider","\u002Fen\u002Fcomponents\u002Fbb-smooth-height","\u002Fit\u002Fcomponenti\u002Fbb-smooth-height","\u002Fen\u002Fcomponents\u002Fbb-spinner","\u002Fit\u002Fcomponenti\u002Fbb-spinner","\u002Fen\u002Fcomponents\u002Fbb-switch","\u002Fit\u002Fcomponenti\u002Fbb-switch","\u002Fen\u002Fcomponents\u002Fbb-switch-group","\u002Fit\u002Fcomponenti\u002Fbb-switch-group","\u002Fen\u002Fcomponents\u002Fbb-table","\u002Fit\u002Fcomponenti\u002Fbb-table","\u002Fen\u002Fcomponents\u002Fbb-tabs","\u002Fit\u002Fcomponenti\u002Fbb-tabs","\u002Fen\u002Fcomponents\u002Fbb-tag","\u002Fit\u002Fcomponenti\u002Fbb-tag","\u002Fen\u002Fcomponents\u002Fbb-text-input","\u002Fit\u002Fcomponenti\u002Fbb-text-input","\u002Fen\u002Fcomponents\u002Fbb-textarea","\u002Fit\u002Fcomponenti\u002Fbb-textarea","\u002Fen\u002Fcomponents\u002Fbb-time-picker","\u002Fit\u002Fcomponenti\u002Fbb-time-picker","\u002Fen\u002Fcomponents\u002Fbb-time-picker-input","\u002Fit\u002Fcomponenti\u002Fbb-time-picker-input","\u002Fen\u002Fcomponents\u002Fbb-toast","\u002Fit\u002Fcomponenti\u002Fbb-toast","\u002Fen\u002Fcomponents\u002Fbb-tooltip","\u002Fit\u002Fcomponenti\u002Fbb-tooltip","\u002Fen\u002Fcomponents\u002Fbb-tree","\u002Fit\u002Fcomponenti\u002Fbb-tree","\u002Fen\u002Fguides\u002Fai-agents","\u002Fit\u002Fguide\u002Fai-agents","\u002Fen\u002Fguides\u002Fcoherence","\u002Fit\u002Fguide\u002Fcoherence","\u002Fen\u002Fguides\u002Fdesign-language","\u002Fit\u002Fguide\u002Fdesign-language","\u002Fen\u002Fguides\u002Fdesign-tokens","\u002Fit\u002Fguide\u002Fdesign-tokens","\u002Fen\u002Fguides\u002Ffetching-data","\u002Fit\u002Fguide\u002Ffetching-data","\u002Fen\u002Fguides\u002Ficons","\u002Fit\u002Fguide\u002Ficons","\u002Fen\u002Fguides\u002Finertia","\u002Fit\u002Fguide\u002Finertia","\u002Fen\u002Fguides\u002Finstallation","\u002Fit\u002Fguide\u002Finstallation","\u002Fen\u002Fguides\u002Fmigration","\u002Fit\u002Fguide\u002Fmigration","\u002Fen\u002Fguides\u002Fnuxt","\u002Fit\u002Fguide\u002Fnuxt","\u002Fen\u002Fguides\u002Foptions-and-items","\u002Fit\u002Fguide\u002Foptions-and-items","\u002Fen\u002Fguides\u002Fvalidated-forms","\u002Fit\u002Fguide\u002Fvalidated-forms",[125,136,145,166,178,220,253,286,307,328,340,346],{"label":126,"entries":127},"Getting started",[128,132],{"title":129,"path":130,"order":131},"Installation","\u002Fguides\u002Finstallation",1,{"title":133,"path":134,"order":135},"Migrating from v2","\u002Fguides\u002Fmigration",2,{"label":137,"entries":138},"Design system",[139,142],{"title":140,"path":141,"order":131},"Design tokens","\u002Fguides\u002Fdesign-tokens",{"title":143,"path":144,"order":135},"Design language","\u002Fguides\u002Fdesign-language",{"label":146,"entries":147},"Playbooks",[148,151,154,158,162],{"title":149,"path":150,"order":131},"Options and items","\u002Fguides\u002Foptions-and-items",{"title":152,"path":153,"order":135},"Fetching data","\u002Fguides\u002Ffetching-data",{"title":155,"path":156,"order":157},"Coherence","\u002Fguides\u002Fcoherence",3,{"title":159,"path":160,"order":161},"Validated forms","\u002Fguides\u002Fvalidated-forms",4,{"title":163,"path":164,"order":165},"Icons","\u002Fguides\u002Ficons",5,{"label":167,"entries":168},"Ecosystem",[169,172,175],{"title":170,"path":171,"order":131},"Inertia and Laravel","\u002Fguides\u002Finertia",{"title":173,"path":174,"order":135},"Nuxt","\u002Fguides\u002Fnuxt",{"title":176,"path":177,"order":157},"AI agents","\u002Fguides\u002Fai-agents",{"label":179,"entries":180},"Inputs",[181,184,187,190,193,196,200,204,208,212,216],{"title":182,"path":183,"component":182,"order":131},"BbBaseButton","\u002Fcomponents\u002Fbb-base-button",{"title":185,"path":186,"component":185,"order":135},"BbButton","\u002Fcomponents\u002Fbb-button",{"title":188,"path":189,"component":188,"order":157},"BbColorInput","\u002Fcomponents\u002Fbb-color-input",{"title":191,"path":192,"component":191,"order":161},"BbDatePickerInput","\u002Fcomponents\u002Fbb-date-picker-input",{"title":194,"path":195,"component":194,"order":165},"BbDropzone","\u002Fcomponents\u002Fbb-dropzone",{"title":197,"path":198,"component":197,"order":199},"BbForm","\u002Fcomponents\u002Fbb-form",6,{"title":201,"path":202,"component":201,"order":203},"BbNumberInput","\u002Fcomponents\u002Fbb-number-input",7,{"title":205,"path":206,"component":205,"order":207},"BbTag","\u002Fcomponents\u002Fbb-tag",8,{"title":209,"path":210,"component":209,"order":211},"BbTextarea","\u002Fcomponents\u002Fbb-textarea",9,{"title":213,"path":214,"component":213,"order":215},"BbTextInput","\u002Fcomponents\u002Fbb-text-input",10,{"title":217,"path":218,"component":217,"order":219},"BbTimePickerInput","\u002Fcomponents\u002Fbb-time-picker-input",11,{"label":221,"entries":222},"Selection",[223,226,229,232,235,238,241,244,247,250],{"title":224,"path":225,"component":224,"order":131},"BbCheckbox","\u002Fcomponents\u002Fbb-checkbox",{"title":227,"path":228,"component":227,"order":135},"BbCheckboxGroup","\u002Fcomponents\u002Fbb-checkbox-group",{"title":230,"path":231,"component":230,"order":157},"BbRadio","\u002Fcomponents\u002Fbb-radio",{"title":233,"path":234,"component":233,"order":161},"BbRadioGroup","\u002Fcomponents\u002Fbb-radio-group",{"title":236,"path":237,"component":236,"order":165},"BbRating","\u002Fcomponents\u002Fbb-rating",{"title":239,"path":240,"component":239,"order":199},"BbSelect","\u002Fcomponents\u002Fbb-select",{"title":242,"path":243,"component":242,"order":203},"BbSelectPopover","\u002Fcomponents\u002Fbb-select-popover",{"title":245,"path":246,"component":245,"order":207},"BbSlider","\u002Fcomponents\u002Fbb-slider",{"title":248,"path":249,"component":248,"order":211},"BbSwitch","\u002Fcomponents\u002Fbb-switch",{"title":251,"path":252,"component":251,"order":215},"BbSwitchGroup","\u002Fcomponents\u002Fbb-switch-group",{"label":254,"entries":255},"Overlay",[256,259,262,265,268,271,274,277,280,283],{"title":257,"path":258,"component":257,"order":131},"BbColorPalette","\u002Fcomponents\u002Fbb-color-palette",{"title":260,"path":261,"component":260,"order":135},"BbConfirm","\u002Fcomponents\u002Fbb-confirm",{"title":263,"path":264,"component":263,"order":157},"BbDatePicker","\u002Fcomponents\u002Fbb-date-picker",{"title":266,"path":267,"component":266,"order":161},"BbDialog","\u002Fcomponents\u002Fbb-dialog",{"title":269,"path":270,"component":269,"order":165},"BbDropdown","\u002Fcomponents\u002Fbb-dropdown",{"title":272,"path":273,"component":272,"order":199},"BbDropdownButton","\u002Fcomponents\u002Fbb-dropdown-button",{"title":275,"path":276,"component":275,"order":203},"BbOffCanvas","\u002Fcomponents\u002Fbb-off-canvas",{"title":278,"path":279,"component":278,"order":207},"BbPopover","\u002Fcomponents\u002Fbb-popover",{"title":281,"path":282,"component":281,"order":211},"BbTimePicker","\u002Fcomponents\u002Fbb-time-picker",{"title":284,"path":285,"component":284,"order":215},"BbTooltip","\u002Fcomponents\u002Fbb-tooltip",{"label":287,"entries":288},"Navigation",[289,292,295,298,301,304],{"title":290,"path":291,"component":290,"order":131},"BbAccordion","\u002Fcomponents\u002Fbb-accordion",{"title":293,"path":294,"component":293,"order":135},"BbBreadcrumbs","\u002Fcomponents\u002Fbb-breadcrumbs",{"title":296,"path":297,"component":296,"order":157},"BbCollapsible","\u002Fcomponents\u002Fbb-collapsible",{"title":299,"path":300,"component":299,"order":161},"BbPagination","\u002Fcomponents\u002Fbb-pagination",{"title":302,"path":303,"component":302,"order":165},"BbTabs","\u002Fcomponents\u002Fbb-tabs",{"title":305,"path":306,"component":305,"order":199},"BbTree","\u002Fcomponents\u002Fbb-tree",{"label":308,"entries":309},"Feedback",[310,313,316,319,322,325],{"title":311,"path":312,"component":311,"order":131},"BbAlert","\u002Fcomponents\u002Fbb-alert",{"title":314,"path":315,"component":314,"order":135},"BbBadge","\u002Fcomponents\u002Fbb-badge",{"title":317,"path":318,"component":317,"order":157},"BbIndicator","\u002Fcomponents\u002Fbb-indicator",{"title":320,"path":321,"component":320,"order":161},"BbProgress","\u002Fcomponents\u002Fbb-progress",{"title":323,"path":324,"component":323,"order":165},"BbSpinner","\u002Fcomponents\u002Fbb-spinner",{"title":326,"path":327,"component":326,"order":199},"BbToast","\u002Fcomponents\u002Fbb-toast",{"label":329,"entries":330},"Data Display",[331,334,337],{"title":332,"path":333,"component":332,"order":131},"BbAvatar","\u002Fcomponents\u002Fbb-avatar",{"title":335,"path":336,"component":335,"order":135},"BbIcon","\u002Fcomponents\u002Fbb-icon",{"title":338,"path":339,"component":338,"order":157},"BbTable","\u002Fcomponents\u002Fbb-table",{"label":341,"entries":342},"Layout & Utility",[343],{"title":344,"path":345,"component":344,"order":131},"BbSmoothHeight","\u002Fcomponents\u002Fbb-smooth-height",{"label":347,"entries":348},"Other",[349],{"title":350,"path":351,"component":350,"order":131},"BbAsterisk","\u002Fcomponents\u002Fbb-asterisk",null,{"id":354,"title":129,"body":355,"component":352,"description":1361,"extension":1362,"group":126,"meta":1363,"navigation":600,"order":131,"path":130,"sections":1364,"seo":1372,"stem":1373,"__hash__":1374},"docs_en\u002Fguides\u002Finstallation.md",{"type":356,"value":357,"toc":1352},"minimark",[358,371,379,398,434,437,456,465,480,486,496,564,570,638,649,655,662,684,687,778,799,805,810,825,845,858,861,895,901,907,910,962,965,1008,1015,1021,1278,1291,1297,1300,1348],[359,360,361,362,366,367,370],"p",{},"v3 is a plugin, not a bag of exports. You always install two pieces. The ",[363,364,365],"strong",{},"build\nplugin"," generates the config, the icon registry and the typed variant lists. The\n",[363,368,369],{},"runtime plugin"," injects the styles and registers the directives. Skip either\none and components render unstyled or throw on an icon name.",[372,373,375],"h2",{"id":374},"install",[376,377,378],"span",{},"Install the package",[380,381,382],"warning",{},[359,383,384,385,389,390,393,394,397],{},"v3 is a prerelease, so you need the dist-tag. A bare ",[386,387,388],"code",{},"npm install bitboss-ui","\ngets you ",[363,391,392],{},"v2",", which has no build plugin and no ",[386,395,396],{},"dist\u002Fai"," knowledge base.\nEverything below then fails silently.",[399,400,405],"pre",{"className":401,"code":402,"language":403,"meta":404,"style":404},"language-bash shiki shiki-themes github-light-high-contrast github-dark-high-contrast","npm install bitboss-ui@beta\nnpm install -D @iconify-json\u002Flucide\n","bash","",[386,406,407,421],{"__ignoreMap":404},[376,408,410,414,418],{"class":409,"line":131},"line",[376,411,413],{"class":412},"soyes","npm",[376,415,417],{"class":416},"sT6z2"," install",[376,419,420],{"class":416}," bitboss-ui@beta\n",[376,422,423,425,427,431],{"class":409,"line":135},[376,424,413],{"class":412},[376,426,417],{"class":416},[376,428,430],{"class":429},"s-5SL"," -D",[376,432,433],{"class":416}," @iconify-json\u002Flucide\n",[359,435,436],{},"Confirm what you got before going further:",[399,438,440],{"className":401,"code":439,"language":403,"meta":404,"style":404},"npm ls bitboss-ui   # must report 3.0.0-*\n",[386,441,442],{"__ignoreMap":404},[376,443,444,446,449,452],{"class":409,"line":131},[376,445,413],{"class":412},[376,447,448],{"class":416}," ls",[376,450,451],{"class":416}," bitboss-ui",[376,453,455],{"class":454},"sLBg1","   # must report 3.0.0-*\n",[359,457,458,461,462,464],{},[386,459,460],{},"@latest"," is the ",[363,463,392],{}," line, and stays that way until v3 goes stable.",[359,466,467,468,471,472,475,476,479],{},"Vue ",[386,469,470],{},"^3.5.12"," is the only required peer. ",[386,473,474],{},"@inertiajs\u002Fvue3"," is optional and needed\nonly in Inertia apps; ",[386,477,478],{},"vee-validate"," only if you use the validated form controls.",[372,481,483],{"id":482},"build-plugin",[376,484,485],{},"The build plugin",[359,487,488,491,492,495],{},[363,489,490],{},"Nuxt."," The module wraps the Vite plugin and registers the runtime plugin for\nyou, so you write no ",[386,493,494],{},"app.use",":",[399,497,501],{"className":498,"code":499,"language":500,"meta":404,"style":404},"language-ts shiki shiki-themes github-light-high-contrast github-dark-high-contrast","\u002F\u002F nuxt.config.ts\nexport default defineNuxtConfig({\n    modules: ['bitboss-ui\u002Fnuxt'],\n    bitboss: {\n        \u002F\u002F see the icons section — the default is almost certainly what you want\n    },\n});\n","ts",[386,502,503,508,524,539,544,549,556],{"__ignoreMap":404},[376,504,505],{"class":409,"line":131},[376,506,507],{"class":454},"\u002F\u002F nuxt.config.ts\n",[376,509,510,514,517,521],{"class":409,"line":135},[376,511,513],{"class":512},"sHUrx","export",[376,515,516],{"class":512}," default",[376,518,520],{"class":519},"sKwhi"," defineNuxtConfig",[376,522,523],{"class":412},"({\n",[376,525,526,530,533,536],{"class":409,"line":157},[376,527,529],{"class":528},"suds8","    modules: [",[376,531,532],{"class":416},"'bitboss-ui\u002Fnuxt'",[376,534,535],{"class":528},"]",[376,537,538],{"class":412},",\n",[376,540,541],{"class":409,"line":161},[376,542,543],{"class":528},"    bitboss: {\n",[376,545,546],{"class":409,"line":165},[376,547,548],{"class":454},"        \u002F\u002F see the icons section — the default is almost certainly what you want\n",[376,550,551,554],{"class":409,"line":199},[376,552,553],{"class":528},"    }",[376,555,538],{"class":412},[376,557,558,561],{"class":409,"line":203},[376,559,560],{"class":412},"})",[376,562,563],{"class":528},";\n",[359,565,566,569],{},[363,567,568],{},"Vite."," Add the plugin, then install the runtime plugin yourself:",[399,571,573],{"className":498,"code":572,"language":500,"meta":404,"style":404},"\u002F\u002F vite.config.ts\nimport { bitbossUi } from 'bitboss-ui\u002Fvite';\n\nexport default defineConfig({\n    plugins: [vue(), bitbossUi({})],\n});\n",[386,574,575,580,596,602,613,632],{"__ignoreMap":404},[376,576,577],{"class":409,"line":131},[376,578,579],{"class":454},"\u002F\u002F vite.config.ts\n",[376,581,582,585,588,591,594],{"class":409,"line":135},[376,583,584],{"class":512},"import",[376,586,587],{"class":528}," { bitbossUi } ",[376,589,590],{"class":512},"from",[376,592,593],{"class":416}," 'bitboss-ui\u002Fvite'",[376,595,563],{"class":528},[376,597,598],{"class":409,"line":157},[376,599,601],{"emptyLinePlaceholder":600},true,"\n",[376,603,604,606,608,611],{"class":409,"line":161},[376,605,513],{"class":512},[376,607,516],{"class":512},[376,609,610],{"class":519}," defineConfig",[376,612,523],{"class":412},[376,614,615,618,621,624,627,630],{"class":409,"line":165},[376,616,617],{"class":528},"    plugins: [",[376,619,620],{"class":519},"vue",[376,622,623],{"class":528},"(), ",[376,625,626],{"class":519},"bitbossUi",[376,628,629],{"class":528},"({})]",[376,631,538],{"class":412},[376,633,634,636],{"class":409,"line":199},[376,635,560],{"class":412},[376,637,563],{"class":528},[359,639,640,641,644,645,648],{},"You configure everything here, at build time. Only ",[386,642,643],{},"locale"," stays editable at\nruntime, through ",[386,646,647],{},"useBbConfig()",".",[372,650,652],{"id":651},"runtime",[376,653,654],{},"Styles and the runtime plugin",[359,656,657,658,661],{},"In Nuxt, add the stylesheet to ",[386,659,660],{},"css"," and the module does the rest:",[399,663,665],{"className":498,"code":664,"language":500,"meta":404,"style":404},"\u002F\u002F nuxt.config.ts\ncss: ['bitboss-ui\u002Fstyles.css'],\n",[386,666,667,671],{"__ignoreMap":404},[376,668,669],{"class":409,"line":131},[376,670,507],{"class":454},[376,672,673,675,678,681],{"class":409,"line":135},[376,674,660],{"class":412},[376,676,677],{"class":528},": [",[376,679,680],{"class":416},"'bitboss-ui\u002Fstyles.css'",[376,682,683],{"class":528},"],\n",[359,685,686],{},"Everywhere else, install the runtime plugin and import the styles once, at the\nentry point:",[399,688,690],{"className":498,"code":689,"language":500,"meta":404,"style":404},"\u002F\u002F main.ts\nimport { createApp } from 'vue';\nimport { bitbossUiPlugin } from 'bitboss-ui';\nimport 'bitboss-ui\u002Fstyles.css';\nimport App from '.\u002FApp.vue';\n\ncreateApp(App).use(bitbossUiPlugin).mount('#app');\n",[386,691,692,697,711,725,734,748,752],{"__ignoreMap":404},[376,693,694],{"class":409,"line":131},[376,695,696],{"class":454},"\u002F\u002F main.ts\n",[376,698,699,701,704,706,709],{"class":409,"line":135},[376,700,584],{"class":512},[376,702,703],{"class":528}," { createApp } ",[376,705,590],{"class":512},[376,707,708],{"class":416}," 'vue'",[376,710,563],{"class":528},[376,712,713,715,718,720,723],{"class":409,"line":157},[376,714,584],{"class":512},[376,716,717],{"class":528}," { bitbossUiPlugin } ",[376,719,590],{"class":512},[376,721,722],{"class":416}," 'bitboss-ui'",[376,724,563],{"class":528},[376,726,727,729,732],{"class":409,"line":161},[376,728,584],{"class":512},[376,730,731],{"class":416}," 'bitboss-ui\u002Fstyles.css'",[376,733,563],{"class":528},[376,735,736,738,741,743,746],{"class":409,"line":165},[376,737,584],{"class":512},[376,739,740],{"class":528}," App ",[376,742,590],{"class":512},[376,744,745],{"class":416}," '.\u002FApp.vue'",[376,747,563],{"class":528},[376,749,750],{"class":409,"line":199},[376,751,601],{"emptyLinePlaceholder":600},[376,753,754,757,760,763,766,769,772,775],{"class":409,"line":203},[376,755,756],{"class":519},"createApp",[376,758,759],{"class":528},"(App).",[376,761,762],{"class":519},"use",[376,764,765],{"class":528},"(bitbossUiPlugin).",[376,767,768],{"class":519},"mount",[376,770,771],{"class":528},"(",[376,773,774],{"class":416},"'#app'",[376,776,777],{"class":528},");\n",[359,779,780,781,784,785,538,788,784,791,794,795,798],{},"The runtime plugin is what registers ",[386,782,783],{},"v-bb-tooltip",", ",[386,786,787],{},"v-bb-dropdown",[386,789,790],{},"v-bb-color",[386,792,793],{},"v-bb-date"," and ",[386,796,797],{},"v-bb-time",". Without it those directives throw.",[359,800,801,804],{},[386,802,803],{},"bitboss-ui\u002Freset.css"," is optional and separate. Take it only if you are not\nalready running a reset of your own.",[372,806,808],{"id":807},"icons",[376,809,163],{},[359,811,812,813,816,817,820,821,824],{},"Icon names are provider-first: ",[386,814,815],{},"lucide:plus"," resolves from the installed\n",[386,818,819],{},"@iconify-json\u002F*"," package, and ",[386,822,823],{},"local:logo"," resolves from your own SVG directory.",[359,826,827,830,831,784,834,837,838,841,842,648],{},[386,828,829],{},"iconDir"," defaults to ",[386,832,833],{},".\u002Fassets\u002Ficons",[363,835,836],{},"resolved relative to your source\ndirectory",". In Nuxt 4 that is ",[386,839,840],{},"app\u002F",", so the default already means\n",[386,843,844],{},"app\u002Fassets\u002Ficons",[380,846,847],{},[359,848,849,850,853,854,857],{},"Overriding it to ",[386,851,852],{},".\u002Fapp\u002Fassets\u002Ficons"," points one level too deep. Every ",[386,855,856],{},"local:*","\nname then throws at render, which on a prerendered site takes the whole page\ndown.",[359,859,860],{},"Change it only if your icons genuinely live elsewhere, and write the path\nrelative to the source directory:",[399,862,864],{"className":498,"code":863,"language":500,"meta":404,"style":404},"bitboss: {\n    iconDir: '.\u002Fassets\u002Ficons', \u002F\u002F = app\u002Fassets\u002Ficons in Nuxt 4\n}\n",[386,865,866,874,890],{"__ignoreMap":404},[376,867,868,871],{"class":409,"line":131},[376,869,870],{"class":412},"bitboss",[376,872,873],{"class":528},": {\n",[376,875,876,879,882,885,887],{"class":409,"line":135},[376,877,878],{"class":412},"    iconDir",[376,880,881],{"class":528},": ",[376,883,884],{"class":416},"'.\u002Fassets\u002Ficons'",[376,886,784],{"class":528},[376,888,889],{"class":454},"\u002F\u002F = app\u002Fassets\u002Ficons in Nuxt 4\n",[376,891,892],{"class":409,"line":157},[376,893,894],{"class":528},"}\n",[359,896,897,898,648],{},"Drop an SVG in that directory and it is available as ",[386,899,900],{},"local:\u003Cfilename>",[372,902,904],{"id":903},"imports",[376,905,906],{},"Imports and the type gate",[359,908,909],{},"Import components explicitly:",[399,911,914],{"className":912,"code":913,"language":620,"meta":404,"style":404},"language-vue shiki shiki-themes github-light-high-contrast github-dark-high-contrast","\u003Cscript setup lang=\"ts\">\nimport { BbButton, BbSelect } from 'bitboss-ui';\n\u003C\u002Fscript>\n",[386,915,916,940,953],{"__ignoreMap":404},[376,917,918,921,925,928,931,934,937],{"class":409,"line":131},[376,919,920],{"class":528},"\u003C",[376,922,924],{"class":923},"sne4z","script",[376,926,927],{"class":429}," setup",[376,929,930],{"class":429}," lang",[376,932,933],{"class":528},"=",[376,935,936],{"class":416},"\"ts\"",[376,938,939],{"class":528},">\n",[376,941,942,944,947,949,951],{"class":409,"line":135},[376,943,584],{"class":512},[376,945,946],{"class":528}," { BbButton, BbSelect } ",[376,948,590],{"class":512},[376,950,722],{"class":416},[376,952,563],{"class":528},[376,954,955,958,960],{"class":409,"line":157},[376,956,957],{"class":528},"\u003C\u002F",[376,959,924],{"class":923},[376,961,939],{"class":528},[359,963,964],{},"There is no auto-import to turn on. The Nuxt module registers the Vite plugin and\nthe runtime plugin, and nothing else. Explicit imports are what let this catch a\nmistyped or removed component at type-check time:",[399,966,970],{"className":967,"code":968,"language":969,"meta":404,"style":404},"language-json shiki shiki-themes github-light-high-contrast github-dark-high-contrast","\u002F\u002F tsconfig.json\n{\n    \"vueCompilerOptions\": {\n        \"checkUnknownComponents\": true\n    }\n}\n","json",[386,971,972,977,982,989,999,1004],{"__ignoreMap":404},[376,973,974],{"class":409,"line":131},[376,975,976],{"class":454},"\u002F\u002F tsconfig.json\n",[376,978,979],{"class":409,"line":135},[376,980,981],{"class":528},"{\n",[376,983,984,987],{"class":409,"line":157},[376,985,986],{"class":923},"    \"vueCompilerOptions\"",[376,988,873],{"class":528},[376,990,991,994,996],{"class":409,"line":161},[376,992,993],{"class":923},"        \"checkUnknownComponents\"",[376,995,881],{"class":528},[376,997,998],{"class":429},"true\n",[376,1000,1001],{"class":409,"line":165},[376,1002,1003],{"class":528},"    }\n",[376,1005,1006],{"class":409,"line":199},[376,1007,894],{"class":528},[359,1009,1010,1011,1014],{},"With auto-imports on, every ",[386,1012,1013],{},"Bb*"," tag would resolve and that gate would go\nquiet. This documentation site relies on it to catch a v2 prop surviving in an\nexample.",[372,1016,1018],{"id":1017},"first-component",[376,1019,1020],{},"Your first component",[399,1022,1024],{"className":912,"code":1023,"language":620,"meta":404,"style":404},"\u003Ctemplate>\n    \u003CBbSelect\n        id=\"assignee\"\n        v-model=\"assignee\"\n        label=\"Assignee\"\n        item-text=\"fullName\"\n        item-value=\"id\"\n        :items=\"users\"\n    \u002F>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue';\nimport { BbSelect } from 'bitboss-ui';\n\nconst assignee = ref\u003Cnumber | null>(null);\nconst users = [\n    { id: 1, fullName: 'Ada Okonkwo' },\n    { id: 2, fullName: 'Luca Ferrari' },\n];\n\u003C\u002Fscript>\n",[386,1025,1026,1035,1043,1053,1069,1079,1089,1099,1116,1121,1129,1133,1150,1164,1178,1183,1217,1230,1248,1263,1269],{"__ignoreMap":404},[376,1027,1028,1030,1033],{"class":409,"line":131},[376,1029,920],{"class":528},[376,1031,1032],{"class":923},"template",[376,1034,939],{"class":528},[376,1036,1037,1040],{"class":409,"line":135},[376,1038,1039],{"class":528},"    \u003C",[376,1041,1042],{"class":923},"BbSelect\n",[376,1044,1045,1048,1050],{"class":409,"line":157},[376,1046,1047],{"class":429},"        id",[376,1049,933],{"class":528},[376,1051,1052],{"class":416},"\"assignee\"\n",[376,1054,1055,1058,1060,1063,1066],{"class":409,"line":161},[376,1056,1057],{"class":429},"        v-model",[376,1059,933],{"class":528},[376,1061,1062],{"class":528},"\"",[376,1064,1065],{"class":528},"assignee",[376,1067,1068],{"class":528},"\"\n",[376,1070,1071,1074,1076],{"class":409,"line":165},[376,1072,1073],{"class":429},"        label",[376,1075,933],{"class":528},[376,1077,1078],{"class":416},"\"Assignee\"\n",[376,1080,1081,1084,1086],{"class":409,"line":199},[376,1082,1083],{"class":429},"        item-text",[376,1085,933],{"class":528},[376,1087,1088],{"class":416},"\"fullName\"\n",[376,1090,1091,1094,1096],{"class":409,"line":203},[376,1092,1093],{"class":429},"        item-value",[376,1095,933],{"class":528},[376,1097,1098],{"class":416},"\"id\"\n",[376,1100,1101,1104,1107,1109,1111,1114],{"class":409,"line":207},[376,1102,1103],{"class":528},"        :",[376,1105,1106],{"class":429},"items",[376,1108,933],{"class":528},[376,1110,1062],{"class":528},[376,1112,1113],{"class":528},"users",[376,1115,1068],{"class":528},[376,1117,1118],{"class":409,"line":211},[376,1119,1120],{"class":528},"    \u002F>\n",[376,1122,1123,1125,1127],{"class":409,"line":215},[376,1124,957],{"class":528},[376,1126,1032],{"class":923},[376,1128,939],{"class":528},[376,1130,1131],{"class":409,"line":219},[376,1132,601],{"emptyLinePlaceholder":600},[376,1134,1136,1138,1140,1142,1144,1146,1148],{"class":409,"line":1135},12,[376,1137,920],{"class":528},[376,1139,924],{"class":923},[376,1141,927],{"class":429},[376,1143,930],{"class":429},[376,1145,933],{"class":528},[376,1147,936],{"class":416},[376,1149,939],{"class":528},[376,1151,1153,1155,1158,1160,1162],{"class":409,"line":1152},13,[376,1154,584],{"class":512},[376,1156,1157],{"class":528}," { ref } ",[376,1159,590],{"class":512},[376,1161,708],{"class":416},[376,1163,563],{"class":528},[376,1165,1167,1169,1172,1174,1176],{"class":409,"line":1166},14,[376,1168,584],{"class":512},[376,1170,1171],{"class":528}," { BbSelect } ",[376,1173,590],{"class":512},[376,1175,722],{"class":416},[376,1177,563],{"class":528},[376,1179,1181],{"class":409,"line":1180},15,[376,1182,601],{"emptyLinePlaceholder":600},[376,1184,1186,1189,1192,1195,1198,1200,1203,1206,1209,1212,1215],{"class":409,"line":1185},16,[376,1187,1188],{"class":512},"const",[376,1190,1191],{"class":429}," assignee",[376,1193,1194],{"class":512}," =",[376,1196,1197],{"class":519}," ref",[376,1199,920],{"class":528},[376,1201,1202],{"class":429},"number",[376,1204,1205],{"class":512}," |",[376,1207,1208],{"class":429}," null",[376,1210,1211],{"class":528},">(",[376,1213,1214],{"class":429},"null",[376,1216,777],{"class":528},[376,1218,1220,1222,1225,1227],{"class":409,"line":1219},17,[376,1221,1188],{"class":512},[376,1223,1224],{"class":429}," users",[376,1226,1194],{"class":512},[376,1228,1229],{"class":528}," [\n",[376,1231,1233,1236,1239,1242,1245],{"class":409,"line":1232},18,[376,1234,1235],{"class":528},"    { id: ",[376,1237,1238],{"class":429},"1",[376,1240,1241],{"class":528},", fullName: ",[376,1243,1244],{"class":416},"'Ada Okonkwo'",[376,1246,1247],{"class":528}," },\n",[376,1249,1251,1253,1256,1258,1261],{"class":409,"line":1250},19,[376,1252,1235],{"class":528},[376,1254,1255],{"class":429},"2",[376,1257,1241],{"class":528},[376,1259,1260],{"class":416},"'Luca Ferrari'",[376,1262,1247],{"class":528},[376,1264,1266],{"class":409,"line":1265},20,[376,1267,1268],{"class":528},"];\n",[376,1270,1272,1274,1276],{"class":409,"line":1271},21,[376,1273,957],{"class":528},[376,1275,924],{"class":923},[376,1277,939],{"class":528},[359,1279,1280,1283,1284,1286,1287,1290],{},[386,1281,1282],{},"label"," is required: it is the accessible name. Pass ",[386,1285,1106],{}," your domain objects\nas they are, then name the display field and the stored value. You never map them\nto ",[386,1288,1289],{},"{ label, value }"," pairs first.",[372,1292,1294],{"id":1293},"next",[376,1295,1296],{},"Where to go next",[359,1298,1299],{},"Choose the next page by task:",[1301,1302,1303,1311,1317,1325,1331,1342],"ul",{},[1304,1305,1306,1307,1310],"li",{},"Upgrading from 2.x: read ",[1308,1309,133],"a",{"href":116}," before\nchanging call sites. Several boolean defaults changed without a type error.",[1304,1312,1313,1314,648],{},"Building with Nuxt: continue with the ",[1308,1315,1316],{"href":118},"Nuxt module",[1304,1318,1319,1320,1322,1323,648],{},"Loading choices from an API: start with\n",[1308,1321,149],{"href":120},", then\n",[1308,1324,152],{"href":108},[1304,1326,1327,1328,648],{},"Adding validation: install the separate\n",[1308,1329,1330],{"href":122},"validated entrypoint",[1304,1332,1333,1334,1338,1339,1341],{},"Theming: generate the first CSS block in the\n",[1308,1335,1337],{"href":1336},"\u002Fen\u002Ftheme-builder","theme builder",", then use\n",[1308,1340,140],{"href":106}," to review each value.",[1304,1343,1344,1345,1347],{},"Using a coding agent: run the setup in ",[1308,1346,176],{"href":100},", then\nadd the markup check to CI.",[1349,1350,1351],"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 .sLBg1, html code.shiki .sLBg1{--shiki-default:#66707B;--shiki-dark:#BDC4CC}html pre.shiki code .sHUrx, html code.shiki .sHUrx{--shiki-default:#A0111F;--shiki-dark:#FF9492}html pre.shiki code .sKwhi, html code.shiki .sKwhi{--shiki-default:#622CBC;--shiki-dark:#DBB7FF}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}",{"title":404,"searchDepth":157,"depth":157,"links":1353},[1354,1355,1356,1357,1358,1359,1360],{"id":374,"depth":135,"text":378},{"id":482,"depth":135,"text":485},{"id":651,"depth":135,"text":654},{"id":807,"depth":135,"text":163},{"id":903,"depth":135,"text":906},{"id":1017,"depth":135,"text":1020},{"id":1293,"depth":135,"text":1296},"Install bitboss-ui 3, wire up the two plugins, and render your first component.","md",{},[1365,1366,1367,1368,1369,1370,1371],{"id":374,"title":378},{"id":482,"title":485},{"id":651,"title":654},{"id":807,"title":163},{"id":903,"title":906},{"id":1017,"title":1020},{"id":1293,"title":1296},{"title":129,"description":1361},"guides\u002Finstallation","_-NaXTVm1wI6-78-K-xPZOu4zUM8dO7aT4-xn8qleuI",1790005168458]