[{"data":1,"prerenderedAt":883},["ShallowReactive",2],{"locale-alternates":3,"docs-nav-en":134,"api-none":377,"page-en-\u002Fcomponents\u002Fbb-dropzone":378,"pt-showcase-BbDropzone":721},{"\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":217,"body":380,"component":217,"description":708,"extension":709,"group":199,"meta":710,"navigation":711,"order":181,"path":218,"sections":712,"seo":718,"stem":719,"__hash__":720},"docs_en\u002Fcomponents\u002Fbb-dropzone.md",{"type":381,"value":382,"toc":701},"minimark",[383,416,422,427,435,459,463,487,493,509,512,549,555,567,570,592,598,621,624,640,650,656,663,666,689],[384,385,386,394],"when",{},[387,388,389,390,393],"p",{},"Use ",[391,392,217],"code",{}," when users need a visible drop target, picker access, and file validation.",[395,396,398],"template",{"v-slot:else":397},"",[399,400,401,408],"ul",{},[402,403,404,407],"li",{},[391,405,406],{},"\u003Cinput type=\"file\">"," — one picker with no drop surface or rendered selection is enough",[402,409,410,415],{},[411,412,413],"a",{"href":62},[391,414,345],{}," — the task is showing an upload already in progress",[387,417,418,419,421],{},"Also see: ",[411,420,175],{"href":132},".",[387,423,424,426],{},[391,425,217],{}," captures and validates files. It does not upload them.",[428,429,431],"h2",{"id":430},"default",[432,433,434],"span",{},"Validate receipt attachments",[387,436,437,438,444,445,451,452,458],{},"Set ",[411,439,441],{"href":440},"\u002Fen\u002Fcomponents\u002Fbb-dropzone\u002Fapi#prop-accept",[391,442,443],{},"accept",", ",[411,446,448],{"href":447},"\u002Fen\u002Fcomponents\u002Fbb-dropzone\u002Fapi#prop-maxSize",[391,449,450],{},"max-size"," and ",[411,453,455],{"href":454},"\u002Fen\u002Fcomponents\u002Fbb-dropzone\u002Fapi#prop-maxFiles",[391,456,457],{},"max-files"," on the zone, and turn every rejected file into a message the user can act on.",[460,461],"demo",{"name":462},"BbDropzone\u002FRejections",[387,464,465,466,472,473,479,480,483,484,421],{},"Rejected files never enter the model. After a drop updates the model, ",[411,467,469],{"href":468},"\u002Fen\u002Fcomponents\u002Fbb-dropzone\u002Fapi#event-error",[391,470,471],{},"@error"," hands you every typed rejection of that drop in one array, and a clean drop emits none. The component never fills ",[411,474,476],{"href":475},"\u002Fen\u002Fcomponents\u002Fbb-dropzone\u002Fapi#prop-errors",[391,477,478],{},"errors"," itself, so clear your messages on ",[391,481,482],{},"update:modelValue"," and set them on ",[391,485,486],{},"error",[428,488,490],{"id":489},"model",[432,491,492],{},"Model and file constraints",[387,494,495,501,502,505,506,421],{},[411,496,498],{"href":497},"\u002Fen\u002Fcomponents\u002Fbb-dropzone\u002Fapi#prop-multiple",[391,499,500],{},"multiple"," changes both behaviour and type: single mode replaces a ",[391,503,504],{},"File | null","; multiple mode appends to a seeded ",[391,507,508],{},"File[]",[460,510],{"name":511},"BbDropzone\u002FApplicationFiles",[387,513,514,518,519,522,523,526,527,530,531,534,535,538,539,543,544,548],{},[411,515,516],{"href":440},[391,517,443],{}," takes MIME types (",[391,520,521],{},"application\u002Fpdf","), wildcards (",[391,524,525],{},"image\u002F*","), extensions (",[391,528,529],{},".pdf",") or bare tokens (",[391,532,533],{},"pdf","), and a bare token covers both the extension and the MIME type. If you write explicit entries, pair each MIME type with its extension, because a dropped file can arrive with an empty ",[391,536,537],{},"file.type",". ",[411,540,541],{"href":447},[391,542,450],{}," is bytes per file, and ",[411,545,546],{"href":454},[391,547,457],{}," counts the files already picked plus the new ones.",[428,550,552],{"id":551},"accessibility",[432,553,554],{},"Own the drop surface",[387,556,557,558,562,563,566],{},"The ",[411,559,561],{"href":560},"\u002Fen\u002Fcomponents\u002Fbb-dropzone\u002Fapi#slot-default","default slot"," is the visible surface. Put ",[391,564,565],{},"labelId"," on its headline only, not on a wrapper that also contains hints, buttons, and filenames.",[460,568],{"name":569},"BbDropzone\u002FNaming",[387,571,572,573,576,577,580,581,584,585,587,588,591],{},"The real input is visually hidden. Paint a focus ring from the slot's ",[391,574,575],{},"focused"," flag and a drop highlight from ",[391,578,579],{},"dragging",", and wire ",[391,582,583],{},"open()"," to a visible Browse button. Without ",[391,586,565],{}," the zone takes the localized default name (\"Select files\" in English), which only fits a zone with no visible headline. Do not nest another ",[391,589,590],{},"label","; the slot already renders inside one.",[428,593,595],{"id":594},"submit",[432,596,597],{},"Upload and submit",[387,599,600,601,605,606,612,613,616,617,620],{},"Inside a ",[411,602,603],{"href":46},[391,604,220],{},", give the dropzone a ",[411,607,609],{"href":608},"\u002Fen\u002Fcomponents\u002Fbb-dropzone\u002Fapi#prop-name",[391,610,611],{},"name"," and build ",[391,614,615],{},"FormData"," from the files ",[391,618,619],{},"@submit"," hands you.",[460,622],{"name":623},"BbDropzone\u002FFormSubmit",[387,625,626,627,629,630,636,637,639],{},"Send with no new PDF and the form stops at the dropzone and moves focus to it. A dropzone has no label, so without ",[391,628,611],{}," the form throws, and rule messages say \"This field\" unless you set ",[411,631,633],{"href":632},"\u002Fen\u002Fcomponents\u002Fbb-dropzone\u002Fapi#prop-validationLabel",[391,634,635],{},"validation-label",". Outside a form, ",[391,638,611],{}," renders the hidden input a native multipart post needs. Progress, cancellation, retry and server errors stay in your own state.",[641,642,644],"migration",{"title":643},"hidden input only with name",[387,645,646,647,649],{},"v2 always rendered the hidden submittable input; now it exists only when ",[391,648,611],{}," is set.",[428,651,653],{"id":652},"platform",[432,654,655],{},"Lock the zone during an upload",[387,657,658,662],{},[411,659,661],{"href":660},"\u002Fen\u002Fcomponents\u002Fbb-dropzone\u002Fapi#prop-disabled","Disable"," the zone while an upload is active so the selection cannot change mid-request.",[460,664],{"name":665},"BbDropzone\u002FStates",[387,667,668,669,675,676,678,679,681,682,685,686,688],{},"To show files nobody can change, such as a request already sent for review, set ",[411,670,672],{"href":671},"\u002Fen\u002Fcomponents\u002Fbb-dropzone\u002Fapi#prop-readonly",[391,673,674],{},"readonly",". Drop, the picker and ",[391,677,583],{}," do nothing, the input stays focusable, and a ",[391,680,611],{},"d zone still submits its files, which ",[391,683,684],{},"disabled"," would not. The file list is yours, so hide its remove buttons and your Browse button with the slot's ",[391,687,674],{}," flag.",[387,690,691,692,695,696,700],{},"There is no ",[391,693,694],{},"loading"," state: pair an active transfer with ",[411,697,698],{"href":62},[391,699,345],{},". On a phone, the zone opens the system file picker.",{"title":397,"searchDepth":149,"depth":149,"links":702},[703,704,705,706,707],{"id":430,"depth":145,"text":434},{"id":489,"depth":145,"text":492},{"id":551,"depth":145,"text":554},{"id":594,"depth":145,"text":597},{"id":652,"depth":145,"text":655},"Capture and validate files while the application owns errors, upload progress, cancellation, and retry.","md",{},true,[713,714,715,716,717],{"id":430,"title":434},{"id":489,"title":492},{"id":551,"title":554},{"id":594,"title":597},{"id":652,"title":655},{"title":217,"description":708},"components\u002Fbb-dropzone","OnLqgr_w06N9R__oz3Hzqh0eGMOShoMZ6jHSOle5d2I",{"name":217,"slug":722,"group":199,"description":723,"entrypoint":724,"docs":725,"props":728,"models":811,"events":814,"slots":829,"exposed":834,"pt":835,"validated":377,"migration":858},"bb-dropzone","Supports drag-and-drop file input flows.","bitboss-ui",{"contract":726,"source":727},"ai\u002FBbDropzone.md","ai\u002Fsource\u002FBbDropzone.md",[729,734,738,743,747,750,753,756,760,765,769,773,776,779,783,788,790,795,800,804,808],{"name":443,"type":730,"required":731,"default":377,"description":732,"note":733,"demo":489},"string[] | undefined",false,"File filter: MIME types (`'image\u002Fpng'`), wildcards (`'image\u002F*'`), extensions (`'.png'`) or bare tokens (`'png'`, upgraded to the extension and its MIME type from the lazily imported `mime` database; files that arrive earlier wait for it).","Validated on picker and drop paths. Takes MIME types, wildcards, `.ext` extensions or bare tokens (`pdf`); a bare token covers both the extension and the MIME type. Pair explicit MIME entries with their extension, because a dropped file can arrive with an empty `file.type`.",{"name":735,"type":736,"required":731,"default":377,"description":737,"note":377,"demo":377},"autofocus","Booleanish | undefined","Focuses the field when it mounts (a dialog already open included), unless the user is typing in another field.",{"name":684,"type":739,"required":731,"default":740,"description":741,"note":742,"demo":652},"boolean | undefined","false","Disables the component","Use while an application-owned upload is active so the selection cannot change mid-request. There is no `loading` or `readonly` state.",{"name":478,"type":744,"required":731,"default":377,"description":745,"note":746,"demo":430},"string | string[] | undefined","Error messages under the field, a string or array, in an `aria-live=\"polite\"` region and first in the control's `aria-describedby`, so they are re-read when it regains focus.","Does not fill itself from `@error`. Map the typed rejections to your own messages and pass them back: clear them on `update:modelValue`, set them on `error`.",{"name":748,"type":739,"required":731,"default":740,"description":749,"note":377,"demo":377},"formless","Keep this control out of the enclosing `BbForm` entirely: not submitted, not dirty, not reset, not validated. For a control that is not form data (a filter, a \"show advanced\" switch).",{"name":751,"type":739,"required":731,"default":740,"description":752,"note":377,"demo":377},"hasErrors","Define if the component should be in an error state. It usually attaches a CSS class for styling purposes.",{"name":754,"type":739,"required":731,"default":740,"description":755,"note":377,"demo":377},"hasWarnings","Define if the component should be in a warning state. Same chrome as errors with `--bb-warn`; errors take priority.",{"name":757,"type":758,"required":731,"default":377,"description":759,"note":377,"demo":377},"id","string | undefined","The `id` of the native control; the label's `for` and the description and message ids derive from it. Generated when omitted.",{"name":761,"type":762,"required":731,"default":377,"description":763,"note":764,"demo":489},"maxFiles","number | undefined","Maximum number of acceptable files.","Caps the existing and incoming selection together, and only applies in multiple mode.",{"name":766,"type":762,"required":731,"default":377,"description":767,"note":768,"demo":430},"maxSize","Max size of the files in bytes.","A per-file limit in bytes. Rejected files never enter the model.",{"name":770,"type":771,"required":731,"default":377,"description":772,"note":377,"demo":377},"modelValue","File | File[] | null | undefined","Used by v-model.",{"name":500,"type":739,"required":731,"default":740,"description":774,"note":775,"demo":489},"Allows the selection of multiple items.","Changes both behaviour and model shape: single mode replaces `File | null`; multiple mode appends to a seeded `File[]`.",{"name":611,"type":758,"required":731,"default":377,"description":777,"note":778,"demo":594},"Defines the name of the input.","Required inside a `BbForm`: a dropzone has no label to key the value by, so without `name` the form throws. Outside a form it renders the hidden input a native multipart post needs (v2 rendered that input unconditionally).",{"name":780,"type":781,"required":731,"default":377,"description":782,"note":377,"demo":377},"pt","PtMap\u003CBbDropzonePtPart, BbDropzonePtState> | undefined","Passthrough, object form: the same keys as the `pt:*` attributes without the prefix. See the `pt:\u003Cpart>` row.",{"name":784,"type":785,"required":731,"default":377,"description":786,"note":377,"demo":787},"pt:\u003Cpart>","PtValue | undefined","Passthrough, attribute form: one attribute per part, `pt:\u003Cpart>`, and per part and state, `pt:\u003Cpart>:\u003Cstate>`. Parts: `content`, `message`, `root`. States: `active`, `disabled`, `errors`, `readonly`, `warnings`.","passthrough",{"name":674,"type":739,"required":731,"default":740,"description":789,"note":377,"demo":377},"Shows the files; the user cannot change them: drop, the file picker and the `open()` slot prop do nothing, yet the input stays focusable and a `name`d zone still submits its files (unlike `disabled`). Your slot renders the list: hide your remove buttons with the slot's `readonly`.",{"name":791,"type":792,"required":731,"default":377,"description":793,"note":794,"demo":594},"rules","RuleExpression\u003CFile | File[] | null>","vee-validate rules for this field. Only inside a `BbForm`.","Checks the accepted files only: type, size and count rejections never reach the model, so they arrive through `@error`, not through a rule.",{"name":796,"type":797,"required":731,"default":798,"description":799,"note":377,"demo":377},"tag","LayoutTag | undefined","\"div\"","Element rendered as the component's wrapper.",{"name":801,"type":758,"required":731,"default":377,"description":802,"note":803,"demo":594},"validationLabel","The field's name in validation messages (`{field}`): \"Email is not valid\". Defaults to the `label` (or `legend`), then \"This field\"; never the `name`. Set it when the label is hidden or reads badly in a sentence (icon-only, a question). `BbForm` only.","Set it when you use string rules: with no label, messages otherwise say \"This field\".",{"name":805,"type":806,"required":731,"default":377,"description":807,"note":377,"demo":377},"validationMode","ValidationMode | undefined","When the field validates: `aggressive` (each change), `balanced` (on leave, then live while in error), `lazy` (on leave), `submit-only`, `submit-live`. Unset: the `BbForm`'s `validation-mode`, then `formControls.validationMode` (`'balanced'`). `BbForm` only.",{"name":809,"type":744,"required":731,"default":377,"description":810,"note":377,"demo":377},"warnings","Warning messages under the dropzone, a string or string array: amber, in their own `aria-live` region, and in the control's `aria-describedby` after the errors. A non-empty list implies the warning state; errors win when both are set.",[812],{"name":770,"type":771,"note":813,"demo":594},"Contains validated files only. Upload progress, cancellation, retry, and server errors remain application-owned state.",[815,819,823,826],{"name":816,"signature":817,"description":818,"note":377,"demo":377},"blur","(event: FocusEvent): void","Emitted when the file input loses focus. Forwards the original DOM `FocusEvent`.",{"name":486,"signature":820,"description":821,"note":822,"demo":430},"(errors: DropZoneError[]): void","Emitted once per drop or pick that rejected any file, AFTER that gesture's `update:modelValue` (if any): all its rejections (size, type, uniqueness, max count), in file order. A clean drop emits none: clear your messages on `update:modelValue`, set them here.","Emits once per drop or pick that rejected anything, after its `update:modelValue`, with every rejection as a `DropZoneError[]`; a clean drop emits none. It never mutates the model or writes a message for the user.",{"name":824,"signature":817,"description":825,"note":377,"demo":377},"focus","Emitted when the file input receives focus. Forwards the original DOM `FocusEvent`.",{"name":482,"signature":827,"description":828,"note":377,"demo":377},"(value: File | File[] | null): void","Emitted when the selected files change. Payload is the new file or file array.",[830],{"name":430,"type":831,"description":832,"note":833,"demo":551},"BbDropzoneDefaultSlotProps","The drop zone area content. Renders inside the `\u003Clabel>` that captures drag and file input events. It is a region, not a label: its text does not name the input unless you mark one node with the `labelId` slot prop.","The visible drop surface. Put `labelId` on its headline only; a wrapper would pull hints, buttons, and filenames into the accessible name.",[],{"parts":836,"states":846},[837,840,843],{"name":838,"description":839},"root","The zone.",{"name":841,"description":842},"content","The drop region: the label that wraps the file input and your slot.",{"name":844,"description":845},"message","The errors \u002F warnings region that holds a message — one part, on whichever is showing (errors win); an empty region never gets it.",[847,850,852,854,856],{"name":848,"description":849},"active","Component-wide: a drag is over the zone.",{"name":684,"description":851},"Component-wide: the zone is `disabled`.",{"name":478,"description":853},"Component-wide: the zone shows errors.",{"name":674,"description":855},"Component-wide: the zone is `readonly` — the files stay shown and submitted, the input stays focusable, nothing can be added.",{"name":809,"description":857},"Component-wide: the zone shows warnings and no errors.",{"removed":859,"renamed":878},[860,867,873],{"name":861,"surface":862,"replacedBy":754,"hint":377,"since":863,"migration":864,"silent":711,"fix":865},"hasWarning","prop","3.0.0-beta.26","ai\u002Fguides\u002Fmigration\u002Fv2-to-v3.md",{"kind":866},"rename",{"name":868,"surface":862,"replacedBy":805,"hint":869,"since":870,"migration":864,"silent":711,"fix":871},"validateOn","an array of events became one mode (`aggressive` | `balanced` | `lazy` | `submit-only` | `submit-live`). The old defaults (`['blur']`, `['inactive']`, a toggle's `['update:modelValue', 'change', 'blur']`) are `balanced`, the new default: delete the prop. A text field on `['update:modelValue']` is `validation-mode=\"aggressive\"`. Set it once on `\u003CBbForm validation-mode>` instead of per field","3.0.0-beta.41",{"kind":872},"manual",{"name":874,"surface":862,"replacedBy":377,"hint":875,"since":870,"migration":864,"silent":711,"fix":876},"vid","a display name (v2: `vid=\"Email address\"`) is now `validation-label`; a field path (3.0 betas: `vid=\"address.city\"`) is now `name` (brackets for a native post: `address[city]`). `check --fix` picks by the value",{"kind":877,"display":801,"key":611},"byValue",[879,881],{"from":861,"to":754,"surface":862,"since":863,"migration":864,"fix":880},{"kind":866},{"from":868,"to":805,"surface":862,"since":870,"migration":864,"fix":882},{"kind":872},1793055141611]