[{"data":1,"prerenderedAt":1004},["ShallowReactive",2],{"api-none":3,"docs-nav-en":4,"locale-alternates":247,"page-en-\u002Fcomponents\u002Fbb-breadcrumbs":378,"pt-showcase-BbBreadcrumbs":883},null,[5,20,32,56,68,112,145,181,202,223,235,241],{"label":6,"entries":7},"Getting started",[8,12,16],{"title":9,"path":10,"component":-1,"order":11},"Installation","\u002Fguides\u002Finstallation",1,{"title":13,"path":14,"component":-1,"order":15},"Migrating from v2","\u002Fguides\u002Fmigration",2,{"title":17,"path":18,"component":-1,"order":19},"Adoption checklist","\u002Fguides\u002Fadoption-checklist",3,{"label":21,"entries":22},"Design system",[23,26,29],{"title":24,"path":25,"component":-1,"order":11},"Design tokens","\u002Fguides\u002Fdesign-tokens",{"title":27,"path":28,"component":-1,"order":15},"Design language","\u002Fguides\u002Fdesign-language",{"title":30,"path":31,"component":-1,"order":19},"Passthrough","\u002Fguides\u002Fpassthrough",{"label":33,"entries":34},"Playbooks",[35,38,41,44,48,52],{"title":36,"path":37,"component":-1,"order":11},"Options and items","\u002Fguides\u002Foptions-and-items",{"title":39,"path":40,"component":-1,"order":15},"Fetching data","\u002Fguides\u002Ffetching-data",{"title":42,"path":43,"component":-1,"order":19},"Coherence","\u002Fguides\u002Fcoherence",{"title":45,"path":46,"component":-1,"order":47},"Validated forms","\u002Fguides\u002Fvalidated-forms",4,{"title":49,"path":50,"component":-1,"order":51},"Icons","\u002Fguides\u002Ficons",5,{"title":53,"path":54,"component":-1,"order":55},"Preset components","\u002Fguides\u002Fpreset-components",6,{"label":57,"entries":58},"Ecosystem",[59,62,65],{"title":60,"path":61,"component":-1,"order":11},"Inertia and Laravel","\u002Fguides\u002Finertia",{"title":63,"path":64,"component":-1,"order":15},"Nuxt","\u002Fguides\u002Fnuxt",{"title":66,"path":67,"component":-1,"order":19},"AI agents","\u002Fguides\u002Fai-agents",{"label":69,"entries":70},"Inputs",[71,74,77,80,83,86,89,92,96,100,104,108],{"title":72,"path":73,"component":72,"order":11},"BbBaseButton","\u002Fcomponents\u002Fbb-base-button",{"title":75,"path":76,"component":75,"order":15},"BbButton","\u002Fcomponents\u002Fbb-button",{"title":78,"path":79,"component":78,"order":19},"BbCalendar","\u002Fcomponents\u002Fbb-calendar",{"title":81,"path":82,"component":81,"order":19},"BbColorInput","\u002Fcomponents\u002Fbb-color-input",{"title":84,"path":85,"component":84,"order":47},"BbDatePickerInput","\u002Fcomponents\u002Fbb-date-picker-input",{"title":87,"path":88,"component":87,"order":51},"BbDropzone","\u002Fcomponents\u002Fbb-dropzone",{"title":90,"path":91,"component":90,"order":55},"BbForm","\u002Fcomponents\u002Fbb-form",{"title":93,"path":94,"component":93,"order":95},"BbNumberInput","\u002Fcomponents\u002Fbb-number-input",7,{"title":97,"path":98,"component":97,"order":99},"BbTag","\u002Fcomponents\u002Fbb-tag",8,{"title":101,"path":102,"component":101,"order":103},"BbTextarea","\u002Fcomponents\u002Fbb-textarea",9,{"title":105,"path":106,"component":105,"order":107},"BbTextInput","\u002Fcomponents\u002Fbb-text-input",10,{"title":109,"path":110,"component":109,"order":111},"BbTimePickerInput","\u002Fcomponents\u002Fbb-time-picker-input",11,{"label":113,"entries":114},"Selection",[115,118,121,124,127,130,133,136,139,142],{"title":116,"path":117,"component":116,"order":11},"BbCheckbox","\u002Fcomponents\u002Fbb-checkbox",{"title":119,"path":120,"component":119,"order":15},"BbCheckboxGroup","\u002Fcomponents\u002Fbb-checkbox-group",{"title":122,"path":123,"component":122,"order":19},"BbRadio","\u002Fcomponents\u002Fbb-radio",{"title":125,"path":126,"component":125,"order":47},"BbRadioGroup","\u002Fcomponents\u002Fbb-radio-group",{"title":128,"path":129,"component":128,"order":51},"BbRating","\u002Fcomponents\u002Fbb-rating",{"title":131,"path":132,"component":131,"order":55},"BbSelect","\u002Fcomponents\u002Fbb-select",{"title":134,"path":135,"component":134,"order":95},"BbSelectPopover","\u002Fcomponents\u002Fbb-select-popover",{"title":137,"path":138,"component":137,"order":99},"BbSlider","\u002Fcomponents\u002Fbb-slider",{"title":140,"path":141,"component":140,"order":103},"BbSwitch","\u002Fcomponents\u002Fbb-switch",{"title":143,"path":144,"component":143,"order":107},"BbSwitchGroup","\u002Fcomponents\u002Fbb-switch-group",{"label":146,"entries":147},"Overlay",[148,151,154,157,160,163,166,169,172,175,178],{"title":149,"path":150,"component":149,"order":11},"BbColorPalette","\u002Fcomponents\u002Fbb-color-palette",{"title":152,"path":153,"component":152,"order":15},"BbConfirm","\u002Fcomponents\u002Fbb-confirm",{"title":155,"path":156,"component":155,"order":19},"BbDatePicker","\u002Fcomponents\u002Fbb-date-picker",{"title":158,"path":159,"component":158,"order":47},"BbDialog","\u002Fcomponents\u002Fbb-dialog",{"title":161,"path":162,"component":161,"order":51},"BbDropdown","\u002Fcomponents\u002Fbb-dropdown",{"title":164,"path":165,"component":164,"order":55},"BbDropdownButton","\u002Fcomponents\u002Fbb-dropdown-button",{"title":167,"path":168,"component":167,"order":95},"BbHoverCard","\u002Fcomponents\u002Fbb-hover-card",{"title":170,"path":171,"component":170,"order":95},"BbOffCanvas","\u002Fcomponents\u002Fbb-off-canvas",{"title":173,"path":174,"component":173,"order":99},"BbPopover","\u002Fcomponents\u002Fbb-popover",{"title":176,"path":177,"component":176,"order":103},"BbTimePicker","\u002Fcomponents\u002Fbb-time-picker",{"title":179,"path":180,"component":179,"order":107},"BbTooltip","\u002Fcomponents\u002Fbb-tooltip",{"label":182,"entries":183},"Navigation",[184,187,190,193,196,199],{"title":185,"path":186,"component":185,"order":11},"BbAccordion","\u002Fcomponents\u002Fbb-accordion",{"title":188,"path":189,"component":188,"order":15},"BbBreadcrumbs","\u002Fcomponents\u002Fbb-breadcrumbs",{"title":191,"path":192,"component":191,"order":19},"BbCollapsible","\u002Fcomponents\u002Fbb-collapsible",{"title":194,"path":195,"component":194,"order":47},"BbPagination","\u002Fcomponents\u002Fbb-pagination",{"title":197,"path":198,"component":197,"order":51},"BbTabs","\u002Fcomponents\u002Fbb-tabs",{"title":200,"path":201,"component":200,"order":55},"BbTree","\u002Fcomponents\u002Fbb-tree",{"label":203,"entries":204},"Feedback",[205,208,211,214,217,220],{"title":206,"path":207,"component":206,"order":11},"BbAlert","\u002Fcomponents\u002Fbb-alert",{"title":209,"path":210,"component":209,"order":15},"BbBadge","\u002Fcomponents\u002Fbb-badge",{"title":212,"path":213,"component":212,"order":19},"BbIndicator","\u002Fcomponents\u002Fbb-indicator",{"title":215,"path":216,"component":215,"order":47},"BbProgress","\u002Fcomponents\u002Fbb-progress",{"title":218,"path":219,"component":218,"order":51},"BbSpinner","\u002Fcomponents\u002Fbb-spinner",{"title":221,"path":222,"component":221,"order":55},"BbToast","\u002Fcomponents\u002Fbb-toast",{"label":224,"entries":225},"Data Display",[226,229,232],{"title":227,"path":228,"component":227,"order":11},"BbAvatar","\u002Fcomponents\u002Fbb-avatar",{"title":230,"path":231,"component":230,"order":15},"BbIcon","\u002Fcomponents\u002Fbb-icon",{"title":233,"path":234,"component":233,"order":19},"BbTable","\u002Fcomponents\u002Fbb-table",{"label":236,"entries":237},"Layout & Utility",[238],{"title":239,"path":240,"component":239,"order":11},"BbSmoothHeight","\u002Fcomponents\u002Fbb-smooth-height",{"label":242,"entries":243},"Other",[244],{"title":245,"path":246,"component":245,"order":11},"BbAsterisk","\u002Fcomponents\u002Fbb-asterisk",{"\u002Fit\u002Fcomponenti\u002Fbb-accordion":248,"\u002Fen\u002Fcomponents\u002Fbb-accordion":249,"\u002Fit\u002Fcomponenti\u002Fbb-alert":250,"\u002Fen\u002Fcomponents\u002Fbb-alert":251,"\u002Fit\u002Fcomponenti\u002Fbb-asterisk":252,"\u002Fen\u002Fcomponents\u002Fbb-asterisk":253,"\u002Fit\u002Fcomponenti\u002Fbb-avatar":254,"\u002Fen\u002Fcomponents\u002Fbb-avatar":255,"\u002Fit\u002Fcomponenti\u002Fbb-badge":256,"\u002Fen\u002Fcomponents\u002Fbb-badge":257,"\u002Fit\u002Fcomponenti\u002Fbb-base-button":258,"\u002Fen\u002Fcomponents\u002Fbb-base-button":259,"\u002Fit\u002Fcomponenti\u002Fbb-breadcrumbs":260,"\u002Fen\u002Fcomponents\u002Fbb-breadcrumbs":261,"\u002Fit\u002Fcomponenti\u002Fbb-button":262,"\u002Fen\u002Fcomponents\u002Fbb-button":263,"\u002Fit\u002Fcomponenti\u002Fbb-calendar":264,"\u002Fen\u002Fcomponents\u002Fbb-calendar":265,"\u002Fit\u002Fcomponenti\u002Fbb-checkbox":266,"\u002Fen\u002Fcomponents\u002Fbb-checkbox":267,"\u002Fit\u002Fcomponenti\u002Fbb-checkbox-group":268,"\u002Fen\u002Fcomponents\u002Fbb-checkbox-group":269,"\u002Fit\u002Fcomponenti\u002Fbb-collapsible":270,"\u002Fen\u002Fcomponents\u002Fbb-collapsible":271,"\u002Fit\u002Fcomponenti\u002Fbb-color-input":272,"\u002Fen\u002Fcomponents\u002Fbb-color-input":273,"\u002Fit\u002Fcomponenti\u002Fbb-color-palette":274,"\u002Fen\u002Fcomponents\u002Fbb-color-palette":275,"\u002Fit\u002Fcomponenti\u002Fbb-confirm":276,"\u002Fen\u002Fcomponents\u002Fbb-confirm":277,"\u002Fit\u002Fcomponenti\u002Fbb-date-picker":278,"\u002Fen\u002Fcomponents\u002Fbb-date-picker":279,"\u002Fit\u002Fcomponenti\u002Fbb-date-picker-input":280,"\u002Fen\u002Fcomponents\u002Fbb-date-picker-input":281,"\u002Fit\u002Fcomponenti\u002Fbb-dialog":282,"\u002Fen\u002Fcomponents\u002Fbb-dialog":283,"\u002Fit\u002Fcomponenti\u002Fbb-dropdown":284,"\u002Fen\u002Fcomponents\u002Fbb-dropdown":285,"\u002Fit\u002Fcomponenti\u002Fbb-dropdown-button":286,"\u002Fen\u002Fcomponents\u002Fbb-dropdown-button":287,"\u002Fit\u002Fcomponenti\u002Fbb-dropzone":288,"\u002Fen\u002Fcomponents\u002Fbb-dropzone":289,"\u002Fit\u002Fcomponenti\u002Fbb-form":290,"\u002Fen\u002Fcomponents\u002Fbb-form":291,"\u002Fit\u002Fcomponenti\u002Fbb-hover-card":292,"\u002Fen\u002Fcomponents\u002Fbb-hover-card":293,"\u002Fit\u002Fcomponenti\u002Fbb-icon":294,"\u002Fen\u002Fcomponents\u002Fbb-icon":295,"\u002Fit\u002Fcomponenti\u002Fbb-indicator":296,"\u002Fen\u002Fcomponents\u002Fbb-indicator":297,"\u002Fit\u002Fcomponenti\u002Fbb-number-input":298,"\u002Fen\u002Fcomponents\u002Fbb-number-input":299,"\u002Fit\u002Fcomponenti\u002Fbb-off-canvas":300,"\u002Fen\u002Fcomponents\u002Fbb-off-canvas":301,"\u002Fit\u002Fcomponenti\u002Fbb-pagination":302,"\u002Fen\u002Fcomponents\u002Fbb-pagination":303,"\u002Fit\u002Fcomponenti\u002Fbb-popover":304,"\u002Fen\u002Fcomponents\u002Fbb-popover":305,"\u002Fit\u002Fcomponenti\u002Fbb-progress":306,"\u002Fen\u002Fcomponents\u002Fbb-progress":307,"\u002Fit\u002Fcomponenti\u002Fbb-radio":308,"\u002Fen\u002Fcomponents\u002Fbb-radio":309,"\u002Fit\u002Fcomponenti\u002Fbb-radio-group":310,"\u002Fen\u002Fcomponents\u002Fbb-radio-group":311,"\u002Fit\u002Fcomponenti\u002Fbb-rating":312,"\u002Fen\u002Fcomponents\u002Fbb-rating":313,"\u002Fit\u002Fcomponenti\u002Fbb-select":314,"\u002Fen\u002Fcomponents\u002Fbb-select":315,"\u002Fit\u002Fcomponenti\u002Fbb-select-popover":316,"\u002Fen\u002Fcomponents\u002Fbb-select-popover":317,"\u002Fit\u002Fcomponenti\u002Fbb-slider":318,"\u002Fen\u002Fcomponents\u002Fbb-slider":319,"\u002Fit\u002Fcomponenti\u002Fbb-smooth-height":320,"\u002Fen\u002Fcomponents\u002Fbb-smooth-height":321,"\u002Fit\u002Fcomponenti\u002Fbb-spinner":322,"\u002Fen\u002Fcomponents\u002Fbb-spinner":323,"\u002Fit\u002Fcomponenti\u002Fbb-switch":324,"\u002Fen\u002Fcomponents\u002Fbb-switch":325,"\u002Fit\u002Fcomponenti\u002Fbb-switch-group":326,"\u002Fen\u002Fcomponents\u002Fbb-switch-group":327,"\u002Fit\u002Fcomponenti\u002Fbb-table":328,"\u002Fen\u002Fcomponents\u002Fbb-table":329,"\u002Fit\u002Fcomponenti\u002Fbb-tabs":330,"\u002Fen\u002Fcomponents\u002Fbb-tabs":331,"\u002Fit\u002Fcomponenti\u002Fbb-tag":332,"\u002Fen\u002Fcomponents\u002Fbb-tag":333,"\u002Fit\u002Fcomponenti\u002Fbb-text-input":334,"\u002Fen\u002Fcomponents\u002Fbb-text-input":335,"\u002Fit\u002Fcomponenti\u002Fbb-textarea":336,"\u002Fen\u002Fcomponents\u002Fbb-textarea":337,"\u002Fit\u002Fcomponenti\u002Fbb-time-picker":338,"\u002Fen\u002Fcomponents\u002Fbb-time-picker":339,"\u002Fit\u002Fcomponenti\u002Fbb-time-picker-input":340,"\u002Fen\u002Fcomponents\u002Fbb-time-picker-input":341,"\u002Fit\u002Fcomponenti\u002Fbb-toast":342,"\u002Fen\u002Fcomponents\u002Fbb-toast":343,"\u002Fit\u002Fcomponenti\u002Fbb-tooltip":344,"\u002Fen\u002Fcomponents\u002Fbb-tooltip":345,"\u002Fit\u002Fcomponenti\u002Fbb-tree":346,"\u002Fen\u002Fcomponents\u002Fbb-tree":347,"\u002Fit\u002Fguide\u002Fadoption-checklist":348,"\u002Fen\u002Fguides\u002Fadoption-checklist":349,"\u002Fit\u002Fguide\u002Fai-agents":350,"\u002Fen\u002Fguides\u002Fai-agents":351,"\u002Fit\u002Fguide\u002Fcoherence":352,"\u002Fen\u002Fguides\u002Fcoherence":353,"\u002Fit\u002Fguide\u002Fdesign-language":354,"\u002Fen\u002Fguides\u002Fdesign-language":355,"\u002Fit\u002Fguide\u002Fdesign-tokens":356,"\u002Fen\u002Fguides\u002Fdesign-tokens":357,"\u002Fit\u002Fguide\u002Ffetching-data":358,"\u002Fen\u002Fguides\u002Ffetching-data":359,"\u002Fit\u002Fguide\u002Ficons":360,"\u002Fen\u002Fguides\u002Ficons":361,"\u002Fit\u002Fguide\u002Finertia":362,"\u002Fen\u002Fguides\u002Finertia":363,"\u002Fit\u002Fguide\u002Finstallation":364,"\u002Fen\u002Fguides\u002Finstallation":365,"\u002Fit\u002Fguide\u002Fmigration":366,"\u002Fen\u002Fguides\u002Fmigration":367,"\u002Fit\u002Fguide\u002Fnuxt":368,"\u002Fen\u002Fguides\u002Fnuxt":369,"\u002Fit\u002Fguide\u002Foptions-and-items":370,"\u002Fen\u002Fguides\u002Foptions-and-items":371,"\u002Fit\u002Fguide\u002Fpassthrough":372,"\u002Fen\u002Fguides\u002Fpassthrough":373,"\u002Fit\u002Fguide\u002Fpreset-components":374,"\u002Fen\u002Fguides\u002Fpreset-components":375,"\u002Fit\u002Fguide\u002Fvalidated-forms":376,"\u002Fen\u002Fguides\u002Fvalidated-forms":377},"\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",{"id":379,"title":188,"body":380,"component":188,"description":869,"extension":870,"group":182,"meta":871,"navigation":872,"order":15,"path":189,"sections":873,"seo":880,"stem":881,"__hash__":882},"docs_en\u002Fcomponents\u002Fbb-breadcrumbs.md",{"type":381,"value":382,"toc":861},"minimark",[383,417,423,426,434,454,458,469,500,506,519,522,528,544,550,553,556,563,572,617,623,633,636,655,685,691,717,720,732,769,779,795,801,809,812,821,837],[384,385,386,394],"when",{},[387,388,389,390,393],"p",{},"Put ",[391,392,188],"code",{}," at the top of a detail view, above the title. It answers two\nquestions at once: where am I, and how do I get back up.",[395,396,398],"template",{"v-slot:else":397},"",[399,400,401,410],"ul",{},[402,403,404,409],"li",{},[405,406,407],"a",{"href":330},[391,408,197],{},", if they are peer views of the same record:\nOverview, Activity, Settings",[402,411,412,416],{},[405,413,414],{"href":302},[391,415,194],{},", if the reader is stepping\nthrough a paged result set",[387,418,419,420,422],{},"Also see: ",[405,421,36],{"href":370},".",[387,424,425],{},"Show one trail per view.",[427,428,430],"h2",{"id":429},"default",[431,432,433],"span",{},"The trail",[387,435,436,437,441,442,445,446,449,450,422],{},"Each ",[405,438,440],{"href":439},"\u002Fen\u002Fcomponents\u002Fbb-breadcrumbs\u002Fapi#prop-items","item"," is ",[391,443,444],{},"{ label }"," plus a navigation target. Add a unique ",[391,447,448],{},"value"," only to a\ncrumb that needs ",[405,451,453],{"href":452},"#crumb-slot","a slot of its own",[455,456],"demo",{"name":457},"BbBreadcrumbs\u002FBasic",[387,459,460,461,464,465,468],{},"A last item without a target is the current page: it renders as plain text\nwith ",[391,462,463],{},"aria-current=\"page\"",", out of the tab order. Give it an ",[391,466,467],{},"href"," and it is an\nordinary link again, for a trail that stops at the parent page with the page\ntitle below it.",[470,471,473],"migration",{"title":472},"key → value, text → label",[387,474,475,476,479,480,482,483,479,486,489,490,492,493,496,497,422],{},"A crumb's ",[391,477,478],{},"key"," is now ",[391,481,448],{}," and its ",[391,484,485],{},"text",[391,487,488],{},"label","; the crumb slots'\nscope says ",[391,491,488],{}," too. ",[391,494,495],{},"npx bitboss-ui check --fix"," renames both fields on items\nit can see. The value must be a string: a numeric key that ran in v2 now fails\ntype checking, and the fix is ",[391,498,499],{},"String(id)",[427,501,503],{"id":502},"navigation",[431,504,505],{},"Every crumb is a link",[387,507,508,509,511,512,515,516,422],{},"Give every crumb its own target: ",[391,510,467],{},", ",[391,513,514],{},"to",", or an ",[391,517,518],{},"onClick",[455,520],{"name":521},"BbBreadcrumbs\u002FFolderTrail",[387,523,524,525,527],{},"When the hierarchy lives in client state rather than in routes, give the\nancestors an ",[391,526,518],{},". The crumbs are still real buttons, and crumbs folded into\nthe overflow menu keep their handler. Never wrap the trail in your own\nclick-to-route handler.",[387,529,530,536,537,539,540,543],{},[405,531,533],{"href":532},"\u002Fen\u002Fcomponents\u002Fbb-breadcrumbs\u002Fapi#prop-disabled",[391,534,535],{},"disabled"," works at two levels. On one item, that crumb loses its ",[391,538,467],{}," and\ngains ",[391,541,542],{},"aria-disabled",". On the component, every crumb and the overflow button\nfreeze together. Use it for a level the reader can no longer open, rather than\nshipping a dead link.",[427,545,547],{"id":546},"overflow",[431,548,549],{},"Long trails fold themselves",[387,551,552],{},"You do not manage overflow.",[455,554],{"name":555},"BbBreadcrumbs\u002FOverflow",[387,557,558,559,562],{},"The earliest crumbs fold into the ",[391,560,561],{},"…"," menu, root first, and keep their targets\nthere. The current page never folds: at the narrowest its label truncates, with\nthe full text in a tooltip and for screen readers. If that is too little, give\nthe trail a full-width row of its own.",[387,564,565,566,571],{},"Pass the full ",[405,567,568],{"href":439},[391,569,570],{},"items"," array. Pre-slicing removes the keyboard-ready overflow\nmenu.",[387,573,574,575,581,582,511,588,594,595,601,602,608,609,612,613,616],{},"The fold point is estimated from label text. Start with\n",[405,576,578],{"href":577},"\u002Fen\u002Fcomponents\u002Fbb-breadcrumbs\u002Fapi#prop-offsetWidth",[391,579,580],{},"offset-width"," for icons, slots, and edge regions. Use\n",[405,583,585],{"href":584},"\u002Fen\u002Fcomponents\u002Fbb-breadcrumbs\u002Fapi#prop-estimationBias",[391,586,587],{},"estimation-bias",[405,589,591],{"href":590},"\u002Fen\u002Fcomponents\u002Fbb-breadcrumbs\u002Fapi#prop-dividerWidth",[391,592,593],{},"divider-width",",\n",[405,596,598],{"href":597},"\u002Fen\u002Fcomponents\u002Fbb-breadcrumbs\u002Fapi#prop-gapWidth",[391,599,600],{},"gap-width",", or ",[405,603,605],{"href":604},"\u002Fen\u002Fcomponents\u002Fbb-breadcrumbs\u002Fapi#prop-ellipsisWidth",[391,606,607],{},"ellipsis-width"," only when their matching visual changes.\nIn a flex row, give the trail ",[391,610,611],{},"class=\"min-w-0 flex-auto\""," and keep its siblings\n",[391,614,615],{},"shrink-0",". The full trail renders on the server, then folds after hydration.",[427,618,620],{"id":619},"edges",[431,621,622],{},"Icons and edge regions",[387,624,625,626,629,630,422],{},"A fixed icon per crumb is an item field, not a slot: ",[391,627,628],{},"prepend:icon"," and\n",[391,631,632],{},"append:icon",[455,634],{"name":635},"BbBreadcrumbs\u002FEdgeRegions",[387,637,638,644,645,651,652,654],{},[405,639,641],{"href":640},"\u002Fen\u002Fcomponents\u002Fbb-breadcrumbs\u002Fapi#slot-prepend",[391,642,643],{},"prepend"," and ",[405,646,648],{"href":647},"\u002Fen\u002Fcomponents\u002Fbb-breadcrumbs\u002Fapi#slot-append",[391,649,650],{},"append"," hold content before and after the whole trail,\noutside the links: an environment badge, a compact action. Declare their width\nwith ",[391,653,580],{},", or the trail folds too late.",[387,656,657,658,664,665,671,672,664,674,676,677,680,681,684],{},"For content that varies per crumb, use ",[405,659,661],{"href":660},"\u002Fen\u002Fcomponents\u002Fbb-breadcrumbs\u002Fapi#slot-item:prepend",[391,662,663],{},"item:prepend"," or ",[405,666,668],{"href":667},"\u002Fen\u002Fcomponents\u002Fbb-breadcrumbs\u002Fapi#slot-item:append",[391,669,670],{},"item:append",". These slots are\ninside the crumb link, so do not add interactive descendants. They replace that\nside's ",[391,673,628],{},[391,675,632],{},". Their ",[391,678,679],{},"item.value","\ncan be ",[391,682,683],{},"undefined",", since values are optional.",[427,686,688],{"id":687},"crumb-slot",[431,689,690],{},"One crumb, its own slot",[387,692,693,694,696,697,703,704,644,710,716],{},"Every item with a ",[391,695,448],{}," also gets slots named after it: ",[405,698,700],{"href":699},"\u002Fen\u002Fcomponents\u002Fbb-breadcrumbs\u002Fapi#slot-%3Cvalue%3E",[391,701,702],{},"#\u003Cvalue>"," replaces that\ncrumb's label, ",[405,705,707],{"href":706},"\u002Fen\u002Fcomponents\u002Fbb-breadcrumbs\u002Fapi#slot-%3Cvalue%3E:prepend",[391,708,709],{},"#\u003Cvalue>:prepend",[405,711,713],{"href":712},"\u002Fen\u002Fcomponents\u002Fbb-breadcrumbs\u002Fapi#slot-%3Cvalue%3E:append",[391,714,715],{},"#\u003Cvalue>:append"," what sits before and after\nit.",[455,718],{"name":719},"BbBreadcrumbs\u002FCrumbSlot",[387,721,722,723,644,725,727,728,422],{},"Use these slots when one level needs richer content. A crumb in the overflow\nmenu is a dropdown row with the same ",[391,724,448],{},[391,726,488],{},", so it follows ",[405,729,731],{"href":730},"\u002Fen\u002Fcomponents\u002Fbb-dropdown#row-slots","the dropdown's rules",[387,733,734,735,739,740,511,743,629,746,749,750,753,754,757,758,761,762,765,766,768],{},"The slot name is the value in ",[736,737,738],"strong",{},"kebab-case",": ",[391,741,742],{},"Order History",[391,744,745],{},"orderHistory",[391,747,748],{},"order_history"," are all served by ",[391,751,752],{},"#order-history",". For a value with accents or\nanother script, write ",[391,755,756],{},"#[slotKey(value)]"," with ",[391,759,760],{},"slotKey"," from ",[391,763,764],{},"bitboss-ui",". A crumb\nwithout a ",[391,767,448],{}," has no slot of its own; the name is never taken from its label.",[470,770,772],{"title":771},"slot names are kebab-case",[387,773,774,775,778],{},"Rename each per-crumb slot to the kebab-case value: a name in the old spelling\nmatches no crumb, which then shows its default label. ",[391,776,777],{},"npx bitboss-ui check","\nnames the new spelling when the items are in the same file.",[387,780,781,782,511,784,594,786,511,789,511,792,794],{},"A value spelled like one of the component's own slots (",[391,783,643],{},[391,785,650],{},[391,787,788],{},"divider",[391,790,791],{},"ellipsis",[391,793,440],{},") is an error.",[427,796,798],{"id":797},"styling",[431,799,800],{},"Divider and overflow button",[387,802,803,804,808],{},"The separator between crumbs is a ",[405,805,807],{"href":806},"\u002Fen\u002Fcomponents\u002Fbb-breadcrumbs\u002Fapi#slot-divider","slot",", and only a slot.",[455,810],{"name":811},"BbBreadcrumbs\u002FDividerAndEllipsis",[387,813,814,815,818,819,422],{},"Dividers are decorative and stay ",[391,816,817],{},"aria-hidden",", so never encode meaning in one.\nIf yours is wider or narrower than the default, declare its width with\n",[391,820,593],{},[387,822,823,824,829,830,833,834,836],{},"The ",[405,825,827],{"href":826},"\u002Fen\u002Fcomponents\u002Fbb-breadcrumbs\u002Fapi#slot-ellipsis",[391,828,791],{}," slot receives ",[391,831,832],{},"overflowCount"," and keeps the accessible button and\nmenu behaviour. Declare a replacement's width with ",[391,835,607],{},", as the demo\ndoes.",[470,838,840],{"title":839},"divider removed",[387,841,842,843,845,846,849,850,852,853,856,857,860],{},"There is no ",[391,844,788],{}," prop in v3, and passing it leaks an attribute onto the\nmarkup. The default separator is a small chevron, not a ",[391,847,848],{},"\u002F",". The default of\n",[391,851,593],{}," moved from ",[391,854,855],{},"5"," to ",[391,858,859],{},"16",", which matters only if you had tuned the\nold value.",{"title":397,"searchDepth":19,"depth":19,"links":862},[863,864,865,866,867,868],{"id":429,"depth":15,"text":433},{"id":502,"depth":15,"text":505},{"id":546,"depth":15,"text":549},{"id":619,"depth":15,"text":622},{"id":687,"depth":15,"text":690},{"id":797,"depth":15,"text":800},"The trail that says where the reader is and how to get back up.","md",{},true,[874,875,876,877,878,879],{"id":429,"title":433},{"id":502,"title":505},{"id":546,"title":549},{"id":619,"title":622},{"id":687,"title":690},{"id":797,"title":800},{"title":188,"description":869},"components\u002Fbb-breadcrumbs","GmrA253o6lP3JDN5y3MrcKL3maoX6MJ9AQx6V27Jm48",{"name":188,"slug":884,"group":182,"description":885,"entrypoint":764,"docs":886,"props":889,"models":933,"events":934,"slots":935,"exposed":969,"pt":970,"validated":3,"migration":988},"bb-breadcrumbs","Renders hierarchical navigation paths.",{"contract":887,"source":888},"ai\u002FBbBreadcrumbs.md","ai\u002Fsource\u002FBbBreadcrumbs.md",[890,896,901,905,910,915,919,924,928],{"name":535,"type":891,"required":892,"default":893,"description":894,"note":895,"demo":502},"boolean | undefined",false,"false","Disables the component","On the component it freezes every crumb and the overflow button; per item it drops that crumb's `href` for `aria-disabled`. Use it for a level the reader can no longer open: a dead link is worse.",{"name":897,"type":898,"required":892,"default":859,"description":899,"note":900,"demo":797},"dividerWidth","number | undefined","Width of the divider in pixels.","Estimation only: it does not resize anything. The default moved from `5` in v2 to `16`, which matters only if you had tuned the old number.",{"name":902,"type":898,"required":892,"default":3,"description":903,"note":904,"demo":797},"ellipsisWidth","Explicit width used by the estimator for the ellipsis activator.","The width reserved for the overflow trigger. Set it whenever the `ellipsis` slot renders something wider than the default `…`.",{"name":906,"type":898,"required":892,"default":907,"description":908,"note":909,"demo":546},"estimationBias","1.12","Multiplier applied to each estimated item width. A higher value will result in more over-estimation.","A multiplier on every estimated item width. Raise it when crumbs clip before folding (a wider custom font is the usual cause), and lower it when the trail folds too eagerly.",{"name":911,"type":898,"required":892,"default":912,"description":913,"note":914,"demo":546},"gapWidth","4","Horizontal gap between breadcrumb elements in pixels.","Drives the rendered gap and the estimate at once, so changing it here is the supported way to retune the spacing.",{"name":570,"type":916,"required":872,"default":3,"description":917,"note":918,"demo":429},"BbBreadcrumbsItem[]","Array of items that describe how the breadcrumbs should behave. Compatible with navigating through `a` or `router-link`.","Each item is `{ label }` plus a target from the `BbBaseButton` navigation surface (minus `block`, `tag` and `type`), or an `onClick` when the hierarchy lives in client state. A last item without a target is the current page: it renders as text with `aria-current=\"page\"`, out of the tab order. With an `href` it is an ordinary link. `value` (v2 `key`) is optional and needed only for a crumb with its own slot; it is a string, so a numeric v2 key fails type checking, and code reading `item.value` must allow `undefined`.",{"name":920,"type":898,"required":892,"default":921,"description":922,"note":923,"demo":619},"offsetWidth","0","Extra one-off width in pixels added to the total estimate (e.g. prepend\u002Fappend\u002Fitem slot content).","The knob you actually reach for. Slot and icon content is invisible to the estimator, so declare its total here rather than shrinking the trail with CSS.",{"name":925,"type":926,"required":892,"default":3,"description":927,"note":3,"demo":3},"pt","PtMap\u003CBbBreadcrumbsPtPart, BbBreadcrumbsPtState> | undefined","Passthrough, object form: the same keys as the `pt:*` attributes without the prefix. See the `pt:\u003Cpart>` row.",{"name":929,"type":930,"required":892,"default":3,"description":931,"note":3,"demo":932},"pt:\u003Cpart>","PtValue | undefined","Passthrough, attribute form: one attribute per part, `pt:\u003Cpart>`, and per part and state, `pt:\u003Cpart>:\u003Cstate>`. Parts: `icon`, `item`, `root`, `text`. States: `active`, `disabled`.","passthrough",[],[],[936,941,944,948,952,956,960,963,966],{"name":937,"type":938,"description":939,"note":940,"demo":687},"\u003Cvalue>","BbBreadcrumbsItemSlotProps","One crumb's label, by its `value` through `slotKey`; falls back to `item.label`. A crumb folded into the overflow menu follows BbDropdown's slot rules instead (the same `#\u003Cvalue>` names).","Named by the crumb's `value` in kebab-case: `Order History` and `orderHistory` are both `#order-history`. A crumb without a `value` has no slot of its own, and a value spelled like a reserved slot (`prepend`, `append`, `divider`, `ellipsis`, `item`) is an error.",{"name":942,"type":938,"description":943,"note":3,"demo":687},"\u003Cvalue>:append","The glyph after one crumb's label; beats `item:append`, which beats its `append:icon`.",{"name":945,"type":938,"description":946,"note":947,"demo":687},"\u003Cvalue>:prepend","The glyph before one crumb's label; beats `item:prepend`, which beats its `prepend:icon`.","Content inside the link, so keep it non-interactive and mark a decorative mark `aria-hidden`. Invisible to the width estimator: declare it with `offset-width`.",{"name":650,"type":949,"description":950,"note":951,"demo":619},"BbBreadcrumbsEdgeSlotProps","Content rendered after the breadcrumb list, in a dedicated append region.","The natural home for compact page actions on a detail header. Keep them `size=\"xs\"` and declare their width with `offset-width`.",{"name":788,"type":953,"description":954,"note":955,"demo":797},"Record\u003Cstring, never>","Replaces the default separator rendered between breadcrumb items.","The only way to change the separator: the v2 `divider` prop no longer exists, and passing it leaks a stray attribute. Dividers stay `aria-hidden`, so never put meaning in one.",{"name":791,"type":957,"description":958,"note":959,"demo":797},"BbBreadcrumbsEllipsisSlotProps","Replaces the default `…` overflow button shown when items overflow.","Repaints the overflow trigger, which stays a real button with a localized, count-aware label and a keyboard-complete menu. The scope carries `overflowCount`, so the trigger can say how much is folded.",{"name":670,"type":938,"description":961,"note":962,"demo":619},"Content rendered after **every** breadcrumb item's link\u002Fbutton. Generic fallback below a per-item `\u003Cvalue>:append` slot and above the item's `append:icon`.","Same precedence as `item:prepend`: a per-crumb slot beats it, and the item's `append:icon` is the fallback below it.",{"name":663,"type":938,"description":964,"note":965,"demo":619},"Content rendered before **every** breadcrumb item's link\u002Fbutton, in the leading edge region. Generic fallback: a per-item `\u003Cvalue>:prepend` slot takes precedence, and the item's `prepend:icon` is used when neither slot is present.","The generic fallback for every crumb. A per-crumb `\u003Cvalue>:prepend` slot wins over it, and the item's own `prepend:icon` is used when neither slot is present. Prefer that field for a static glyph.",{"name":643,"type":949,"description":967,"note":968,"demo":619},"Content rendered before the breadcrumb list, in a dedicated prepend region.","A fixed region before the whole trail, not before each crumb: a hint, a workspace mark. Account for its width with `offset-width`.",[],{"parts":971,"states":982},[972,975,977,980],{"name":973,"description":974},"root","The `\u003Cnav>`.",{"name":440,"description":976},"One crumb — a broadcast resolved per crumb; the overflow ellipsis crumb counts. The dividers are chrome, not a part.",{"name":978,"description":979},"icon","A crumb's `prepend:icon` \u002F `append:icon` glyphs — a broadcast.",{"name":485,"description":981},"A crumb's label inside its link, without the glyphs beside it — a broadcast resolved per crumb, like `item`.",[983,986],{"name":984,"description":985},"active","Per node, on each crumb's `item` \u002F `text`: the current page — the last crumb, when it has no target (`href` \u002F `to` \u002F `onClick`).",{"name":535,"description":987},"Per node: a crumb that is disabled on its own; component-wide while the whole component is `disabled`.",{"removed":989,"renamed":1003},[990,998],{"name":991,"surface":440,"replacedBy":992,"hint":993,"since":994,"migration":995,"silent":872,"fix":996},"items[].key","items[].value","a crumb's identity, naming its `#\u003Cvalue>` slots; `check --fix` renames it","3.0.0-beta.49","ai\u002Fguides\u002Fmigration\u002Fcomponents\u002Fbb-breadcrumbs.md",{"kind":997},"rename",{"name":999,"surface":440,"replacedBy":1000,"hint":1001,"since":994,"migration":995,"silent":872,"fix":1002},"items[].text","items[].label","a crumb's text; `check --fix` renames it",{"kind":997},[],1793055138213]