[{"data":1,"prerenderedAt":1185},["ShallowReactive",2],{"locale-alternates":3,"docs-nav-en":134,"api-none":377,"page-en-\u002Fguides\u002Fadoption-checklist":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":147,"body":380,"component":377,"description":1170,"extension":1171,"group":136,"meta":1172,"navigation":1173,"order":149,"path":148,"sections":1174,"seo":1182,"stem":1183,"__hash__":1184},"docs_en\u002Fguides\u002Fadoption-checklist.md",{"type":381,"value":382,"toc":1161},"minimark",[383,387,395,407,413,416,433,440,446,473,511,517,520,571,588,594,601,1083,1103,1109,1115,1142,1148,1154,1157],[384,385,386],"p",{},"A migration is done when the app runs on the library's behaviour, not when the\ngates are green. Walk this list after the app compiles and runs on the new\nversion, whether it comes from bitboss-ui v2, from another component library or\nfrom controls it built itself.",[388,389,391],"h2",{"id":390},"why",[392,393,394],"span",{},"Why a second walk",[384,396,397,398,402,403,406],{},"One app passed every gate after its upgrade: ",[399,400,401],"code",{},"vue-tsc",", about 900 tests,\n",[399,404,405],{},"bitboss-ui check"," and screenshot diffs against the old version. It still kept\nabout 25 controls it had built by hand while the library shipped them: radio\ncards, tag groups, segmented controls, check squares, steppers, sortable\nheaders, a nested table, notice boxes, its own mobile sheets. Each was a place\nwhere keyboard support, ARIA, focus, mobile behaviour and the look drifted from\nthe rest of the app. Moving them onto the library took a second full pass. This\nchecklist is that pass, done the first time.",[388,408,410],{"id":409},"judge",[392,411,412],{},"What to adopt, and what to leave",[384,414,415],{},"Judge each case by its gain.",[417,418,419,427],"ul",{},[420,421,422,426],"li",{},[423,424,425],"strong",{},"Adopt"," where the library removes a sizable amount of hand-rolled code or\nbehaviour: each of those 25 controls dropped its own keyboard handling, ARIA\nand styling for the library's.",[420,428,429,432],{},[423,430,431],{},"Leave"," a low-gain nicety that would mean refactoring shared code, such as a\nnewer confirm option that would rework the app's shared confirm composable.",[384,434,435,436,439],{},"Adoption is part of the migration; tidying unrelated code is not. A hand-rolled\ncontrol you decide to keep gets one line in a ",[399,437,438],{},"HANDROLLED.md"," with the reason,\nso the next reader knows it was a decision.",[388,441,443],{"id":442},"find",[392,444,445],{},"How to find them",[447,448,453],"pre",{"className":449,"code":450,"language":451,"meta":452,"style":452},"language-bash shiki shiki-themes github-light-high-contrast github-dark-high-contrast","npx bitboss-ui check --idioms\n","bash","",[399,454,455],{"__ignoreMap":452},[392,456,458,462,466,469],{"class":457,"line":141},"line",[392,459,461],{"class":460},"soyes","npx",[392,463,465],{"class":464},"sT6z2"," bitboss-ui",[392,467,468],{"class":464}," check",[392,470,472],{"class":471},"s-5SL"," --idioms\n",[384,474,475,476,483,484,487,488,490,491,494,495,498,499,502,503,506,507,510],{},"It runs the regular ",[477,478,480],"a",{"href":479},"\u002Fen\u002Fguides\u002Fai-agents#check",[399,481,482],{},"check",", then lists every\npattern below that is still in the app, with the file, the line and the\nreplacement. It is report-only: the patterns are guesses from markup (a raw\n",[399,485,486],{},"\u003Ctable>"," can be an email template), so they never change the exit code, and a\nplain ",[399,489,482],{}," never runs them. ",[399,492,493],{},"--json"," adds an ",[399,496,497],{},"idioms"," array of\n",[399,500,501],{},"{ file, line, id, use }",". The package carries the same list with an ",[399,504,505],{},"rg","\ncommand per row, in\n",[399,508,509],{},"node_modules\u002Fbitboss-ui\u002Fdist\u002Fai\u002Fguides\u002Fmigration\u002Fadoption-checklist.md",".",[388,512,514],{"id":513},"views-or-values",[392,515,516],{},"Switch views or pick a value",[384,518,519],{},"The two look alike and are not interchangeable. Decide by the job:",[417,521,522,540],{},[420,523,524,531,532,535,536,539],{},[423,525,526,527],{},"Switch views → ",[477,528,529],{"href":86},[399,530,327],{},", whose default ",[399,533,534],{},"pill","\nlook is the segmented strip. The choice changes what the page shows: Board \u002F\nTable, Info \u002F Users. It gets the tab roles, the sliding pill and, with\n",[399,537,538],{},"navigation",", a URL.",[420,541,542,550,551,554,555,558,559,562,563,566,567,570],{},[423,543,544,545],{},"Pick a value → ",[477,546,548],{"href":547},"\u002Fen\u002Fcomponents\u002Fbb-radio-group#tabs-look",[399,549,255],{},"\nwith ",[399,552,553],{},"variant=\"pill\""," or ",[399,556,557],{},"\"line\"",", the tab strip's looks. The choice is a value a form or a filter\nsubmits: a status filter, a plan. It stays a radio group: arrow keys select,\n\"2 of 4\" is announced, and ",[399,560,561],{},"legend",", ",[399,564,565],{},"errors"," and ",[399,568,569],{},"required"," work.",[384,572,573,574,579,580,550,585,510],{},"Several values at once is ",[477,575,577],{"href":576},"\u002Fen\u002Fcomponents\u002Fbb-checkbox-group#tabs-look",[399,578,249],{},",\nwith the same two looks.\nIndependent on\u002Foff toggles are ",[477,581,583],{"href":582},"\u002Fen\u002Fcomponents\u002Fbb-button#toggle",[399,584,205],{},[399,586,587],{},"v-model",[388,589,591],{"id":590},"patterns",[392,592,593],{},"The patterns",[384,595,596,597,600],{},"What you find, and what replaces it. The id in brackets is what\n",[399,598,599],{},"check --idioms"," reports.",[602,603,604,617],"table",{},[605,606,607],"thead",{},[608,609,610,614],"tr",{},[611,612,613],"th",{},"You find",[611,615,616],{},"Use instead",[618,619,620,643,668,688,723,752,772,793,807,827,842,874,906,919,942,959,978,1008,1027,1046,1063],"tbody",{},[608,621,622,637],{},[623,624,625,626,629,630,633,634],"td",{},"Radio cards, a pill row, ",[399,627,628],{},"role=\"radiogroup\"",", a raw ",[399,631,632],{},"\u003Cinput type=\"radio\">"," ",[399,635,636],{},"[radio-group]",[623,638,639],{},[477,640,641],{"href":66},[399,642,255],{},[608,644,645,657],{},[623,646,647,650,651,633,654],{},[399,648,649],{},"role=\"checkbox\""," on your markup, a raw ",[399,652,653],{},"\u003Cinput type=\"checkbox\">",[399,655,656],{},"[checkbox]",[623,658,659,663,664],{},[477,660,661],{"href":22},[399,662,246],{}," \u002F ",[477,665,666],{"href":24},[399,667,249],{},[608,669,670,682],{},[623,671,672,663,675,678,679],{},[399,673,674],{},"role=\"tablist\"",[399,676,677],{},"role=\"tab\""," on your markup ",[399,680,681],{},"[tabs]",[623,683,684],{},[477,685,686],{"href":86},[399,687,327],{},[608,689,690,711],{},[623,691,692,693,696,697,700,701,663,704,707,708],{},"A ",[399,694,695],{},"v-for"," of ",[399,698,699],{},"aria-pressed"," buttons, a ",[399,702,703],{},"SegmentedControl",[399,705,706],{},"TagGroup"," of your own ",[399,709,710],{},"[toggle-group]",[623,712,713,562,715,554,717,562,719],{},[399,714,327],{},[399,716,255],{},[399,718,249],{},[477,720,722],{"href":721},"#views-or-values","by the job",[608,724,725,738],{},[623,726,727,728,731,732,633,735],{},"Your own ",[399,729,730],{},"aria-sort",", sort arrows and click handlers on ",[399,733,734],{},"\u003Cth>",[399,736,737],{},"[sort-header]",[623,739,740,633,745,748,749],{},[477,741,743],{"href":742},"\u002Fen\u002Fcomponents\u002Fbb-table#sorting",[399,744,363],{},[399,746,747],{},"sortable"," columns and ",[399,750,751],{},"v-model:sort",[608,753,754,763],{},[623,755,756,757,759,760],{},"A raw ",[399,758,486],{},", a hand-made nested or expanding one ",[399,761,762],{},"[table]",[623,764,765,767,768,771],{},[399,766,363],{},", with ",[399,769,770],{},"#expand"," for rows that open",[608,773,774,784],{},[623,775,776,777,780,781],{},"A check icon in ",[399,778,779],{},"#option",", or a class hiding the library's own check ",[399,782,783],{},"[option-check]",[623,785,786,787,562,789,566,791],{},"The selected row draws its own check in ",[399,788,261],{},[399,790,264],{},[399,792,291],{},[608,794,795,801],{},[623,796,797,798],{},"Minus \u002F plus buttons around a number ",[399,799,800],{},"[stepper]",[623,802,803],{},[477,804,805],{"href":54},[399,806,223],{},[608,808,809,821],{},[623,810,811,812,554,815,633,818],{},"A styled ",[399,813,814],{},"\u003Cdiv role=\"status\">",[399,816,817],{},"role=\"alert\"",[399,819,820],{},"[notice]",[623,822,823],{},[477,824,825],{"href":6},[399,826,336],{},[608,828,829,835],{},[623,830,831,832],{},"A whole card wrapped in a link ",[399,833,834],{},"[clickable-card]",[623,836,837,841],{},[477,838,839],{"href":14},[399,840,202],{}," as an overlay link; keep the box",[608,843,844,863],{},[623,845,692,846,849,850,853,854,856,857,633,860],{},[399,847,848],{},"useBottomSheet"," of your own, a ",[399,851,852],{},"v-if","'d ",[399,855,300],{},", a side switched on ",[399,858,859],{},"isMobile",[399,861,862],{},"[app-sheet]",[623,864,865,866,870,871],{},"The adaptive overlays, or ",[477,867,868],{"href":56},[399,869,300],{}," with ",[399,872,873],{},":side=\"{ default: 'bottom', md: 'right' }\"",[608,875,876,891],{},[623,877,756,878,562,881,884,885,633,888],{},[399,879,880],{},"\u003Cdialog>",[399,882,883],{},"window.confirm()",", an app ",[399,886,887],{},"ConfirmDialog",[399,889,890],{},"[app-dialog]",[623,892,893,566,897,900,901],{},[477,894,895],{"href":38},[399,896,288],{},[399,898,899],{},"v-bb-dialog",", or ",[477,902,903],{"href":32},[399,904,905],{},"confirm()",[608,907,908,914],{},[623,909,910,911],{},"A delete confirm without the destructive look ",[399,912,913],{},"[destructive-confirm]",[623,915,916],{},[399,917,918],{},"confirm({ variant: 'destructive' })",[608,920,921,936],{},[623,922,727,923,562,926,554,929,932,933],{},[399,924,925],{},"useIsMobile",[399,927,928],{},"matchMedia",[399,930,931],{},"innerWidth"," check ",[399,934,935],{},"[media-query]",[623,937,938,941],{},[399,939,940],{},"useMobile()",", the breakpoint the overlays switch at",[608,943,944,953],{},[623,945,946,947,633,950],{},"Page-number buttons, an app ",[399,948,949],{},"Pagination",[399,951,952],{},"[pagination]",[623,954,955],{},[477,956,957],{"href":58},[399,958,324],{},[608,960,961,972],{},[623,962,756,963,663,966,633,969],{},[399,964,965],{},"\u003Cdetails>",[399,967,968],{},"\u003Csummary>",[399,970,971],{},"[disclosure]",[623,973,974],{},[477,975,976],{"href":4},[399,977,315],{},[608,979,980,994],{},[623,981,756,982,562,985,554,988,633,991],{},[399,983,984],{},"\u003Cinput>",[399,986,987],{},"\u003Ctextarea>",[399,989,990],{},"\u003Cselect>",[399,992,993],{},"[form-control]",[623,995,996,562,998,562,1000,562,1002,562,1004,562,1006],{},[399,997,235],{},[399,999,223],{},[399,1001,214],{},[399,1003,239],{},[399,1005,231],{},[399,1007,261],{},[608,1009,1010,1018],{},[623,1011,756,1012,633,1015],{},[399,1013,1014],{},"\u003Cbutton>",[399,1016,1017],{},"[raw-button]",[623,1019,1020,900,1024,1026],{},[477,1021,1022],{"href":18},[399,1023,205],{},[399,1025,202],{}," for your own look",[608,1028,1029,1040],{},[623,1030,756,1031,554,1034,633,1037],{},[399,1032,1033],{},"\u003Cprogress>",[399,1035,1036],{},"role=\"progressbar\"",[399,1038,1039],{},"[progress]",[623,1041,1042],{},[477,1043,1044],{"href":62},[399,1045,345],{},[608,1047,1048,1057],{},[623,1049,1050,1051,707,1054],{},"An ",[399,1052,1053],{},"InitialsAvatar",[399,1055,1056],{},"[avatar]",[623,1058,1059],{},[477,1060,1061],{"href":10},[399,1062,357],{},[608,1064,1065,1076],{},[623,1066,1067,554,1070,633,1073],{},[399,1068,1069],{},"adaptive: false",[399,1071,1072],{},":adaptive=\"false\"",[399,1074,1075],{},"[adaptive-false]",[623,1077,1078,1079],{},"Remove it in the ",[477,1080,1082],{"href":1081},"#adaptive","final phase",[384,1084,1085,1086,1090,1091,1095,1096,1099,1100,510],{},"Some patterns have no reliable search. Look for them by eye on the same walk: a\ntinted pill standing for a status is a ",[477,1087,1088],{"href":12},[399,1089,339],{}," with\na registered variant, a count pinned over a control is a\n",[477,1092,1093],{"href":52},[399,1094,342],{},", and a read-only value drawn as a\nstyled ",[399,1097,1098],{},"div"," is the field itself with ",[399,1101,1102],{},"readonly",[388,1104,1106],{"id":1105},"adaptive",[392,1107,1108],{},"Final phase, go adaptive",[384,1110,1111,1112,1114],{},"A migration from v2 often turns ",[399,1113,1105],{}," off at first, to keep the floating\npanels while everything else moves. That is a temporary crutch, not a\ndestination. Once the app is stable on the new version:",[1116,1117,1118,1127,1139],"ol",{},[420,1119,1120,1121,1123,1124,1126],{},"Remove ",[399,1122,1069],{}," from the plugin options and every\n",[399,1125,1072],{},", so dialogs, dropdowns, selects, popovers and the pickers\nopen as bottom sheets on a phone.",[420,1128,1129,1130,1133,1134,870,1136,510],{},"Delete the app's own sheets and every ",[399,1131,1132],{},"isMobile ? 'bottom' : 'right'",". A\npanel at the side on desktop and at the bottom on a phone is\n",[399,1135,873],{},[399,1137,1138],{},"draggable",[420,1140,1141],{},"Walk the app at phone width and review every overlay once.",[384,1143,1144,1145,1147],{},"Keep ",[399,1146,1072],{}," only on a surface that must never become a sheet, with\na comment that says why.",[388,1149,1151],{"id":1150},"rebuild",[392,1152,1153],{},"Last step, rebuild",[384,1155,1156],{},"Rebuild and redeploy the production assets. A committed or cached build keeps\nserving the old library until it is rebuilt, and every review of the migrated\napp on that server looks at the old version.",[1158,1159,1160],"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);}",{"title":452,"searchDepth":149,"depth":149,"links":1162},[1163,1164,1165,1166,1167,1168,1169],{"id":390,"depth":145,"text":394},{"id":409,"depth":145,"text":412},{"id":442,"depth":145,"text":445},{"id":513,"depth":145,"text":516},{"id":590,"depth":145,"text":593},{"id":1105,"depth":145,"text":1108},{"id":1150,"depth":145,"text":1153},"Finish a migration on the library's behaviour, not on green gates. Find what the app still builds by hand and replace it.","md",{},true,[1175,1176,1177,1178,1179,1180,1181],{"id":390,"title":394},{"id":409,"title":412},{"id":442,"title":445},{"id":513,"title":516},{"id":590,"title":593},{"id":1105,"title":1108},{"id":1150,"title":1153},{"title":147,"description":1170},"guides\u002Fadoption-checklist","iS5H_p3Vvh_s_6_ANiXy2OwzlTIdIckgBo7SxeNUQnc",1793055147741]