[{"data":1,"prerenderedAt":686},["ShallowReactive",2],{"locale-alternates":3,"docs-nav-en":124,"api-BbSwitch":352,"page-en-\u002Fcomponents\u002Fbb-switch\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":248,"slug":353,"group":221,"description":354,"entrypoint":355,"docs":356,"props":359,"models":574,"events":577,"slots":606,"exposed":619,"pt":620,"validated":655,"migration":670},"bb-switch","Toggles two-state values with switch semantics.","bitboss-ui",{"contract":357,"source":358},"ai\u002FBbSwitch.md","ai\u002Fsource\u002FBbSwitch.md",[360,366,372,378,383,387,391,396,399,402,405,408,411,415,420,426,429,432,435,438,442,445,447,449,451,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,556,559,563,567,571],{"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.","Paints the control from state you own elsewhere and wins over `modelValue` until you unset it — so it is display-driven or bound, never both. Narrowed to a plain boolean in v3: the v2 `checked=\"false\"` no longer compiles, where it used to turn the switch on.","passive-state",{"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 and tied to the control through `aria-describedby`. On a settings row it is where the consequence of flipping the switch belongs.","default",{"name":379,"type":380,"required":363,"default":381,"description":382,"note":364,"demo":364},"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`.",{"name":384,"type":368,"required":363,"default":385,"description":386,"note":364,"demo":364},"disabled","false","Disables the component.",{"name":388,"type":389,"required":363,"default":364,"description":390,"note":364,"demo":364},"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.",{"name":392,"type":393,"required":363,"default":364,"description":394,"note":364,"demo":395},"falseValue","any","Value of the input when unchecked. It handles any kind of serializable object.","values",{"name":397,"type":368,"required":363,"default":385,"description":398,"note":364,"demo":364},"hasErrors","Define if the component should be in an error state.\nIt usually attaches a CSS class for styling purposes.",{"name":400,"type":368,"required":363,"default":385,"description":401,"note":364,"demo":364},"hasWarnings","Define if the component should be in a warning state.\nSame chrome as errors with `--bb-warn`; errors take priority.",{"name":403,"type":368,"required":363,"default":385,"description":404,"note":364,"demo":364},"hideLabel","Visually hides the label of the input while maintaining accessibility.",{"name":406,"type":374,"required":363,"default":364,"description":407,"note":364,"demo":364},"hint","Text box to be displayed near the input, usually to indicate instructions.",{"name":409,"type":374,"required":363,"default":364,"description":410,"note":364,"demo":364},"id","The identifier of the component.",{"name":412,"type":368,"required":363,"default":385,"description":413,"note":414,"demo":371},"indeterminate","Sets the input in an indeterminate state.","Parks the thumb midway, for a master switch whose children disagree. Visual only — the model keeps its value, and the component re-asserts the state after clicks because the DOM resets it natively.",{"name":416,"type":417,"required":363,"default":418,"description":419,"note":364,"demo":364},"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":421,"type":422,"required":423,"default":364,"description":424,"note":425,"demo":377},"label","string",true,"Text content of the label of the element.","Required — it is the accessible name of the switch. Do not add ARIA of your own: the control already exposes `role=\"switch\"` and its state.",{"name":427,"type":417,"required":363,"default":364,"description":428,"note":364,"demo":364},"labelPosition","Sets the text alignment of the label.",{"name":430,"type":393,"required":363,"default":364,"description":431,"note":364,"demo":364},"modelValue","Used by v-model. Can be any serializable type.",{"name":433,"type":374,"required":363,"default":364,"description":434,"note":364,"demo":364},"name","Defines the name of the input.",{"name":436,"type":368,"required":363,"default":385,"description":437,"note":364,"demo":364},"persistentHint","Keeps the hint displayed.",{"name":439,"type":440,"required":363,"default":364,"description":441,"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":443,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:description","PtValue | undefined",{"name":446,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:description:checked",{"name":448,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:description:disabled",{"name":450,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:description:errors",{"name":452,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:description:focus-visible",{"name":454,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:description:focused",{"name":456,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:description:indeterminate",{"name":458,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:description:readonly",{"name":460,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:description:warnings",{"name":462,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:hint",{"name":464,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:hint:checked",{"name":466,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:hint:disabled",{"name":468,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:hint:errors",{"name":470,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:hint:focus-visible",{"name":472,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:hint:focused",{"name":474,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:hint:indeterminate",{"name":476,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:hint:readonly",{"name":478,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:hint:warnings",{"name":480,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:icon",{"name":482,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:icon:checked",{"name":484,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:icon:disabled",{"name":486,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:icon:errors",{"name":488,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:icon:focus-visible",{"name":490,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:icon:focused",{"name":492,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:icon:indeterminate",{"name":494,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:icon:readonly",{"name":496,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:icon:warnings",{"name":498,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:label",{"name":500,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:label:checked",{"name":502,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:label:disabled",{"name":504,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:label:errors",{"name":506,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:label:focus-visible",{"name":508,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:label:focused",{"name":510,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:label:indeterminate",{"name":512,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:label:readonly",{"name":514,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:label:warnings",{"name":516,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:message",{"name":518,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:message:checked",{"name":520,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:message:disabled",{"name":522,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:message:errors",{"name":524,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:message:focus-visible",{"name":526,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:message:focused",{"name":528,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:message:indeterminate",{"name":530,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:message:readonly",{"name":532,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:message:warnings",{"name":534,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:root",{"name":536,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:root:checked",{"name":538,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:root:disabled",{"name":540,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:root:errors",{"name":542,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:root:focus-visible",{"name":544,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:root:focused",{"name":546,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:root:indeterminate",{"name":548,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:root:readonly",{"name":550,"type":444,"required":363,"default":364,"description":364,"note":364,"demo":364},"pt:root:warnings",{"name":552,"type":368,"required":363,"default":385,"description":553,"note":554,"demo":555},"readonly","Sets the input in a readonly state.","The right state for a switch whose change is in flight, and for admin-locked settings. It sets no native `disabled` attribute, so do not target `:disabled` in CSS or tests — `.bb-base-switch--readonly` is the hook.","instant-save",{"name":557,"type":368,"required":363,"default":385,"description":558,"note":364,"demo":364},"required","Sets the input as required.",{"name":560,"type":368,"required":363,"default":385,"description":561,"note":562,"demo":364},"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 a v2 `:reverse=\"false\"` becomes a bare `reverse` — which is the label-first settings row, so most switches that set it are affected.",{"name":564,"type":368,"required":363,"default":385,"description":565,"note":566,"demo":364},"submitWhenFalse","Will submit \"falseValue\" if the input is not checked. Otherwise \"trueValue\" will be submitted.","Only for classic form posts: an unchecked switch otherwise submits nothing. The full value contract is shared with `BbCheckbox`.",{"name":568,"type":393,"required":363,"default":364,"description":569,"note":570,"demo":395},"trueValue","Value of the input when checked. It handles any kind of serializable object.","Point it and `false-value` at the two members of an enum and the model stops needing a translation layer on either side of the request.",{"name":572,"type":389,"required":363,"default":364,"description":573,"note":364,"demo":364},"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.",[575],{"name":430,"type":393,"note":576,"demo":377},"Carries the mapped `true-value` \u002F `false-value`. Use `:model-value` with `@update:model-value` instead of `v-model` when a failed save has to put the previous value back.",[578,581,584,587,590,593,596,599,602],{"name":579,"signature":580,"description":364,"note":364,"demo":364},"blur","(event: \"blur\", event: FocusEvent): void",{"name":582,"signature":583,"description":364,"note":364,"demo":364},"change","(event: \"change\", event: Event): void",{"name":585,"signature":586,"description":364,"note":364,"demo":364},"click","(event: \"click\", event: MouseEvent): void",{"name":588,"signature":589,"description":364,"note":364,"demo":364},"focus","(event: \"focus\", event: FocusEvent): void",{"name":591,"signature":592,"description":364,"note":364,"demo":364},"input","(event: \"input\", event: Event): void",{"name":594,"signature":595,"description":364,"note":364,"demo":364},"keydown","(event: \"keydown\", event: KeyboardEvent): void",{"name":597,"signature":598,"description":364,"note":364,"demo":364},"mousedown","(event: \"mousedown\", event: MouseEvent): void",{"name":600,"signature":601,"description":364,"note":364,"demo":364},"mouseup","(event: \"mouseup\", event: MouseEvent): void",{"name":603,"signature":604,"description":364,"note":605,"demo":555},"update:modelValue","(event: \"update:modelValue\", value: any): void","The hook for a live switch that saves itself: write optimistically here, hold the control readonly while the request is in flight, and restore the previous value on failure.",[607,610,616],{"name":373,"type":608,"description":609,"note":364,"demo":364},"BbSwitchDescriptionSlotProps","Replaces the description text. Provided alone (no `description` prop) it still\nrenders the description region and wires it into `aria-describedby`.",{"name":611,"type":612,"description":613,"note":614,"demo":615},"icon","BbCheckboxIconSlotProps","Replaces the default toggle track visual inside the switch. Receives the\nswitch state plus the label text.","Replaces the entire track and thumb, not a glyph inside them — a bare icon here leaves no track at all. Keep it when only the visual is wrong; when the whole row is wrong, drop to `BbBaseSwitchIcon`.","custom-markup",{"name":421,"type":617,"description":618,"note":364,"demo":364},"BbSwitchLabelSlotProps","Replaces the default label text rendered next to the switch.",[],{"parts":621,"states":636},[622,625,627,629,632,634],{"name":623,"description":624},"root","The toggle's container: the glyph, the label and the lines under them.",{"name":421,"description":626},"The label text beside the glyph (the `label` prop).",{"name":373,"description":628},"The muted line under the label (the `description` prop).",{"name":630,"description":631},"message","The errors \u002F warnings line. A node of its own: it can show at the same time as `hint`.",{"name":406,"description":633},"The helper line (the `hint` prop), shown on focus, or always with `persistent-hint`.",{"name":611,"description":635},"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.",[637,639,641,643,646,649,651,653],{"name":367,"description":638},"Component-wide: the toggle is on.",{"name":384,"description":640},"Component-wide: the toggle is `disabled`.",{"name":388,"description":642},"Component-wide: the toggle shows errors — the glyph and the message line turn red.",{"name":644,"description":645},"focus-visible","Component-wide: that focus is keyboard-visible — where a focus ring belongs.",{"name":647,"description":648},"focused","Component-wide: the native input has focus — any focus, mouse included, like the `focused` slot prop.",{"name":412,"description":650},"Component-wide: the mixed state (the `indeterminate` prop) — neither on nor off.",{"name":552,"description":652},"Component-wide: the toggle is `readonly` — focusable, cannot change.",{"name":572,"description":654},"Component-wide: the toggle shows warnings and no errors.",{"entrypoint":656,"props":657},"bitboss-ui\u002Fvalidated",[658,662,667],{"name":659,"type":660,"required":363,"default":364,"description":661,"note":364,"demo":364},"rules","RuleExpression\u003Cany>","vee-validate rules for this field.",{"name":663,"type":664,"required":363,"default":665,"description":666,"note":364,"demo":364},"validateOn","ValidateTiming[] | undefined","[\"update:modelValue\", \"change\", \"blur\"]","Which interactions trigger validation (see\n`ValidatedFieldProps.validateOn` for the timing vocabulary).",{"name":668,"type":374,"required":363,"default":364,"description":669,"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":671,"renamed":683},[672,678],{"name":673,"replacedBy":364,"since":674,"migration":675,"silent":423,"fix":676},"color","3.0.0-unreleased","ai\u002Fguides\u002Fmigration\u002Fcomponents\u002Fbb-checkbox.md",{"kind":677},"manual",{"name":679,"replacedBy":400,"since":674,"migration":680,"silent":423,"fix":681},"hasWarning","ai\u002Fguides\u002Fmigration\u002Fv2-to-v3.md",{"kind":682},"rename",[684],{"from":679,"to":400,"since":674,"migration":680,"fix":685},{"kind":682},1790062846632]