[{"data":1,"prerenderedAt":747},["ShallowReactive",2],{"locale-alternates":3,"docs-nav-en":124,"api-none":352,"page-en-\u002Fcomponents\u002Fbb-dropzone":353,"pt-showcase-BbDropzone":578},{"\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",null,{"id":354,"title":194,"body":355,"component":194,"description":565,"extension":566,"group":179,"meta":567,"navigation":568,"order":165,"path":195,"sections":569,"seo":575,"stem":576,"__hash__":577},"docs_en\u002Fcomponents\u002Fbb-dropzone.md",{"type":356,"value":357,"toc":558},"minimark",[358,391,396,404,407,411,422,428,442,445,455,458,468,474,481,484,503,509,516,519,529,535,538,541],[359,360,361,369],"when",{},[362,363,364,365,368],"p",{},"Use ",[366,367,194],"code",{}," when users need a visible drop target, picker access, and file validation.",[370,371,373],"template",{"v-slot:else":372},"",[374,375,376,383],"ul",{},[377,378,379,382],"li",{},[366,380,381],{},"\u003Cinput type=\"file\">"," — one picker with no drop surface or rendered selection is enough",[377,384,385,390],{},[386,387,388],"a",{"href":58},[366,389,320],{}," — the task is showing an upload already in progress",[362,392,393,395],{},[366,394,194],{}," captures and validates files. It does not upload them.",[397,398,400],"h2",{"id":399},"default",[401,402,403],"span",{},"Validate receipt attachments",[362,405,406],{},"Put type, size, count, and duplicate rules at the boundary, then translate each typed rejection into application copy.",[408,409],"demo",{"name":410},"BbDropzone\u002FRejections",[362,412,413,414,417,418,421],{},"Rejected files never enter the model. The ",[366,415,416],{},"error"," event does not fill ",[366,419,420],{},"errors"," for you: map its discriminated payload and pass the message back so it is announced in context.",[397,423,425],{"id":424},"model",[401,426,427],{},"Model and file constraints",[362,429,430,433,434,437,438,441],{},[366,431,432],{},"multiple"," changes both behavior and type: single mode replaces ",[366,435,436],{},"File | null","; multiple mode appends to a seeded ",[366,439,440],{},"File[]",".",[408,443],{"name":444},"BbDropzone\u002FMultiple",[362,446,447,448,451,452,441],{},"Apply ",[366,449,450],{},"accept"," to picker and drop paths. Pair MIME types with extensions when operating systems may omit ",[366,453,454],{},"file.type",[408,456],{"name":457},"BbDropzone\u002FAccept",[362,459,460,463,464,467],{},[366,461,462],{},"max-size"," is bytes per file. ",[366,465,466],{},"max-files"," counts the existing and incoming selection. The model always contains validated files only.",[397,469,471],{"id":470},"accessibility",[401,472,473],{},"Own the drop surface",[362,475,476,477,480],{},"The default slot is the visible surface. Put ",[366,478,479],{},"labelId"," on its headline only, not on a wrapper that also contains hints, buttons, and filenames.",[408,482],{"name":483},"BbDropzone\u002FNaming",[362,485,486,487,490,491,494,495,498,499,502],{},"Use the slot's ",[366,488,489],{},"dragging"," and ",[366,492,493],{},"focused"," flags for state, and ",[366,496,497],{},"open()"," for a visible Browse button. Do not nest another ",[366,500,501],{},"label","; the slot already renders inside one.",[397,504,506],{"id":505},"submit",[401,507,508],{},"Upload and submit",[362,510,511,512,515],{},"Build ",[366,513,514],{},"FormData"," from the model and keep progress, cancellation, retry, and server errors in application state.",[408,517],{"name":518},"BbDropzone\u002FFormSubmit",[362,520,521,522,525,526,528],{},"Set ",[366,523,524],{},"name"," only for a native multipart post. In v3, the hidden submittable input exists only when ",[366,527,524],{}," is present; v2 rendered it unconditionally.",[397,530,532],{"id":531},"platform",[401,533,534],{},"Unsupported field states",[362,536,537],{},"Disable the zone while an upload is active so the selection cannot change mid-request.",[408,539],{"name":540},"BbDropzone\u002FStates",[362,542,543,544,547,548,547,551,554,555,557],{},"There is no ",[366,545,546],{},"readonly",", ",[366,549,550],{},"loading",[366,552,553],{},"compact",", or adaptive overlay. Render a read-only file list yourself, pair active transfers with ",[366,556,320],{},", and let mobile use the native operating-system picker.",{"title":372,"searchDepth":157,"depth":157,"links":559},[560,561,562,563,564],{"id":399,"depth":135,"text":403},{"id":424,"depth":135,"text":427},{"id":470,"depth":135,"text":473},{"id":505,"depth":135,"text":508},{"id":531,"depth":135,"text":534},"Capture and validate files while the application owns errors, upload progress, cancellation, and retry.","md",{},true,[570,571,572,573,574],{"id":399,"title":403},{"id":424,"title":427},{"id":470,"title":473},{"id":505,"title":508},{"id":531,"title":534},{"title":194,"description":565},"components\u002Fbb-dropzone","hVW3OL5jwIjZvY9QVjiyxjdK3QgQu40cct6hiSEXyCg",{"name":194,"slug":579,"group":179,"description":580,"entrypoint":581,"docs":582,"props":585,"models":677,"events":680,"slots":693,"exposed":698,"pt":699,"validated":720,"migration":736},"bb-dropzone","Supports drag-and-drop file input flows.","bitboss-ui",{"contract":583,"source":584},"ai\u002FBbDropzone.md","ai\u002Fsource\u002FBbDropzone.md",[586,591,595,601,605,608,611,615,620,624,628,631,634,638,641,643,645,647,649,651,653,655,657,659,661,663,665,667,669,674],{"name":450,"type":587,"required":588,"default":352,"description":589,"note":590,"demo":424},"string[] | undefined",false,"Array of MIME types (`'image\u002Fpng'`), wildcards (`'image\u002F*'`), extensions\n(`'.png'`) or bare tokens (`'png'`) to filter selectable files. A bare\ntoken upgrades to its extension instantly and is enriched with its MIME\ntype from the lazily-imported `mime` database; validation of files that\narrive before the database resolves is queued until the rules are\ncomplete.","Validated on picker and drop paths. Pair a MIME type with its extension when the operating system may leave `file.type` empty.",{"name":592,"type":593,"required":588,"default":352,"description":594,"note":352,"demo":352},"autofocus","Booleanish | undefined","Sets autofocus on page load.",{"name":596,"type":597,"required":588,"default":598,"description":599,"note":600,"demo":531},"disabled","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":420,"type":602,"required":588,"default":352,"description":603,"note":604,"demo":399},"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.","Does not fill itself from `@error`. Map the typed rejection to application copy and pass the message back for contextual announcement.",{"name":606,"type":597,"required":588,"default":598,"description":607,"note":352,"demo":352},"hasErrors","Define if the component should be in an error state.\nIt usually attaches a CSS class for styling purposes.",{"name":609,"type":597,"required":588,"default":598,"description":610,"note":352,"demo":352},"hasWarnings","Define if the component should be in a warning state.\nSame chrome as errors with `--bb-warn`; errors take priority.",{"name":612,"type":613,"required":588,"default":352,"description":614,"note":352,"demo":352},"id","string | undefined","The identifier of the component.",{"name":616,"type":617,"required":588,"default":352,"description":618,"note":619,"demo":399},"maxFiles","number | undefined","Maximum number of acceptable files.","Caps the existing and incoming selection together, and only applies in multiple mode.",{"name":621,"type":617,"required":588,"default":352,"description":622,"note":623,"demo":399},"maxSize","Max size of the files in bytes.","A per-file limit in bytes. Rejected files never enter the model.",{"name":625,"type":626,"required":568,"default":352,"description":627,"note":352,"demo":352},"modelValue","File | File[] | null","Used by v-model.",{"name":432,"type":597,"required":588,"default":598,"description":629,"note":630,"demo":424},"Allows the selection of multiple items.","Changes both behavior and model shape: single mode replaces `File | null`; multiple mode appends to a seeded `File[]`.",{"name":524,"type":613,"required":588,"default":352,"description":632,"note":633,"demo":505},"Defines the name of the input.","Required only for a native multipart post. In v3 the hidden submittable input is absent when `name` is unset; v2 rendered it unconditionally.",{"name":635,"type":636,"required":588,"default":352,"description":637,"note":352,"demo":352},"pt","PtMap\u003CBbDropzonePtPart, BbDropzonePtState> | undefined","Passthrough, object form: the same keys as the `pt:*` attributes\nwithout the prefix. See the `pt:\u003Cpart>` row.",{"name":639,"type":640,"required":588,"default":352,"description":352,"note":352,"demo":352},"pt:content","PtValue | undefined",{"name":642,"type":640,"required":588,"default":352,"description":352,"note":352,"demo":352},"pt:content:active",{"name":644,"type":640,"required":588,"default":352,"description":352,"note":352,"demo":352},"pt:content:disabled",{"name":646,"type":640,"required":588,"default":352,"description":352,"note":352,"demo":352},"pt:content:errors",{"name":648,"type":640,"required":588,"default":352,"description":352,"note":352,"demo":352},"pt:content:warnings",{"name":650,"type":640,"required":588,"default":352,"description":352,"note":352,"demo":352},"pt:message",{"name":652,"type":640,"required":588,"default":352,"description":352,"note":352,"demo":352},"pt:message:active",{"name":654,"type":640,"required":588,"default":352,"description":352,"note":352,"demo":352},"pt:message:disabled",{"name":656,"type":640,"required":588,"default":352,"description":352,"note":352,"demo":352},"pt:message:errors",{"name":658,"type":640,"required":588,"default":352,"description":352,"note":352,"demo":352},"pt:message:warnings",{"name":660,"type":640,"required":588,"default":352,"description":352,"note":352,"demo":352},"pt:root",{"name":662,"type":640,"required":588,"default":352,"description":352,"note":352,"demo":352},"pt:root:active",{"name":664,"type":640,"required":588,"default":352,"description":352,"note":352,"demo":352},"pt:root:disabled",{"name":666,"type":640,"required":588,"default":352,"description":352,"note":352,"demo":352},"pt:root:errors",{"name":668,"type":640,"required":588,"default":352,"description":352,"note":352,"demo":352},"pt:root:warnings",{"name":670,"type":671,"required":588,"default":672,"description":673,"note":352,"demo":352},"tag","LayoutTag | undefined","\"div\"","Element rendered as the component's wrapper.",{"name":675,"type":602,"required":588,"default":352,"description":676,"note":352,"demo":352},"warnings","Warning messages to display beneath the dropzone, 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.",[678],{"name":625,"type":626,"note":679,"demo":505},"Contains validated files only. Upload progress, cancellation, retry, and server errors remain application-owned state.",[681,684,687,690],{"name":682,"signature":683,"description":352,"note":352,"demo":352},"blur","(event: \"blur\", event: FocusEvent): void",{"name":416,"signature":685,"description":352,"note":686,"demo":399},"(event: \"error\", data: DropZoneError): void","Emits once per rejected file with a discriminated `DropZoneError`; it never mutates the model or writes a message for the user.",{"name":688,"signature":689,"description":352,"note":352,"demo":352},"focus","(event: \"focus\", event: FocusEvent): void",{"name":691,"signature":692,"description":352,"note":352,"demo":352},"update:modelValue","(event: \"update:modelValue\", value: File | File[] | null): void",[694],{"name":399,"type":695,"description":696,"note":697,"demo":470},"BbDropzoneDefaultSlotProps","The drop zone area content. Renders inside the `\u003Clabel>` that captures drag\nand file input events. It is a region, not a label: its text does not name\nthe 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":700,"states":710},[701,704,707],{"name":702,"description":703},"root","The zone.",{"name":705,"description":706},"content","The drop region: the label that wraps the file input and your slot.",{"name":708,"description":709},"message","The errors \u002F warnings region — one part; errors win.",[711,714,716,718],{"name":712,"description":713},"active","Component-wide: a drag is over the zone.",{"name":596,"description":715},"Component-wide: the zone is `disabled`.",{"name":420,"description":717},"Component-wide: the zone shows errors.",{"name":675,"description":719},"Component-wide: the zone shows warnings and no errors.",{"entrypoint":721,"props":722},"bitboss-ui\u002Fvalidated",[723,727,732],{"name":724,"type":725,"required":588,"default":352,"description":726,"note":352,"demo":352},"rules","RuleExpression\u003CFile | File[] | null>","vee-validate rules for this field.",{"name":728,"type":729,"required":588,"default":730,"description":731,"note":352,"demo":352},"validateOn","ValidateTiming[] | undefined","[\"blur\"]","Which interactions trigger validation (see\n`ValidatedFieldProps.validateOn` for the timing vocabulary).",{"name":733,"type":613,"required":588,"default":352,"description":734,"note":735,"demo":352},"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.","Required on the validated build because BbDropzone has no `label` or `legend` from which to derive a field name.",{"removed":737,"renamed":744},[738],{"name":739,"replacedBy":609,"since":740,"migration":741,"silent":568,"fix":742},"hasWarning","3.0.0-unreleased","ai\u002Fguides\u002Fmigration\u002Fv2-to-v3.md",{"kind":743},"rename",[745],{"from":739,"to":609,"since":740,"migration":741,"fix":746},{"kind":743},1790005163509]