[{"data":1,"prerenderedAt":696},["ShallowReactive",2],{"locale-alternates":3,"docs-nav-en":124,"api-BbCheckbox":352,"page-en-\u002Fcomponents\u002Fbb-checkbox\u002Fapi":364},{"\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",{"name":224,"slug":353,"group":221,"description":354,"entrypoint":355,"docs":356,"props":359,"models":584,"events":587,"slots":615,"exposed":629,"pt":630,"validated":665,"migration":680},"bb-checkbox","Toggles a single boolean option.","bitboss-ui",{"contract":357,"source":358},"ai\u002FBbCheckbox.md","ai\u002Fsource\u002FBbCheckbox.md",[360,366,372,378,385,390,395,400,403,406,410,414,417,421,426,433,436,439,443,446,450,453,455,457,459,461,463,465,467,469,471,473,475,477,479,481,483,485,487,489,491,493,495,497,499,501,503,505,507,509,511,513,515,517,519,521,523,525,527,529,531,533,535,537,539,541,543,545,547,549,551,553,555,557,559,563,568,572,576,580],{"name":361,"type":362,"required":363,"default":364,"description":365,"note":364,"demo":364},"autofocus","Booleanish | undefined",false,null,"Sets autofocus on page load.",{"name":367,"type":368,"required":363,"default":364,"description":369,"note":370,"demo":371},"checked","boolean | undefined","Defines the input as checked.","Overrides the model-derived display, so it is how a select-all master paints itself from its children. Passing it together with a `v-model` gives the box two sources of truth and `checked` wins — pick one. Narrowed to a plain boolean in v3: the v2 `checked=\"false\"` no longer compiles, which is the loud version of a bug that used to check the box.","select-all",{"name":373,"type":374,"required":363,"default":364,"description":375,"note":376,"demo":377},"description","string | undefined","Descriptive text displayed below the label and above the input. Unlike the hint it is always\nvisible, and it is linked to the input via `aria-describedby` (after any\n`errors` \u002F `warnings`, before the `hint`).","Always visible, unlike `hint`. Put durable information here — including the reason a box is disabled, which otherwise reads as a bug.","states",{"name":379,"type":380,"required":363,"default":381,"description":382,"note":383,"demo":384},"direction","InputDirection | undefined","\"auto\"","Direction of the layout of the component. Can either be a predefined value or a pattern separated by a space like `xx xxxxx`.","A two-token pattern such as `\"x xxxxxxx\"` splits the width by token length, the first token sizing whichever element renders first — which `reverse` decides.","layout",{"name":386,"type":368,"required":363,"default":387,"description":388,"note":389,"demo":377},"disabled","false","Disables the component.","Takes the box out of the tab order and out of the form post. When the value must still reach the server, you want `readonly` instead.",{"name":391,"type":392,"required":363,"default":364,"description":393,"note":394,"demo":377},"errors","string | string[] | undefined","Can be a string or an array of string containing the messages to display.\nThey render in an `aria-live=\"polite\"` region (announced when they appear)\nand, while the list is non-empty, are referenced FIRST from the control's\n`aria-describedby`, so the reason the field is invalid is re-read whenever\nthe control regains focus.","A non-empty value puts the field in the error state by itself; `has-errors` is for the styling without a message. Referenced first from `aria-describedby`, so it is what a screen reader reads when the field regains focus.",{"name":396,"type":397,"required":363,"default":364,"description":398,"note":364,"demo":399},"falseValue","any","Value of the input when unchecked. It handles any kind of serializable object.","values",{"name":401,"type":368,"required":363,"default":387,"description":402,"note":364,"demo":377},"hasErrors","Define if the component should be in an error state.\nIt usually attaches a CSS class for styling purposes.",{"name":404,"type":368,"required":363,"default":387,"description":405,"note":364,"demo":377},"hasWarnings","Define if the component should be in a warning state.\nSame chrome as errors with `--bb-warn`; errors take priority.",{"name":407,"type":368,"required":363,"default":387,"description":408,"note":409,"demo":384},"hideLabel","Visually hides the label of the input while maintaining accessibility.","For dense composites where visible text already labels the box — a selection column in a table. It hides the label, it does not remove it: `label` is still required.",{"name":411,"type":374,"required":363,"default":364,"description":412,"note":413,"demo":377},"hint","Text box to be displayed near the input, usually to indicate instructions.","Hidden until the field has focus unless `persistent-hint` pins it open. Guidance for the moment of filling in; anything durable belongs in `description`.",{"name":415,"type":374,"required":363,"default":364,"description":416,"note":364,"demo":364},"id","The identifier of the component.",{"name":418,"type":368,"required":363,"default":387,"description":419,"note":420,"demo":371},"indeterminate","Sets the input in an indeterminate state.","Visual only — it never enters the model, and the component re-applies it after a click because the native state resets on interaction. If the server needs a real tri-state value, model it explicitly.",{"name":422,"type":423,"required":363,"default":424,"description":425,"note":364,"demo":384},"inputPosition","\"left\" | \"center\" | \"right\" | undefined","\"left\"","Sets the alignment of the input. Since inputs are inline block they can be aligned just as text can.",{"name":427,"type":428,"required":429,"default":364,"description":430,"note":431,"demo":432},"label","string",true,"Text content of the label of the element.","Required, because it is the accessible name. It stays required when you replace the rendered text through the `label` slot — the slot decorates the string, it does not replace its role.","default",{"name":434,"type":423,"required":363,"default":364,"description":435,"note":364,"demo":364},"labelPosition","Sets the text alignment of the label.",{"name":437,"type":397,"required":363,"default":364,"description":438,"note":364,"demo":364},"modelValue","Used by v-model. Can be any serializable type.",{"name":440,"type":374,"required":363,"default":364,"description":441,"note":442,"demo":399},"name","Defines the name of the input.","Generated when omitted, which is fine in an SPA and not in a form that posts. Pass it whenever the value has to arrive under a known key.",{"name":444,"type":368,"required":363,"default":387,"description":445,"note":364,"demo":377},"persistentHint","Keeps the hint displayed.",{"name":447,"type":448,"required":363,"default":364,"description":449,"note":364,"demo":364},"pt","PtMap\u003CTogglePtPart, CheckablePtState> | undefined","Passthrough, object form: the same keys as the `pt:*` attributes\nwithout the prefix. See the `pt:\u003Cpart>` row.",{"name":451,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:description","PtValue | undefined",{"name":454,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:description:checked",{"name":456,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:description:disabled",{"name":458,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:description:errors",{"name":460,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:description:focus-visible",{"name":462,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:description:focused",{"name":464,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:description:indeterminate",{"name":466,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:description:readonly",{"name":468,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:description:warnings",{"name":470,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:hint",{"name":472,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:hint:checked",{"name":474,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:hint:disabled",{"name":476,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:hint:errors",{"name":478,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:hint:focus-visible",{"name":480,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:hint:focused",{"name":482,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:hint:indeterminate",{"name":484,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:hint:readonly",{"name":486,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:hint:warnings",{"name":488,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:icon",{"name":490,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:icon:checked",{"name":492,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:icon:disabled",{"name":494,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:icon:errors",{"name":496,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:icon:focus-visible",{"name":498,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:icon:focused",{"name":500,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:icon:indeterminate",{"name":502,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:icon:readonly",{"name":504,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:icon:warnings",{"name":506,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:label",{"name":508,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:label:checked",{"name":510,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:label:disabled",{"name":512,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:label:errors",{"name":514,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:label:focus-visible",{"name":516,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:label:focused",{"name":518,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:label:indeterminate",{"name":520,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:label:readonly",{"name":522,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:label:warnings",{"name":524,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:message",{"name":526,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:message:checked",{"name":528,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:message:disabled",{"name":530,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:message:errors",{"name":532,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:message:focus-visible",{"name":534,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:message:focused",{"name":536,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:message:indeterminate",{"name":538,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:message:readonly",{"name":540,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:message:warnings",{"name":542,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:root",{"name":544,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:root:checked",{"name":546,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:root:disabled",{"name":548,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:root:errors",{"name":550,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:root:focus-visible",{"name":552,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:root:focused",{"name":554,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:root:indeterminate",{"name":556,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:root:readonly",{"name":558,"type":452,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:root:warnings",{"name":560,"type":368,"required":363,"default":387,"description":561,"note":562,"demo":377},"readonly","Sets the input in a readonly state.","Not the same as `disabled`: it sets no native attribute, so the box stays focusable and still submits, while every change is swallowed and `update:modelValue` never fires. Use it for a value the user may see and must not change.",{"name":564,"type":368,"required":363,"default":387,"description":565,"note":566,"demo":567},"required","Sets the input as required.","Sets the native attribute, so the box joins native form validation. For app-driven validation prefer `errors`, where you control the wording and the announcement.","consent",{"name":569,"type":368,"required":363,"default":387,"description":570,"note":571,"demo":384},"reverse","Reverses the layout: in every direction the order of the label and the\ninput is swapped from the standard arrangement.","Its meaning inverted in v3 and the compiler cannot see it. The default rendering is unchanged, but `:reverse=\"false\"` from v2 becomes a bare `reverse`, and a v2 `reverse` is simply deleted.",{"name":573,"type":368,"required":363,"default":387,"description":574,"note":575,"demo":399},"submitWhenFalse","Will submit \"falseValue\" if the input is not checked. Otherwise \"trueValue\" will be submitted.","An unchecked box posts nothing at all — standard HTML, and a recurring surprise on the server. This renders a hidden input carrying `false-value` so the field always arrives. Irrelevant in an SPA, where you bind into form state instead.",{"name":577,"type":397,"required":363,"default":364,"description":578,"note":579,"demo":399},"trueValue","Value of the input when checked. It handles any kind of serializable object.","Checked-ness is derived by deep equality against this value, so object values match structurally rather than by reference.",{"name":581,"type":392,"required":363,"default":364,"description":582,"note":583,"demo":377},"warnings","Warning messages to display beneath the field, in their own `aria-live`\nregion and amber (`--bb-text-warn`). A string or array; a non-empty list\nimplies the warning state. Errors suppress warnings when both are set.\nWhile displayed they are also referenced from the control's\n`aria-describedby`, after any errors and before the description\u002Fhint.","The amber counterpart of `errors`, for a value that is valid but worth a second look. It does not set `aria-invalid`, and errors suppress it when both are set.",[585],{"name":437,"type":397,"note":586,"demo":432},"Carries `true-value` on check and `false-value` on uncheck, and nothing else. Never derive the state from a `@click` or `@change` handler; those are for side concerns.",[588,591,594,597,600,603,606,609,612],{"name":589,"signature":590,"description":364,"note":364,"demo":364},"blur","(event: \"blur\", event: FocusEvent): void",{"name":592,"signature":593,"description":364,"note":364,"demo":364},"change","(event: \"change\", event: Event): void",{"name":595,"signature":596,"description":364,"note":364,"demo":364},"click","(event: \"click\", event: MouseEvent): void",{"name":598,"signature":599,"description":364,"note":364,"demo":364},"focus","(event: \"focus\", event: FocusEvent): void",{"name":601,"signature":602,"description":364,"note":364,"demo":364},"input","(event: \"input\", event: Event): void",{"name":604,"signature":605,"description":364,"note":364,"demo":364},"keydown","(event: \"keydown\", event: KeyboardEvent): void",{"name":607,"signature":608,"description":364,"note":364,"demo":364},"mousedown","(event: \"mousedown\", event: MouseEvent): void",{"name":610,"signature":611,"description":364,"note":364,"demo":364},"mouseup","(event: \"mouseup\", event: MouseEvent): void",{"name":613,"signature":614,"description":364,"note":364,"demo":364},"update:modelValue","(event: \"update:modelValue\", value: any): void",[616,619,625],{"name":373,"type":617,"description":618,"note":364,"demo":364},"BbCheckboxDescriptionSlotProps","Replaces the description text. Provided alone (no `description` prop) it still\nrenders the description region and wires it into `aria-describedby`.",{"name":620,"type":621,"description":622,"note":623,"demo":624},"icon","BbCheckboxIconSlotProps","Replaces the default checkmark SVG inside the checkbox box. Receives the\ncheckbox state plus the label text.","Replaces the entire box visual — border, background and checkmark — so the slot content has to communicate every state itself. When the row around it is the problem rather than the box, drop to `BbBaseCheckboxIcon` instead.","custom-markup",{"name":427,"type":626,"description":627,"note":628,"demo":567},"BbCheckboxLabelSlotProps","Replaces the default label text rendered next to the checkbox.","Receives `{ text, hasErrors, hasWarnings }`. The whole control is one `\u003Clabel>`, so interactive children have to be real anchors: a click on an `\u003Ca>` navigates, a click on anything else toggles the box.",[],{"parts":631,"states":646},[632,635,637,639,642,644],{"name":633,"description":634},"root","The toggle's container: the glyph, the label and the lines under them.",{"name":427,"description":636},"The label text beside the glyph (the `label` prop).",{"name":373,"description":638},"The muted line under the label (the `description` prop).",{"name":640,"description":641},"message","The errors \u002F warnings line. A node of its own: it can show at the same time as `hint`.",{"name":411,"description":643},"The helper line (the `hint` prop), shown on focus, or always with `persistent-hint`.",{"name":620,"description":645},"The drawn glyph — the box, the dot or the switch track. The default one: a consumer `icon` slot replaces it. The hidden native input is not a part.",[647,649,651,653,656,659,661,663],{"name":367,"description":648},"Component-wide: the toggle is on.",{"name":386,"description":650},"Component-wide: the toggle is `disabled`.",{"name":391,"description":652},"Component-wide: the toggle shows errors — the glyph and the message line turn red.",{"name":654,"description":655},"focus-visible","Component-wide: that focus is keyboard-visible — where a focus ring belongs.",{"name":657,"description":658},"focused","Component-wide: the native input has focus — any focus, mouse included, like the `focused` slot prop.",{"name":418,"description":660},"Component-wide: the mixed state (the `indeterminate` prop) — neither on nor off.",{"name":560,"description":662},"Component-wide: the toggle is `readonly` — focusable, cannot change.",{"name":581,"description":664},"Component-wide: the toggle shows warnings and no errors.",{"entrypoint":666,"props":667},"bitboss-ui\u002Fvalidated",[668,672,677],{"name":669,"type":670,"required":363,"default":364,"description":671,"note":364,"demo":364},"rules","RuleExpression\u003Cany>","vee-validate rules for this field.",{"name":673,"type":674,"required":363,"default":675,"description":676,"note":364,"demo":364},"validateOn","ValidateTiming[] | undefined","[\"update:modelValue\", \"change\", \"blur\"]","Which interactions trigger validation (see\n`ValidatedFieldProps.validateOn` for the timing vocabulary).",{"name":678,"type":374,"required":363,"default":364,"description":679,"note":364,"demo":364},"vid","Explicit vee-validate field name. **Usually omit it** — the name is derived\nautomatically from the control's `label`\u002F`legend`. Only set `vid` when that\nderivation wouldn't be unique (e.g. v-for rows, or array `v-model`s that\nshare a label). A control with no `label`\u002F`legend` (like `BbDropzone`) must\nprovide it.",{"removed":681,"renamed":693},[682,688],{"name":683,"replacedBy":364,"since":684,"migration":685,"silent":429,"fix":686},"color","3.0.0-unreleased","ai\u002Fguides\u002Fmigration\u002Fcomponents\u002Fbb-checkbox.md",{"kind":687},"manual",{"name":689,"replacedBy":404,"since":684,"migration":690,"silent":429,"fix":691},"hasWarning","ai\u002Fguides\u002Fmigration\u002Fv2-to-v3.md",{"kind":692},"rename",[694],{"from":689,"to":404,"since":684,"migration":690,"fix":695},{"kind":692},1790062844087]