bitboss-ui 3.0.0-beta.2 → 3.0.0-beta.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +72 -33
- package/dist/ai/BbAccordion.md +3 -3
- package/dist/ai/BbAlert.md +9 -5
- package/dist/ai/BbAsterisk.md +17 -0
- package/dist/ai/BbAvatar.md +12 -3
- package/dist/ai/BbBadge.md +15 -10
- package/dist/ai/BbBadgeButton.md +16 -16
- package/dist/ai/BbBaseButton.md +16 -16
- package/dist/ai/BbBaseCheckbox.md +8 -8
- package/dist/ai/BbBaseCheckboxGroup.md +13 -13
- package/dist/ai/BbBaseCheckboxIcon.md +26 -9
- package/dist/ai/BbBaseColorInput.md +11 -11
- package/dist/ai/BbBaseDatePicker.md +6 -6
- package/dist/ai/BbBaseDatePickerInput.md +15 -15
- package/dist/ai/BbBaseInputContainer.md +12 -12
- package/dist/ai/BbBaseNumberInput.md +8 -8
- package/dist/ai/BbBaseRadio.md +5 -5
- package/dist/ai/BbBaseRadioGroup.md +7 -7
- package/dist/ai/BbBaseRadioIcon.md +25 -9
- package/dist/ai/BbBaseRating.md +5 -5
- package/dist/ai/BbBaseSelect.md +22 -21
- package/dist/ai/BbBaseSlider.md +9 -9
- package/dist/ai/BbBaseSwitch.md +8 -8
- package/dist/ai/BbBaseSwitchGroup.md +13 -13
- package/dist/ai/BbBaseSwitchIcon.md +28 -10
- package/dist/ai/BbBaseTag.md +10 -10
- package/dist/ai/BbBaseTextInput.md +9 -9
- package/dist/ai/BbBaseTextarea.md +9 -9
- package/dist/ai/BbBaseTimePickerInput.md +13 -13
- package/dist/ai/BbBreadcrumbs.md +2 -2
- package/dist/ai/BbButton.md +15 -15
- package/dist/ai/BbCheckbox.md +18 -17
- package/dist/ai/BbCheckboxGroup.md +15 -14
- package/dist/ai/BbCollapsible.md +11 -9
- package/dist/ai/BbColorInput.md +15 -15
- package/dist/ai/BbColorPalette.md +12 -6
- package/dist/ai/BbConfirm.md +12 -5
- package/dist/ai/BbDatePicker.md +13 -13
- package/dist/ai/BbDatePickerInput.md +20 -20
- package/dist/ai/BbDialog.md +78 -12
- package/dist/ai/BbDropdown.md +132 -22
- package/dist/ai/BbDropdownButton.md +12 -12
- package/dist/ai/BbDropdownGroup.md +1 -1
- package/dist/ai/BbDropzone.md +4 -4
- package/dist/ai/BbForm.md +49 -14
- package/dist/ai/BbIcon.md +6 -0
- package/dist/ai/BbIndicator.md +5 -5
- package/dist/ai/BbNumberInput.md +11 -11
- package/dist/ai/BbOffCanvas.md +90 -20
- package/dist/ai/BbPagination.md +3 -3
- package/dist/ai/BbPopover.md +32 -17
- package/dist/ai/BbProgress.md +7 -4
- package/dist/ai/BbRadio.md +16 -15
- package/dist/ai/BbRadioGroup.md +20 -17
- package/dist/ai/BbRating.md +11 -11
- package/dist/ai/BbSelect.md +138 -37
- package/dist/ai/BbSelectPopover.md +40 -41
- package/dist/ai/BbSlider.md +37 -22
- package/dist/ai/BbSmoothHeight.md +1 -1
- package/dist/ai/BbSwitch.md +25 -10
- package/dist/ai/BbSwitchGroup.md +17 -14
- package/dist/ai/BbTable.md +920 -109
- package/dist/ai/BbTabs.md +28 -14
- package/dist/ai/BbTabsList.md +1 -1
- package/dist/ai/BbTabsPanes.md +1 -1
- package/dist/ai/BbTabsRoot.md +10 -10
- package/dist/ai/BbTag.md +14 -14
- package/dist/ai/BbTextInput.md +16 -15
- package/dist/ai/BbTextarea.md +13 -13
- package/dist/ai/BbTimePicker.md +10 -10
- package/dist/ai/BbTimePickerInput.md +17 -17
- package/dist/ai/BbToast.md +1 -1
- package/dist/ai/BbToastPortal.md +1 -1
- package/dist/ai/BbTooltip.md +12 -10
- package/dist/ai/BbTree.md +1 -1
- package/dist/ai/ChipsBox.md +1 -1
- package/dist/ai/CommonInputWrapper.md +10 -10
- package/dist/ai/CommonPopover.md +6 -6
- package/dist/ai/FlatListBox.md +5 -5
- package/dist/ai/GroupedListBox.md +5 -5
- package/dist/ai/ListBox.md +4 -4
- package/dist/ai/OptionsContainer.md +4 -4
- package/dist/ai/changelog.json +128 -2
- package/dist/ai/components.json +917 -100
- package/dist/ai/composables/useBbConfig.md +72 -11
- package/dist/ai/composables/useConfirm.md +5 -3
- package/dist/ai/guides/ai-router.md +9 -4
- package/dist/ai/guides/component-picker.md +18 -18
- package/dist/ai/guides/design-language.md +14 -14
- package/dist/ai/guides/design-tokens.md +25 -18
- package/dist/ai/guides/fetch-items-playbook.md +1 -1
- package/dist/ai/guides/icons-policy.md +11 -5
- package/dist/ai/guides/installation-and-plugin-setup.md +85 -23
- package/dist/ai/guides/migration/components/bb-checkbox-group.md +30 -0
- package/dist/ai/guides/migration/components/bb-checkbox.md +37 -3
- package/dist/ai/guides/migration/components/bb-collapsible.md +5 -5
- package/dist/ai/guides/migration/components/bb-dialog.md +62 -34
- package/dist/ai/guides/migration/components/bb-offcanvas.md +29 -13
- package/dist/ai/guides/migration/components/bb-rating.md +8 -2
- package/dist/ai/guides/migration/components/bb-select.md +5 -2
- package/dist/ai/guides/migration/components/bb-table.md +560 -28
- package/dist/ai/guides/migration/components/bb-text-input.md +6 -6
- package/dist/ai/guides/migration/v2-to-v3.md +260 -89
- package/dist/ai/guides/ssr-prefill.md +120 -0
- package/dist/ai/index.md +10 -9
- package/dist/ai/recipes/inertia/approvals-inbox.md +0 -1
- package/dist/ai/recipes/inertia/inline-edit-workspace.md +0 -1
- package/dist/ai/recipes/inertia/layout-scaffold.md +5 -1
- package/dist/ai/recipes/inertia/ownership-atlas.md +49 -29
- package/dist/ai/recipes/inertia/record-form.md +0 -1
- package/dist/ai/recipes/inertia/records-workspace.md +26 -8
- package/dist/ai/recipes/inertia/upload-center.md +0 -1
- package/dist/ai/recipes/nuxt/approvals-inbox.md +0 -1
- package/dist/ai/recipes/nuxt/inline-edit-workspace.md +0 -1
- package/dist/ai/recipes/nuxt/layout-scaffold.md +5 -1
- package/dist/ai/recipes/nuxt/record-form.md +0 -1
- package/dist/ai/recipes/nuxt/records-workspace.md +26 -8
- package/dist/ai/recipes/nuxt/upload-center.md +0 -1
- package/dist/ai/recipes/vue/approvals-inbox.md +0 -1
- package/dist/ai/recipes/vue/inline-edit-workspace.md +0 -1
- package/dist/ai/recipes/vue/layout-scaffold.md +5 -1
- package/dist/ai/recipes/vue/records-workspace.md +26 -8
- package/dist/ai/recipes/vue/upload-center.md +0 -1
- package/dist/ai/source/BbAlert.md +60 -2
- package/dist/ai/source/BbAvatar.md +3 -3
- package/dist/ai/source/BbBadge.md +60 -15
- package/dist/ai/source/BbBadgeButton.md +8 -2
- package/dist/ai/source/BbBaseButton.md +3 -1
- package/dist/ai/source/BbBaseCheckboxGroup.md +6 -2
- package/dist/ai/source/BbBaseDatePicker.md +3 -1
- package/dist/ai/source/BbBaseDatePickerInput.md +5 -1
- package/dist/ai/source/BbBaseInputContainer.md +52 -1
- package/dist/ai/source/BbBaseRadioGroup.md +4 -0
- package/dist/ai/source/BbBaseRating.md +3 -1
- package/dist/ai/source/BbBaseSelect.md +71 -16
- package/dist/ai/source/BbBaseSwitchGroup.md +4 -0
- package/dist/ai/source/BbBaseTimePickerInput.md +5 -1
- package/dist/ai/source/BbBreadcrumbs.md +31 -0
- package/dist/ai/source/BbButton.md +51 -24
- package/dist/ai/source/BbCheckbox.md +15 -1
- package/dist/ai/source/BbCheckboxGroup.md +2 -1
- package/dist/ai/source/BbCollapsible.md +7 -1
- package/dist/ai/source/BbColorInput.md +3 -4
- package/dist/ai/source/BbColorPalette.md +3 -4
- package/dist/ai/source/BbDatePicker.md +5 -1
- package/dist/ai/source/BbDatePickerInput.md +5 -1
- package/dist/ai/source/BbDialog.md +175 -19
- package/dist/ai/source/BbDropdown.md +376 -69
- package/dist/ai/source/BbDropdownGroup.md +330 -59
- package/dist/ai/source/BbForm.md +93 -5
- package/dist/ai/source/BbIcon.md +46 -36
- package/dist/ai/source/BbNumberInput.md +3 -4
- package/dist/ai/source/BbOffCanvas.md +474 -194
- package/dist/ai/source/BbPopover.md +24 -17
- package/dist/ai/source/BbProgress.md +2 -2
- package/dist/ai/source/BbRadio.md +15 -1
- package/dist/ai/source/BbRadioGroup.md +3 -1
- package/dist/ai/source/BbSelect.md +50 -2
- package/dist/ai/source/BbSelectPopover.md +171 -23
- package/dist/ai/source/BbSlider.md +3 -4
- package/dist/ai/source/BbSwitch.md +15 -1
- package/dist/ai/source/BbSwitchGroup.md +8 -5
- package/dist/ai/source/BbTable.md +5092 -1446
- package/dist/ai/source/BbTabs.md +6 -7
- package/dist/ai/source/BbTabsList.md +6 -7
- package/dist/ai/source/BbTabsPanes.md +6 -7
- package/dist/ai/source/BbTabsRoot.md +6 -7
- package/dist/ai/source/BbTag.md +3 -4
- package/dist/ai/source/BbTextInput.md +3 -4
- package/dist/ai/source/BbTextarea.md +3 -4
- package/dist/ai/source/BbTimePicker.md +4 -1
- package/dist/ai/source/BbTimePickerInput.md +5 -1
- package/dist/ai/source/BbToast.md +3 -1
- package/dist/ai/source/BbTooltip.md +5 -1
- package/dist/ai/source/CommonInputWrapper.md +4 -0
- package/dist/ai/source/CommonPopover.md +6 -0
- package/dist/ai/source/FlatListBox.md +11 -5
- package/dist/ai/source/GroupedListBox.md +7 -5
- package/dist/components/BbAlert/BbAlert.vue_vue_type_script_setup_true_lang.js +4 -4
- package/dist/components/BbAlert/types.d.ts +10 -1
- package/dist/components/BbAvatar/BbAvatar.vue.d.ts +1 -1
- package/dist/components/BbAvatar/BbAvatar.vue_vue_type_script_setup_true_lang.js +33 -33
- package/dist/components/BbBadge/BadgeBodyContent.vue_vue_type_script_setup_true_lang.js +22 -16
- package/dist/components/BbBadge/BbBadge.vue_vue_type_script_setup_true_lang.js +36 -15
- package/dist/components/BbBadge/badgeButtonContext.d.ts +21 -8
- package/dist/components/BbBadge/types.d.ts +8 -2
- package/dist/components/BbBaseButton/BbBaseButton.vue_vue_type_script_setup_true_lang.js +47 -47
- package/dist/components/BbBaseButton/RouterComponent.vue_vue_type_script_setup_true_lang.js +14 -14
- package/dist/components/BbBaseCheckboxGroup/BbBaseCheckboxGroup.vue_vue_type_script_setup_true_lang.js +30 -28
- package/dist/components/BbBaseCheckboxGroup/types.d.ts +2 -2
- package/dist/components/BbBaseDatePicker/BbBaseDatePicker.vue_vue_type_script_setup_true_lang.js +167 -167
- package/dist/components/BbBaseDatePicker/BbBaseDatePickerInputDaySelector.vue.d.ts +9 -9
- package/dist/components/BbBaseDatePicker/BbBaseDatePickerInputDaySelector.vue_vue_type_script_setup_true_lang.js +78 -78
- package/dist/components/BbBaseDatePicker/BbBaseDatePickerMonthSelector.vue_vue_type_script_setup_true_lang.js +64 -64
- package/dist/components/BbBaseDatePickerInput/BbBaseDatePickerInput.vue.d.ts +1 -1
- package/dist/components/BbBaseDatePickerInput/BbBaseDatePickerInput.vue_vue_type_script_setup_true_lang.js +138 -138
- package/dist/components/BbBaseInputContainer/BbBaseInputContainer.vue_vue_type_script_setup_true_lang.js +2 -2
- package/dist/components/BbBaseRadioGroup/BbBaseRadioGroup.vue_vue_type_script_setup_true_lang.js +24 -22
- package/dist/components/BbBaseRating/BbBaseRating.vue_vue_type_script_setup_true_lang.js +40 -40
- package/dist/components/BbBaseSelect/BbBaseSelect.vue_vue_type_script_setup_true_lang.js +74 -65
- package/dist/components/BbBaseSelect/types.d.ts +22 -0
- package/dist/components/BbBaseSlider/BbBaseSlider.vue_vue_type_script_setup_true_lang.js +5 -5
- package/dist/components/BbBaseSwitchGroup/BbBaseSwitchGroup.vue_vue_type_script_setup_true_lang.js +30 -28
- package/dist/components/BbBaseTimePickerInput/BbBaseTimePickerInput.vue.d.ts +1 -1
- package/dist/components/BbBaseTimePickerInput/BbBaseTimePickerInput.vue_vue_type_script_setup_true_lang.js +104 -104
- package/dist/components/BbBreadcrumbs/BbBreadcrumbs.vue_vue_type_script_setup_true_lang.js +35 -35
- package/dist/components/BbButton/BbButton.vue_vue_type_script_setup_true_lang.js +85 -81
- package/dist/components/BbCheckboxGroup/types.d.ts +2 -1
- package/dist/components/BbCollapsible/types.d.ts +7 -1
- package/dist/components/BbColorInput/BbColorInput.vue.d.ts +1 -1
- package/dist/components/BbColorInput/BbColorInput.vue_vue_type_script_setup_true_lang.js +18 -18
- package/dist/components/BbColorPalette/BbColorPalette.vue.d.ts +2 -2
- package/dist/components/BbColorPalette/BbColorPalette.vue_vue_type_script_setup_true_lang.js +50 -50
- package/dist/components/BbConfirm/BbConfirm.vue_vue_type_script_setup_true_lang.js +17 -17
- package/dist/components/BbDatePicker/BbDatePicker.vue.d.ts +1 -1
- package/dist/components/BbDatePicker/BbDatePicker.vue_vue_type_script_setup_true_lang.js +100 -100
- package/dist/components/BbDatePickerInput/BbDatePickerInput.vue_vue_type_script_setup_true_lang.js +21 -21
- package/dist/components/BbDialog/BbDialog.vue.d.ts +1 -1
- package/dist/components/BbDialog/BbDialog.vue_vue_type_script_setup_true_lang.js +133 -107
- package/dist/components/BbDialog/types.d.ts +29 -2
- package/dist/components/BbDropdown/AdaptiveDropdown.vue.d.ts +2 -0
- package/dist/components/BbDropdown/AdaptiveDropdown.vue_vue_type_script_setup_true_lang.js +99 -100
- package/dist/components/BbDropdown/BbDropdown.vue.d.ts +2 -2
- package/dist/components/BbDropdown/BbDropdown.vue_vue_type_script_setup_true_lang.js +208 -201
- package/dist/components/BbDropdown/BbDropdownList.vue_vue_type_script_setup_true_lang.js +225 -208
- package/dist/components/BbDropdown/DropdownPipelineResolver.vue_vue_type_script_setup_true_lang.js +21 -21
- package/dist/components/BbDropdown/types.d.ts +20 -5
- package/dist/components/BbDropdownButton/BbDropdownButton.vue_vue_type_script_setup_true_lang.js +5 -5
- package/dist/components/BbIcon/BbIcon.vue_vue_type_script_setup_true_lang.js +46 -46
- package/dist/components/BbIcon/iconCache.d.ts +33 -0
- package/dist/components/BbIcon/iconCache.js +17 -0
- package/dist/components/BbNumberInput/BbNumberInput.vue.d.ts +1 -1
- package/dist/components/BbNumberInput/BbNumberInput.vue_vue_type_script_setup_true_lang.js +15 -15
- package/dist/components/BbOffCanvas/BbOffCanvas.vue.d.ts +1 -1
- package/dist/components/BbOffCanvas/BbOffCanvas.vue_vue_type_script_setup_true_lang.js +254 -208
- package/dist/components/BbOffCanvas/types.d.ts +30 -5
- package/dist/components/BbPagination/BbPagination.vue.d.ts +1 -1
- package/dist/components/BbPopover/BbPopover.vue.d.ts +2 -2
- package/dist/components/BbPopover/BbPopover.vue_vue_type_script_setup_true_lang.js +149 -146
- package/dist/components/BbPopover/types.d.ts +3 -2
- package/dist/components/BbRadioGroup/types.d.ts +3 -1
- package/dist/components/BbSelect/BbSelect.vue_vue_type_script_setup_true_lang.js +27 -23
- package/dist/components/BbSelect/types.d.ts +32 -0
- package/dist/components/BbSelectPopover/BbSelectPopover.vue_vue_type_script_setup_true_lang.js +221 -213
- package/dist/components/BbSlider/BbSlider.vue.d.ts +1 -1
- package/dist/components/BbSlider/BbSlider.vue_vue_type_script_setup_true_lang.js +20 -20
- package/dist/components/BbTable/BbTable.vue.d.ts +10 -4
- package/dist/components/BbTable/BbTable.vue_vue_type_script_setup_true_lang.js +1433 -600
- package/dist/components/BbTable/BbTableDataRow.d.ts +162 -0
- package/dist/components/BbTable/BbTableDataRow.js +136 -0
- package/dist/components/BbTable/BbTableExpandRow.d.ts +73 -0
- package/dist/components/BbTable/BbTableExpandRow.js +52 -0
- package/dist/components/BbTable/types.d.ts +324 -111
- package/dist/components/BbTable/utils.d.ts +92 -4
- package/dist/components/BbTable/utils.js +71 -36
- package/dist/components/BbTabs/types.d.ts +0 -8
- package/dist/components/BbTag/BbTag.vue.d.ts +1 -1
- package/dist/components/BbTag/BbTag.vue_vue_type_script_setup_true_lang.js +18 -18
- package/dist/components/BbTextInput/BbTextInput.vue.d.ts +1 -1
- package/dist/components/BbTextInput/BbTextInput.vue_vue_type_script_setup_true_lang.js +18 -18
- package/dist/components/BbTextarea/BbTextarea.vue.d.ts +1 -1
- package/dist/components/BbTextarea/BbTextarea.vue_vue_type_script_setup_true_lang.js +54 -54
- package/dist/components/BbTimePicker/BbTimePicker.vue.d.ts +1 -1
- package/dist/components/BbTimePicker/BbTimePicker.vue_vue_type_script_setup_true_lang.js +80 -80
- package/dist/components/BbTimePickerInput/BbTimePickerInput.vue_vue_type_script_setup_true_lang.js +61 -61
- package/dist/components/BbToast/BbToast.vue_vue_type_script_setup_true_lang.js +17 -17
- package/dist/components/BbToast/BbToastMessage.vue_vue_type_script_setup_true_lang.js +13 -13
- package/dist/components/BbTooltip/types.d.ts +5 -1
- package/dist/components/ChipsBox/ChipsBox.vue_vue_type_script_setup_true_lang.js +17 -17
- package/dist/components/ClearableButton/ClearableButton.vue_vue_type_script_setup_true_lang.js +5 -5
- package/dist/components/CommonPopover/CommonPopover.vue_vue_type_script_setup_true_lang.js +2 -1
- package/dist/components/FlatListBox/FlatListBox.vue_vue_type_script_setup_true_lang.js +83 -83
- package/dist/components/GroupedListBox/GroupedListBox.vue_vue_type_script_setup_true_lang.js +56 -56
- package/dist/composables/useBaseOptions.js +30 -20
- package/dist/composables/useBbConfig.d.ts +27 -6
- package/dist/composables/useBbConfig.js +8 -2
- package/dist/composables/useConfig.d.ts +59 -0
- package/dist/composables/useConfig.js +9 -0
- package/dist/composables/useItemsGetter.d.ts +11 -0
- package/dist/composables/useItemsGetter.js +44 -18
- package/dist/composables/useLocale.js +10 -7
- package/dist/composables/useMobile.js +5 -5
- package/dist/composables/usePrefill.d.ts +21 -2
- package/dist/composables/usePrefill.js +25 -19
- package/dist/composables/useSsrState.d.ts +20 -0
- package/dist/composables/useSsrState.js +13 -0
- package/dist/composables/useTableWidthContext.d.ts +24 -4
- package/dist/composables/useTableWidthContext.js +31 -28
- package/dist/composables/useToast.js +5 -5
- package/dist/deprecation/ai-deprecations.json.d.ts +121 -11
- package/dist/deprecation/ai-deprecations.json.js +1 -1
- package/dist/directives/bbDropdown.d.ts +15 -4
- package/dist/directives/bbDropdown.js +31 -9
- package/dist/directives/createPopoverDirective.d.ts +62 -0
- package/dist/directives/createPopoverDirective.js +63 -23
- package/dist/i18n/locales/cs.json +4 -1
- package/dist/i18n/locales/da.json +4 -1
- package/dist/i18n/locales/de.json +4 -1
- package/dist/i18n/locales/el.json +4 -1
- package/dist/i18n/locales/en.json +4 -1
- package/dist/i18n/locales/es.json +4 -1
- package/dist/i18n/locales/fi.json +4 -1
- package/dist/i18n/locales/fr.json +4 -1
- package/dist/i18n/locales/hu.json +4 -1
- package/dist/i18n/locales/it.json +4 -1
- package/dist/i18n/locales/ja.json +4 -1
- package/dist/i18n/locales/ko.json +4 -1
- package/dist/i18n/locales/nb.json +4 -1
- package/dist/i18n/locales/nl.json +4 -1
- package/dist/i18n/locales/pl.json +4 -1
- package/dist/i18n/locales/pt.json +4 -1
- package/dist/i18n/locales/ro.json +4 -1
- package/dist/i18n/locales/ru.json +4 -1
- package/dist/i18n/locales/sv.json +4 -1
- package/dist/i18n/locales/tr.json +4 -1
- package/dist/i18n/locales/uk.json +4 -1
- package/dist/i18n/locales/zh-cn.json +4 -1
- package/dist/index.d.ts +7 -2
- package/dist/index.js +69 -67
- package/dist/llms-full.txt +3997 -1458
- package/dist/llms-medium.txt +140 -73
- package/dist/llms.txt +7 -6
- package/dist/locale-blueprint.json +4 -1
- package/dist/nuxt-auto-imports.d.ts +100 -0
- package/dist/nuxt-auto-imports.js +55 -0
- package/dist/nuxt-module.d.ts +22 -1
- package/dist/nuxt.js +22 -8
- package/dist/plugin.d.ts +10 -1
- package/dist/plugin.js +20 -19
- package/dist/runtime/nuxt-plugin.js +28 -21
- package/dist/styles.css +1 -1
- package/dist/utilities/misc/listboxMetrics.d.ts +3 -3
- package/dist/utilities/misc/listboxMetrics.js +2 -2
- package/dist/utilities/misc/ssrStateInjectionKey.d.ts +42 -0
- package/dist/utilities/misc/ssrStateInjectionKey.js +4 -0
- package/dist/validated/BbForm.vue_vue_type_script_setup_true_lang.js +45 -27
- package/dist/validated/BbSelect.vue.d.ts +2 -0
- package/dist/validated/BbSelect.vue_vue_type_script_setup_true_lang.js +1 -0
- package/dist/validated/useValidatedField.js +25 -23
- package/dist/vite.js +7 -3
- package/llms.txt +8 -7
- package/package.json +2 -2
- package/scripts/lib/eslint-plugin.d.ts +19 -1
- package/scripts/lib/eslint-plugin.mjs +155 -14
- package/scripts/lib/html-attributes.mjs +91 -0
- package/scripts/lib/validate-bb-markup.mjs +59 -11
- package/dist/assets/svgs/sort.svg_raw.js +0 -4
- package/dist/components/BbBadge/BadgeAppendIcon.vue.d.ts +0 -3
- package/dist/components/BbBadge/BadgeAppendIcon.vue.js +0 -5
- package/dist/components/BbBadge/BadgeAppendIcon.vue_vue_type_script_setup_true_lang.js +0 -22
package/dist/ai/BbTabs.md
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
- Safety level: **Consumer API**
|
|
6
6
|
- Group: **Navigation**
|
|
7
|
-
- Description: Switches between tabbed content views (shadcn-like strip;
|
|
7
|
+
- Description: Switches between tabbed content views (shadcn-like strip; the co-located BbTabsRoot / BbTabsList / BbTabsPanes exports enable split layouts).
|
|
8
8
|
- Usage rule: Prefer this component for consumer-facing implementations.
|
|
9
9
|
- Implementation source (only when the contract below is not enough): [source/BbTabs.md](./source/BbTabs.md)
|
|
10
10
|
|
|
@@ -672,7 +672,18 @@ ends.
|
|
|
672
672
|
@click="scroll('right')"
|
|
673
673
|
/>
|
|
674
674
|
</template>
|
|
675
|
-
|
|
675
|
+
<!--
|
|
676
|
+
`slotKey(...)`, never the raw key. A pane's slot name is the
|
|
677
|
+
NORMALIZED key, so `#[release.key]` only happens to work while the
|
|
678
|
+
keys are already slug-safe (`v1`…`v9`). Give a release a realistic
|
|
679
|
+
tag — `v3-1`, `2026-03` — and the raw key stops matching the slot
|
|
680
|
+
name, and every pane silently renders empty.
|
|
681
|
+
-->
|
|
682
|
+
<template
|
|
683
|
+
v-for="release in releases"
|
|
684
|
+
:key="release.key"
|
|
685
|
+
#[slotKey(release.key)]
|
|
686
|
+
>
|
|
676
687
|
<p class="pt-3 text-sm text-[color:var(--bb-text-muted)]">
|
|
677
688
|
{{ release.label }} shipped the design-token overhaul and the tabs
|
|
678
689
|
keyboard-navigation pass.
|
|
@@ -683,7 +694,7 @@ ends.
|
|
|
683
694
|
</template>
|
|
684
695
|
<script setup lang="ts">
|
|
685
696
|
import { ref } from 'vue';
|
|
686
|
-
import { BbButton, BbTabs } from 'bitboss-ui';
|
|
697
|
+
import { BbButton, BbTabs, slotKey } from 'bitboss-ui';
|
|
687
698
|
import type { BbTabsItem } from 'bitboss-ui';
|
|
688
699
|
|
|
689
700
|
// A block strip with more triggers than fit: the pill and scroll-into-view keep
|
|
@@ -1105,8 +1116,11 @@ route, so it is SSR-safe and shareable:
|
|
|
1105
1116
|
- **Don't reach for `BbTabsRoot` by default.** If you only need a strip over its
|
|
1106
1117
|
panes, `BbTabs` is less markup and identical behavior; split only for markup
|
|
1107
1118
|
between them.
|
|
1108
|
-
- **Every tab disabled
|
|
1109
|
-
|
|
1119
|
+
- **Every tab disabled renders an inert tablist** — it does not throw. With no
|
|
1120
|
+
`modelValue` and no enabled tab there is nothing to select, so the strip
|
|
1121
|
+
renders with no active tab and no pane (`useBbTabsContext.ts:200-206` handles
|
|
1122
|
+
this deliberately). Nothing warns, so an all-disabled group looks like a
|
|
1123
|
+
rendering bug; leave at least one tab enabled, or hide the strip.
|
|
1110
1124
|
|
|
1111
1125
|
### Accessibility
|
|
1112
1126
|
|
|
@@ -1139,18 +1153,18 @@ route, so it is SSR-safe and shareable:
|
|
|
1139
1153
|
|
|
1140
1154
|
| Prop | Type | Default | Required | Description |
|
|
1141
1155
|
| --- | --- | --- | --- | --- |
|
|
1142
|
-
| `block` | `boolean \| undefined` |
|
|
1143
|
-
| `compact` | `boolean \| undefined` |
|
|
1156
|
+
| `block` | `boolean \| undefined` | `false` | | Displays the component as full width. |
|
|
1157
|
+
| `compact` | `boolean \| undefined` | `false` | | Adds a CSS class that applies a compact style to the component. |
|
|
1144
1158
|
| `direction` | `"horizontal" \| "vertical" \| undefined` | `"horizontal"` | | Direction of the tabs component. |
|
|
1145
|
-
| `disableAnimateX` | `boolean \| undefined` |
|
|
1146
|
-
| `disableAnimateY` | `boolean \| undefined` |
|
|
1147
|
-
| `disabled` | `boolean \| undefined` |
|
|
1148
|
-
| `eager` | `boolean \| undefined` |
|
|
1159
|
+
| `disableAnimateX` | `boolean \| undefined` | `false` | | Disables the horizontal slide transition between tab panels (enabled by default). |
|
|
1160
|
+
| `disableAnimateY` | `boolean \| undefined` | `false` | | Disables the smooth height animation when switching between tab panels (enabled by default). |
|
|
1161
|
+
| `disabled` | `boolean \| undefined` | `false` | | Disables the component |
|
|
1162
|
+
| `eager` | `boolean \| undefined` | `false` | | Prevents rendering content before it's made visible. |
|
|
1149
1163
|
| `headers` | `Record<string, string> \| undefined` | | | Additional HTTP headers forwarded to Inertia when navigation is triggered. Only meaningful in an Inertia context. |
|
|
1150
1164
|
| `id` | `string \| undefined` | | | The identifier of the component. |
|
|
1151
1165
|
| `items` | `BbTabsItem<K>[]` | | yes | Array of items that define the tabs in the component. |
|
|
1152
1166
|
| `modelValue` | `K \| null \| undefined` | | | The current tab key. Used by v-model. |
|
|
1153
|
-
| `navigation` | `boolean \| undefined` |
|
|
1167
|
+
| `navigation` | `boolean \| undefined` | `false` | | Synchronizes the current tab with the URL query parameter. Pair it with `replace` unless a tab is genuinely a separate destination — see the `replace` prop. |
|
|
1154
1168
|
| `onBefore` | `(() => boolean \| void) \| undefined` | | | Inertia lifecycle hook — fired just before the request is sent. Return `false` to cancel the visit. |
|
|
1155
1169
|
| `onCancel` | `(() => void) \| undefined` | | | Inertia lifecycle hook — fired when the request is cancelled. |
|
|
1156
1170
|
| `onError` | `((errors: Record<string, string>) => void) \| undefined` | | | Inertia lifecycle hook — fired when the server returns validation errors. |
|
|
@@ -1162,8 +1176,8 @@ route, so it is SSR-safe and shareable:
|
|
|
1162
1176
|
| `preserveScroll` | `boolean \| ((props: Record<string, unknown>) => boolean) \| undefined` | | | Controls whether Inertia preserves the scroll position after navigation. Only meaningful in an Inertia context. |
|
|
1163
1177
|
| `preserveState` | `boolean \| ((props: Record<string, unknown>) => boolean) \| null \| undefined` | | | Controls whether Inertia preserves the current component state after navigation. Only meaningful in an Inertia context. |
|
|
1164
1178
|
| `queryKey` | `string \| undefined` | `"tab"` | | Defines the query key used for URL-based navigation. |
|
|
1165
|
-
| `replace` | `boolean \| undefined` |
|
|
1166
|
-
| `server` | `boolean \| undefined` |
|
|
1179
|
+
| `replace` | `boolean \| undefined` | `false` | | Replaces history rather than pushing it when changing tab. Recommended default whenever `navigation` is on: the query keeps the active tab (deep-linkable, survives reload) while Back still returns to the page the user came from, instead of … |
|
|
1180
|
+
| `server` | `boolean \| undefined` | `false` | | When true and in an Inertia context, triggers a real server-side Inertia visit instead of a client-only `history.pushState`. |
|
|
1167
1181
|
|
|
1168
1182
|
## Events
|
|
1169
1183
|
|
package/dist/ai/BbTabsList.md
CHANGED
|
@@ -24,6 +24,6 @@
|
|
|
24
24
|
|
|
25
25
|
## See Also
|
|
26
26
|
|
|
27
|
-
- [BbTabs](./BbTabs.md) — Switches between tabbed content views (shadcn-like strip;
|
|
27
|
+
- [BbTabs](./BbTabs.md) — Switches between tabbed content views (shadcn-like strip; the co-located BbTabsRoot / BbTabsList / BbTabsPanes exports enable split layouts).
|
|
28
28
|
- [BbTabsRoot](./BbTabsRoot.md) — Provide/inject root that lets BbTabsList and BbTabsPanes live in separate layout slots.
|
|
29
29
|
- [BbTabsPanes](./BbTabsPanes.md) — The pane host of a split BbTabsRoot layout (renders the tab content only).
|
package/dist/ai/BbTabsPanes.md
CHANGED
|
@@ -22,6 +22,6 @@
|
|
|
22
22
|
|
|
23
23
|
## See Also
|
|
24
24
|
|
|
25
|
-
- [BbTabs](./BbTabs.md) — Switches between tabbed content views (shadcn-like strip;
|
|
25
|
+
- [BbTabs](./BbTabs.md) — Switches between tabbed content views (shadcn-like strip; the co-located BbTabsRoot / BbTabsList / BbTabsPanes exports enable split layouts).
|
|
26
26
|
- [BbTabsRoot](./BbTabsRoot.md) — Provide/inject root that lets BbTabsList and BbTabsPanes live in separate layout slots.
|
|
27
27
|
- [BbTabsList](./BbTabsList.md) — The trigger strip of a split BbTabsRoot layout (renders the tab buttons only).
|
package/dist/ai/BbTabsRoot.md
CHANGED
|
@@ -16,18 +16,18 @@
|
|
|
16
16
|
|
|
17
17
|
| Prop | Type | Default | Required | Description |
|
|
18
18
|
| --- | --- | --- | --- | --- |
|
|
19
|
-
| `block` | `boolean \| undefined` |
|
|
20
|
-
| `compact` | `boolean \| undefined` |
|
|
19
|
+
| `block` | `boolean \| undefined` | `false` | | Displays the component as full width. |
|
|
20
|
+
| `compact` | `boolean \| undefined` | `false` | | Adds a CSS class that applies a compact style to the component. |
|
|
21
21
|
| `direction` | `"horizontal" \| "vertical" \| undefined` | `"horizontal"` | | Direction of the tabs component. |
|
|
22
|
-
| `disableAnimateX` | `boolean \| undefined` |
|
|
23
|
-
| `disableAnimateY` | `boolean \| undefined` |
|
|
24
|
-
| `disabled` | `boolean \| undefined` |
|
|
25
|
-
| `eager` | `boolean \| undefined` |
|
|
22
|
+
| `disableAnimateX` | `boolean \| undefined` | `false` | | Disables the horizontal slide transition between tab panels (enabled by default). |
|
|
23
|
+
| `disableAnimateY` | `boolean \| undefined` | `false` | | Disables the smooth height animation when switching between tab panels (enabled by default). |
|
|
24
|
+
| `disabled` | `boolean \| undefined` | `false` | | Disables the component |
|
|
25
|
+
| `eager` | `boolean \| undefined` | `false` | | Prevents rendering content before it's made visible. |
|
|
26
26
|
| `headers` | `Record<string, string> \| undefined` | | | Additional HTTP headers forwarded to Inertia when navigation is triggered. Only meaningful in an Inertia context. |
|
|
27
27
|
| `id` | `string \| undefined` | | | The identifier of the component. |
|
|
28
28
|
| `items` | `BbTabsItem<K>[]` | | yes | Array of items that define the tabs in the component. |
|
|
29
29
|
| `modelValue` | `K \| null \| undefined` | | | The current tab key. Used by v-model. |
|
|
30
|
-
| `navigation` | `boolean \| undefined` |
|
|
30
|
+
| `navigation` | `boolean \| undefined` | `false` | | Synchronizes the current tab with the URL query parameter. Pair it with `replace` unless a tab is genuinely a separate destination — see the `replace` prop. |
|
|
31
31
|
| `onBefore` | `(() => boolean \| void) \| undefined` | | | Inertia lifecycle hook — fired just before the request is sent. Return `false` to cancel the visit. |
|
|
32
32
|
| `onCancel` | `(() => void) \| undefined` | | | Inertia lifecycle hook — fired when the request is cancelled. |
|
|
33
33
|
| `onError` | `((errors: Record<string, string>) => void) \| undefined` | | | Inertia lifecycle hook — fired when the server returns validation errors. |
|
|
@@ -39,8 +39,8 @@
|
|
|
39
39
|
| `preserveScroll` | `boolean \| ((props: Record<string, unknown>) => boolean) \| undefined` | | | Controls whether Inertia preserves the scroll position after navigation. Only meaningful in an Inertia context. |
|
|
40
40
|
| `preserveState` | `boolean \| ((props: Record<string, unknown>) => boolean) \| null \| undefined` | | | Controls whether Inertia preserves the current component state after navigation. Only meaningful in an Inertia context. |
|
|
41
41
|
| `queryKey` | `string \| undefined` | `"tab"` | | Defines the query key used for URL-based navigation. |
|
|
42
|
-
| `replace` | `boolean \| undefined` |
|
|
43
|
-
| `server` | `boolean \| undefined` |
|
|
42
|
+
| `replace` | `boolean \| undefined` | `false` | | Replaces history rather than pushing it when changing tab. Recommended default whenever `navigation` is on: the query keeps the active tab (deep-linkable, survives reload) while Back still returns to the page the user came from, instead of … |
|
|
43
|
+
| `server` | `boolean \| undefined` | `false` | | When true and in an Inertia context, triggers a real server-side Inertia visit instead of a client-only `history.pushState`. |
|
|
44
44
|
|
|
45
45
|
## Events
|
|
46
46
|
|
|
@@ -52,6 +52,6 @@
|
|
|
52
52
|
|
|
53
53
|
## See Also
|
|
54
54
|
|
|
55
|
-
- [BbTabs](./BbTabs.md) — Switches between tabbed content views (shadcn-like strip;
|
|
55
|
+
- [BbTabs](./BbTabs.md) — Switches between tabbed content views (shadcn-like strip; the co-located BbTabsRoot / BbTabsList / BbTabsPanes exports enable split layouts).
|
|
56
56
|
- [BbTabsList](./BbTabsList.md) — The trigger strip of a split BbTabsRoot layout (renders the tab buttons only).
|
|
57
57
|
- [BbTabsPanes](./BbTabsPanes.md) — The pane host of a split BbTabsRoot layout (renders the tab content only).
|
package/dist/ai/BbTag.md
CHANGED
|
@@ -363,33 +363,33 @@ only sets the label's text alignment.
|
|
|
363
363
|
| `append:icon` | `string \| undefined` | | | Name of the icon to be added at the end of the input. |
|
|
364
364
|
| `autocomplete` | `string \| undefined` | | | Guides to the browser as to the type of information expected in the field. |
|
|
365
365
|
| `autofocus` | `Booleanish \| undefined` | | | Sets autofocus on page load. |
|
|
366
|
-
| `caseSensitive` | `boolean \| undefined` |
|
|
367
|
-
| `clearable` | `boolean \| undefined` |
|
|
368
|
-
| `comma` | `boolean \| undefined` |
|
|
369
|
-
| `compact` | `boolean \| undefined` |
|
|
366
|
+
| `caseSensitive` | `boolean \| undefined` | `false` | | Compare tags case-sensitively when rejecting duplicates, so `Vue` and `vue` can both exist. By default matching folds case, because two chips differing only in case read as duplicates to a user. Either way the tag is stored with the casing … |
|
|
367
|
+
| `clearable` | `boolean \| undefined` | `false` | | Displays a clear button when the input has a value and is being interacted with. |
|
|
368
|
+
| `comma` | `boolean \| undefined` | `false` | | Sets the display model for selected values to a list of comma separated string. In this mode the user cannot deselect an option by pressing the close button. |
|
|
369
|
+
| `compact` | `boolean \| undefined` | `false` | | Sets the component in a compact mode. |
|
|
370
370
|
| `description` | `string \| undefined` | | | Descriptive text displayed below the label and above the input. Unlike the hint it is always visible, and it is linked to the input via `aria-describedby` (after any `errors` / `warnings`, before the `hint`). |
|
|
371
371
|
| `direction` | `InputDirection \| undefined` | | | Direction of the layout of the component. Can either be a predefined value or a pattern separated by a space like `xx xxxxx`. |
|
|
372
|
-
| `disabled` | `boolean \| undefined` |
|
|
372
|
+
| `disabled` | `boolean \| undefined` | `false` | | Disables the component. |
|
|
373
373
|
| `divider` | `string \| string[] \| undefined` | | | The divider key used to separate values from one another. By default it is "Enter". Accepts a single key or an array of keys (e.g. `['Enter', ',']`) — any of them commits the current text. |
|
|
374
374
|
| `errors` | `string \| string[] \| undefined` | | | Can be a string or an array of string containing the messages to display. They render in an `aria-live="polite"` region (announced when they appear) and, while the list is non-empty, are referenced FIRST from the control's `aria-describedby… |
|
|
375
|
-
| `hasErrors` | `boolean \| undefined` |
|
|
376
|
-
| `hasWarning` | `boolean \| undefined` |
|
|
377
|
-
| `hideLabel` | `boolean \| undefined` |
|
|
375
|
+
| `hasErrors` | `boolean \| undefined` | `false` | | Define if the component should be in an error state. It usually attaches a CSS class for styling purposes. |
|
|
376
|
+
| `hasWarning` | `boolean \| undefined` | `false` | | Define if the component should be in a warning state. Same chrome as errors with `--bb-warn`; errors take priority. |
|
|
377
|
+
| `hideLabel` | `boolean \| undefined` | `false` | | Visually hides the label of the input while maintaining accessibility. |
|
|
378
378
|
| `hint` | `string \| undefined` | | | Text box to be displayed near the input, usually to indicate instructions. |
|
|
379
379
|
| `id` | `string \| undefined` | | | The identifier of the component. |
|
|
380
380
|
| `label` | `string` | | yes | Text content of the label of the element. |
|
|
381
381
|
| `labelMode` | `"floating" \| "outside" \| "inside" \| undefined` | | | Where the label sits relative to the field: `outside` above it, `inside` within the control, or `floating` (starts inside, lifts on focus/value). Defaults to `config.defaultInputLabelMode`, like the other inputs. |
|
|
382
382
|
| `labelPosition` | `"left" \| "center" \| "right" \| undefined` | | | Sets the text alignment of the label. |
|
|
383
|
-
| `loading` | `boolean \| undefined` |
|
|
383
|
+
| `loading` | `boolean \| undefined` | `false` | | Sets the component in a loading state, usually triggering some visual styles. |
|
|
384
384
|
| `max` | `number \| undefined` | | | Maximum number of selected items. |
|
|
385
385
|
| `modelValue` | `string[]` | | yes | Used by v-model. Contains all selected tags. |
|
|
386
386
|
| `name` | `string \| undefined` | | | Defines the name of the input. |
|
|
387
|
-
| `persistentHint` | `boolean \| undefined` |
|
|
387
|
+
| `persistentHint` | `boolean \| undefined` | `false` | | Keeps the hint displayed. |
|
|
388
388
|
| `placeholder` | `string \| undefined` | | | String displayed when there's no data. |
|
|
389
389
|
| `prepend:icon` | `string \| undefined` | | | Name of the icon to be added at the start of the input. |
|
|
390
|
-
| `readonly` | `boolean \| undefined` |
|
|
391
|
-
| `required` | `boolean \| undefined` |
|
|
392
|
-
| `reverse` | `boolean \| undefined` |
|
|
390
|
+
| `readonly` | `boolean \| undefined` | `false` | | Sets the input in a readonly state. |
|
|
391
|
+
| `required` | `boolean \| undefined` | `false` | | Sets the input as required. |
|
|
392
|
+
| `reverse` | `boolean \| undefined` | `false` | | Reverses the layout. Applicable in every direction the order of the label and the input is swapped. |
|
|
393
393
|
| `warnings` | `string \| string[] \| undefined` | | | Warning messages to display beneath the field, in their own `aria-live` region and amber (`--bb-text-warn`). A string or array; a non-empty list implies the warning state. Errors suppress warnings when both are set. While displayed they are… |
|
|
394
394
|
|
|
395
395
|
## Events
|
|
@@ -434,5 +434,5 @@ Importing this component from `bitboss-ui/validated` instead of `bitboss-ui` bin
|
|
|
434
434
|
|
|
435
435
|
## See Also
|
|
436
436
|
|
|
437
|
-
- [BbBadge](./BbBadge.md) — Displays compact status
|
|
437
|
+
- [BbBadge](./BbBadge.md) — Displays a compact inline status counter or label. It sits in the flow — for a bubble or dot anchored OVER another element, use BbIndicator (includes the co-located BbBadgeButton export).
|
|
438
438
|
- [BbSelect](./BbSelect.md) — Selects one or many options from structured data.
|
package/dist/ai/BbTextInput.md
CHANGED
|
@@ -45,7 +45,7 @@ read from `FormData`.
|
|
|
45
45
|
- **`hideLabel`** keeps the label for screen readers but removes it visually —
|
|
46
46
|
the right move for search boxes whose design shows only a placeholder.
|
|
47
47
|
- The **`label` slot** replaces the label text and receives
|
|
48
|
-
`{ text, hasErrors }`, e.g. to append a required marker that turns red with
|
|
48
|
+
`{ text, hasErrors, hasWarning }`, e.g. to append a required marker that turns red with
|
|
49
49
|
the error state.
|
|
50
50
|
|
|
51
51
|
Avoid combining `labelMode="floating"` with a `placeholder` — the resting
|
|
@@ -542,8 +542,9 @@ The API also exposes `direction` (horizontal/pattern layouts), `reverse` and
|
|
|
542
542
|
`labelMode="floating"` or `"inside"` (via prop or
|
|
543
543
|
`config.defaultInputLabelMode`) the label is embedded in the field, so those
|
|
544
544
|
modes force the vertical layout and ignore `direction`. The same rule applies
|
|
545
|
-
to `BbNumberInput`, `BbSelect` and `
|
|
546
|
-
|
|
545
|
+
to `BbNumberInput`, `BbSelect`, `BbDatePickerInput` and `BbTextarea` — all
|
|
546
|
+
five carry `labelMode` and all five fall back to
|
|
547
|
+
`config.defaultInputLabelMode` when it is unset.
|
|
547
548
|
|
|
548
549
|
**Horizontal row via direction (outside label)**
|
|
549
550
|
|
|
@@ -867,32 +868,32 @@ const formattedTotal = computed(() =>
|
|
|
867
868
|
| `append:icon` | `string \| undefined` | | | Name of the icon to be added at the end of the input. |
|
|
868
869
|
| `autocomplete` | `string \| undefined` | | | Guides to the browser as to the type of information expected in the field. |
|
|
869
870
|
| `autofocus` | `Booleanish \| undefined` | | | Sets autofocus on page load. |
|
|
870
|
-
| `clearable` | `boolean \| undefined` |
|
|
871
|
-
| `compact` | `boolean \| undefined` |
|
|
871
|
+
| `clearable` | `boolean \| undefined` | `false` | | Displays a clear button when the input has a value and is being interacted with. |
|
|
872
|
+
| `compact` | `boolean \| undefined` | `false` | | Displays the component in a compact version. |
|
|
872
873
|
| `description` | `string \| undefined` | | | Descriptive text displayed below the label and above the input. Unlike the hint it is always visible, and it is linked to the input via `aria-describedby` (after any `errors` / `warnings`, before the `hint`). |
|
|
873
874
|
| `direction` | `InputDirection \| undefined` | | | Direction of the layout of the component. Can either be a predefined value or a pattern separated by a space like `xx xxxxx`. |
|
|
874
|
-
| `disabled` | `boolean \| undefined` |
|
|
875
|
-
| `emitMasked` | `boolean \| undefined` |
|
|
875
|
+
| `disabled` | `boolean \| undefined` | `false` | | Disables the component. |
|
|
876
|
+
| `emitMasked` | `boolean \| undefined` | `false` | | Emits the masked value of the input. |
|
|
876
877
|
| `errors` | `string \| string[] \| undefined` | | | Can be a string or an array of string containing the messages to display. They render in an `aria-live="polite"` region (announced when they appear) and, while the list is non-empty, are referenced FIRST from the control's `aria-describedby… |
|
|
877
|
-
| `hasErrors` | `boolean \| undefined` |
|
|
878
|
-
| `hasWarning` | `boolean \| undefined` |
|
|
879
|
-
| `hideLabel` | `boolean \| undefined` |
|
|
878
|
+
| `hasErrors` | `boolean \| undefined` | `false` | | Define if the component should be in an error state. It usually attaches a CSS class for styling purposes. |
|
|
879
|
+
| `hasWarning` | `boolean \| undefined` | `false` | | Define if the component should be in a warning state. Same chrome as errors with `--bb-warn`; errors take priority. |
|
|
880
|
+
| `hideLabel` | `boolean \| undefined` | `false` | | Visually hides the label of the input while maintaining accessibility. |
|
|
880
881
|
| `hint` | `string \| undefined` | | | Text box to be displayed near the input, usually to indicate instructions. |
|
|
881
882
|
| `id` | `string \| undefined` | | | The identifier of the component. |
|
|
882
883
|
| `inputMode` | `"text" \| "search" \| "email" \| "url" \| "tel" \| "none" \| "numeric" \| "decimal" \| undefined` | | | The inputmode of the input. |
|
|
883
884
|
| `label` | `string` | | yes | Text content of the label of the element. |
|
|
884
885
|
| `labelMode` | `"floating" \| "outside" \| "inside" \| undefined` | | | Label rendering mode. |
|
|
885
886
|
| `labelPosition` | `"left" \| "center" \| "right" \| undefined` | | | Sets the text alignment of the label. |
|
|
886
|
-
| `loading` | `boolean \| undefined` |
|
|
887
|
+
| `loading` | `boolean \| undefined` | `false` | | Sets the component in a loading state, usually triggering some visual styles. |
|
|
887
888
|
| `mask` | `MaskInputOptions \| undefined` | | | The mask to be applied to the input. Please visit https://beholdr.github.io/maska/v3 for syntax examples. |
|
|
888
889
|
| `modelValue` | `string \| null` | | yes | Used by v-model. |
|
|
889
890
|
| `name` | `string \| undefined` | | | Defines the name of the input. |
|
|
890
|
-
| `persistentHint` | `boolean \| undefined` |
|
|
891
|
+
| `persistentHint` | `boolean \| undefined` | `false` | | Keeps the hint displayed. |
|
|
891
892
|
| `placeholder` | `string \| undefined` | | | String displayed when there's no data. |
|
|
892
893
|
| `prepend:icon` | `string \| undefined` | | | Name of the icon to be added at the start of the input. |
|
|
893
|
-
| `readonly` | `boolean \| undefined` |
|
|
894
|
-
| `required` | `boolean \| undefined` |
|
|
895
|
-
| `reverse` | `boolean \| undefined` |
|
|
894
|
+
| `readonly` | `boolean \| undefined` | `false` | | Sets the input in a readonly state. |
|
|
895
|
+
| `required` | `boolean \| undefined` | `false` | | Sets the input as required. |
|
|
896
|
+
| `reverse` | `boolean \| undefined` | `false` | | Reverses the layout. Applicable in every direction the order of the label and the input is swapped. |
|
|
896
897
|
| `type` | `"text" \| "search" \| "email" \| "url" \| "tel" \| "password" \| undefined` | | | Type of the input. Restricted to the textual input types this component supports — use `BbNumberInput` for numbers and `BbDatePickerInput` for dates. |
|
|
897
898
|
| `warnings` | `string \| string[] \| undefined` | | | Warning messages to display beneath the field, in their own `aria-live` region and amber (`--bb-text-warn`). A string or array; a non-empty list implies the warning state. Errors suppress warnings when both are set. While displayed they are… |
|
|
898
899
|
|
package/dist/ai/BbTextarea.md
CHANGED
|
@@ -44,7 +44,7 @@ form or read from `FormData`.
|
|
|
44
44
|
inside the top edge). Unset, it falls back to
|
|
45
45
|
`config.defaultInputLabelMode` — so a project that floats its single-line
|
|
46
46
|
inputs gets floating textarea labels for free.
|
|
47
|
-
- The **`label` slot** replaces the label text and receives `{ text, hasErrors }`
|
|
47
|
+
- The **`label` slot** replaces the label text and receives `{ text, hasErrors, hasWarning }`
|
|
48
48
|
— e.g. to append a required marker that turns red in the error state.
|
|
49
49
|
|
|
50
50
|
**Label, hidden label, and a custom label slot**
|
|
@@ -804,30 +804,30 @@ comment composer above).
|
|
|
804
804
|
| `append:icon` | `string \| undefined` | | | Name of the icon to be added at the end of the input. |
|
|
805
805
|
| `autocomplete` | `string \| undefined` | | | Guides to the browser as to the type of information expected in the field. |
|
|
806
806
|
| `autofocus` | `Booleanish \| undefined` | | | Sets autofocus on page load. |
|
|
807
|
-
| `autoGrow` | `boolean \| undefined` |
|
|
808
|
-
| `clearable` | `boolean \| undefined` |
|
|
809
|
-
| `compact` | `boolean \| undefined` |
|
|
807
|
+
| `autoGrow` | `boolean \| undefined` | `false` | | Expands the textarea to match its content. |
|
|
808
|
+
| `clearable` | `boolean \| undefined` | `false` | | Displays a clear button when the input has a value and is being interacted with. |
|
|
809
|
+
| `compact` | `boolean \| undefined` | `false` | | Sets the component in a compact state. |
|
|
810
810
|
| `description` | `string \| undefined` | | | Descriptive text displayed below the label and above the input. Unlike the hint it is always visible, and it is linked to the input via `aria-describedby` (after any `errors` / `warnings`, before the `hint`). |
|
|
811
811
|
| `direction` | `InputDirection \| undefined` | | | Direction of the layout of the component. Can either be a predefined value or a pattern separated by a space like `xx xxxxx`. |
|
|
812
|
-
| `disabled` | `boolean \| undefined` |
|
|
812
|
+
| `disabled` | `boolean \| undefined` | `false` | | Disables the component. |
|
|
813
813
|
| `errors` | `string \| string[] \| undefined` | | | Can be a string or an array of string containing the messages to display. They render in an `aria-live="polite"` region (announced when they appear) and, while the list is non-empty, are referenced FIRST from the control's `aria-describedby… |
|
|
814
|
-
| `hasErrors` | `boolean \| undefined` |
|
|
815
|
-
| `hasWarning` | `boolean \| undefined` |
|
|
816
|
-
| `hideLabel` | `boolean \| undefined` |
|
|
814
|
+
| `hasErrors` | `boolean \| undefined` | `false` | | Define if the component should be in an error state. It usually attaches a CSS class for styling purposes. |
|
|
815
|
+
| `hasWarning` | `boolean \| undefined` | `false` | | Define if the component should be in a warning state. Same chrome as errors with `--bb-warn`; errors take priority. |
|
|
816
|
+
| `hideLabel` | `boolean \| undefined` | `false` | | Visually hides the label of the input while maintaining accessibility. |
|
|
817
817
|
| `hint` | `string \| undefined` | | | Text box to be displayed near the input, usually to indicate instructions. |
|
|
818
818
|
| `id` | `string \| undefined` | | | The identifier of the component. |
|
|
819
819
|
| `label` | `string` | | yes | Text content of the label of the element. |
|
|
820
820
|
| `labelMode` | `"floating" \| "outside" \| "inside" \| undefined` | | | Label rendering mode. `'outside'` (default) sits the label above/beside the field; `'floating'`/`'inside'` overlay it, like the other text inputs. |
|
|
821
821
|
| `labelPosition` | `"left" \| "center" \| "right" \| undefined` | | | Sets the text alignment of the label. |
|
|
822
|
-
| `loading` | `boolean \| undefined` |
|
|
822
|
+
| `loading` | `boolean \| undefined` | `false` | | Sets the component in a loading state, usually triggering some visual styles. |
|
|
823
823
|
| `modelValue` | `string \| null` | | yes | Used by v-model. |
|
|
824
824
|
| `name` | `string \| undefined` | | | Defines the name of the input. |
|
|
825
|
-
| `persistentHint` | `boolean \| undefined` |
|
|
825
|
+
| `persistentHint` | `boolean \| undefined` | `false` | | Keeps the hint displayed. |
|
|
826
826
|
| `placeholder` | `string \| undefined` | | | String displayed when there's no data. |
|
|
827
827
|
| `prepend:icon` | `string \| undefined` | | | Name of the icon to be added at the start of the input. |
|
|
828
|
-
| `readonly` | `boolean \| undefined` |
|
|
829
|
-
| `required` | `boolean \| undefined` |
|
|
830
|
-
| `reverse` | `boolean \| undefined` |
|
|
828
|
+
| `readonly` | `boolean \| undefined` | `false` | | Sets the input in a readonly state. |
|
|
829
|
+
| `required` | `boolean \| undefined` | `false` | | Sets the input as required. |
|
|
830
|
+
| `reverse` | `boolean \| undefined` | `false` | | Reverses the layout. Applicable in every direction the order of the label and the input is swapped. |
|
|
831
831
|
| `rows` | `string \| number \| undefined` | | | Sets the number of visible text lines for the control. |
|
|
832
832
|
| `warnings` | `string \| string[] \| undefined` | | | Warning messages to display beneath the field, in their own `aria-live` region and amber (`--bb-text-warn`). A string or array; a non-empty list implies the warning state. Errors suppress warnings when both are set. While displayed they are… |
|
|
833
833
|
|
package/dist/ai/BbTimePicker.md
CHANGED
|
@@ -192,13 +192,13 @@ typeahead. Always pass a `label` when the trigger is an unlabelled cell or icon.
|
|
|
192
192
|
| --- | --- | --- | --- | --- |
|
|
193
193
|
| `activator` | `ElementOrComponentRef \| undefined` | | | External activator element or component ref. When provided, the `activator` slot is not rendered and click + ARIA are attached programmatically to the referenced element — mirroring `BbDatePicker`. |
|
|
194
194
|
| `activeSegment` | `BbTimePickerSegment \| undefined` | | | Which end the columns edit in range mode (`v-model:active-segment`). Standalone use manages this internally via the in-panel toggle; a host can drive it. Ignored outside `range`. |
|
|
195
|
-
| `adaptive` | `boolean \| undefined` | `
|
|
196
|
-
| `ampm` | `boolean \| undefined` |
|
|
195
|
+
| `adaptive` | `boolean \| undefined` | ``config.adaptive` (`true`)` | | On mobile, open in a bottom off-canvas sheet instead of a floating popover. When unset, falls back to the global `config.adaptive`. |
|
|
196
|
+
| `ampm` | `boolean \| undefined` | `false` | | 12-hour display with an AM/PM column; emitted values stay 24-hour. |
|
|
197
197
|
| `anchor` | `ElementOrComponentRef \| undefined` | | | Element or component ref the popover positions itself relative to. Defaults to the activator when omitted (anchor to a larger row while a smaller element stays the click target). |
|
|
198
198
|
| `boundary` | `ElementOrComponentRefOrSelector \| undefined` | | | Constrains the popover within a bounding element or CSS selector. |
|
|
199
|
-
| `disabled` | `boolean \| undefined` |
|
|
200
|
-
| `disableFlip` | `boolean \| undefined` |
|
|
201
|
-
| `eager` | `boolean \| undefined` |
|
|
199
|
+
| `disabled` | `boolean \| undefined` | `false` | | Disables the activator and the columns. |
|
|
200
|
+
| `disableFlip` | `boolean \| undefined` | `false` | | Disable the automatic flip to the opposite side on overflow. |
|
|
201
|
+
| `eager` | `boolean \| undefined` | `false` | | Render popover content before it is first shown. |
|
|
202
202
|
| `label` | `string \| undefined` | | | Accessible label applied to the activator via `aria-label`. |
|
|
203
203
|
| `max` | `string \| undefined` | | | Maximum selectable time in `HH:mm` format. Values outside the pattern throw during setup to surface configuration mistakes. |
|
|
204
204
|
| `min` | `string \| undefined` | | | Minimum selectable time in `HH:mm` format. Values outside the pattern throw during setup to surface configuration mistakes. |
|
|
@@ -207,11 +207,11 @@ typeahead. Always pass a `label` when the trigger is an unlabelled cell or icon.
|
|
|
207
207
|
| `offset` | `number \| undefined` | `4` | | Space the popover keeps from the activator. |
|
|
208
208
|
| `padding` | `number \| undefined` | | | Minimum empty space to keep from the edge of the page. |
|
|
209
209
|
| `placement` | `Placement \| undefined` | | | Position of the popover relative to the activator/anchor. |
|
|
210
|
-
| `range` | `boolean \| undefined` |
|
|
211
|
-
| `readonly` | `boolean \| undefined` |
|
|
212
|
-
| `seconds` | `boolean \| undefined` |
|
|
213
|
-
| `step` | `number \| undefined` |
|
|
214
|
-
| `transitionDuration` | `number \| undefined` | `
|
|
210
|
+
| `range` | `boolean \| undefined` | `false` | | Range selection: the value is a two-element `[start, end]` array. |
|
|
211
|
+
| `readonly` | `boolean \| undefined` | `false` | | Prevents opening while keeping the activator visible. |
|
|
212
|
+
| `seconds` | `boolean \| undefined` | `false` | | Adds the seconds column. |
|
|
213
|
+
| `step` | `number \| undefined` | `1` | | Minute-column granularity and arrow stepping. |
|
|
214
|
+
| `transitionDuration` | `number \| undefined` | `250` | | Popover/sheet transition duration in milliseconds. |
|
|
215
215
|
|
|
216
216
|
## Events
|
|
217
217
|
|
|
@@ -129,41 +129,41 @@ Messages _also_ render in an `aria-live="polite"` region.
|
|
|
129
129
|
|
|
130
130
|
| Prop | Type | Default | Required | Description |
|
|
131
131
|
| --- | --- | --- | --- | --- |
|
|
132
|
-
| `adaptive` | `boolean \| undefined` | `
|
|
133
|
-
| `ampm` | `boolean \| undefined` |
|
|
132
|
+
| `adaptive` | `boolean \| undefined` | ``config.adaptive` (`true`)` | | On mobile the time columns open inside a bottom off-canvas sheet instead of a floating popover. When unset, falls back to the global `config.adaptive`. |
|
|
133
|
+
| `ampm` | `boolean \| undefined` | `false` | | 12-hour display with an AM/PM segment. Purely a field-composition concern: the model stays 24-hour. Type `A`/`P` (or ArrowUp/Down) to set the meridiem. |
|
|
134
134
|
| `append:icon` | `string \| undefined` | | | Name of the icon to be added at the end of the input. |
|
|
135
135
|
| `autocomplete` | `string \| undefined` | | | Guides the browser as to the type of information expected in the field. |
|
|
136
136
|
| `autofocus` | `Booleanish \| undefined` | | | Sets autofocus on page load. |
|
|
137
|
-
| `clearable` | `boolean \| undefined` |
|
|
138
|
-
| `compact` | `boolean \| undefined` |
|
|
137
|
+
| `clearable` | `boolean \| undefined` | `false` | | Displays a clear button when the input has a value and is being interacted with. |
|
|
138
|
+
| `compact` | `boolean \| undefined` | `false` | | Sets the component in a compact state. |
|
|
139
139
|
| `description` | `string \| undefined` | | | Descriptive text displayed below the label and above the input. Always visible and linked to the input via `aria-describedby` (after any `errors` / `warnings`, before the `hint`). |
|
|
140
140
|
| `direction` | `InputDirection \| undefined` | | | Direction of the layout of the component. Can either be a predefined value or a pattern separated by a space like `xx xxxxx`. |
|
|
141
|
-
| `disabled` | `boolean \| undefined` |
|
|
142
|
-
| `disableWriting` | `boolean \| "mobile" \| "desktop" \| undefined` |
|
|
141
|
+
| `disabled` | `boolean \| undefined` | `false` | | Disables the component. |
|
|
142
|
+
| `disableWriting` | `boolean \| "mobile" \| "desktop" \| undefined` | `false` | | Disables typing into the input. Use `'mobile'` / `'desktop'` to disable typing on one platform only. |
|
|
143
143
|
| `errors` | `string \| string[] \| undefined` | | | Can be a string or an array of string containing the messages to display. They render in an `aria-live="polite"` region (announced when they appear) and, while the list is non-empty, are referenced FIRST from the segment inputs' `aria-descr… |
|
|
144
|
-
| `hasErrors` | `boolean \| undefined` |
|
|
145
|
-
| `hasWarning` | `boolean \| undefined` |
|
|
146
|
-
| `hideLabel` | `boolean \| undefined` |
|
|
144
|
+
| `hasErrors` | `boolean \| undefined` | `false` | | Define if the component should be in an error state. It usually attaches a CSS class for styling purposes. |
|
|
145
|
+
| `hasWarning` | `boolean \| undefined` | `false` | | Define if the component should be in a warning state. Same chrome as errors with `--bb-warn`; errors take priority. |
|
|
146
|
+
| `hideLabel` | `boolean \| undefined` | `false` | | Visually hides the label of the input while maintaining accessibility. |
|
|
147
147
|
| `hint` | `string \| undefined` | | | Text box to be displayed near the input, usually to indicate instructions. |
|
|
148
148
|
| `id` | `string \| undefined` | | | The identifier of the component. |
|
|
149
149
|
| `label` | `string` | | yes | Text content of the label of the element. |
|
|
150
150
|
| `labelMode` | `"floating" \| "outside" \| "inside" \| undefined` | | | Label rendering mode. |
|
|
151
151
|
| `labelPosition` | `"left" \| "center" \| "right" \| undefined` | | | Sets the text alignment of the label. |
|
|
152
|
-
| `loading` | `boolean \| undefined` |
|
|
152
|
+
| `loading` | `boolean \| undefined` | `false` | | Sets the component in a loading state, usually triggering some visual styles. |
|
|
153
153
|
| `max` | `string \| undefined` | | | Maximum selectable time in `HH:mm` format. Values outside the pattern throw during setup to surface configuration mistakes. |
|
|
154
154
|
| `min` | `string \| undefined` | | | Minimum selectable time in `HH:mm` format. Values outside the pattern throw during setup to surface configuration mistakes. |
|
|
155
155
|
| `modelValue` | `string \| string[] \| null` | | yes | v-model value: `null` for empty, a 24-hour `HH:mm` (or `HH:mm:ss` with `seconds`) string, or a two-element array when `range` is true. |
|
|
156
156
|
| `name` | `string \| undefined` | | | Defines the name of the input. |
|
|
157
157
|
| `offCanvasProps` | `Partial<BbOffCanvasProps> \| undefined` | | | Extra props forwarded to the `BbOffCanvas` sheet when `adaptive` is active on mobile (e.g. `title`, `size`, `persistent`). |
|
|
158
|
-
| `persistentHint` | `boolean \| undefined` |
|
|
158
|
+
| `persistentHint` | `boolean \| undefined` | `false` | | Keeps the hint displayed. |
|
|
159
159
|
| `placeholder` | `string \| undefined` | | | String displayed when there's no data. |
|
|
160
160
|
| `prepend:icon` | `string \| undefined` | | | Name of the icon to be added at the start of the input. |
|
|
161
|
-
| `range` | `boolean \| undefined` |
|
|
162
|
-
| `readonly` | `boolean \| undefined` |
|
|
163
|
-
| `required` | `boolean \| undefined` |
|
|
164
|
-
| `reverse` | `boolean \| undefined` |
|
|
165
|
-
| `seconds` | `boolean \| undefined` |
|
|
166
|
-
| `step` | `number \| undefined` |
|
|
161
|
+
| `range` | `boolean \| undefined` | `false` | | Range selection: v-model expects a two-element array `[start, end]`. An inverted pair swaps on finalize with an `end_before_start` error. |
|
|
162
|
+
| `readonly` | `boolean \| undefined` | `false` | | Sets the input in a readonly state. |
|
|
163
|
+
| `required` | `boolean \| undefined` | `false` | | Sets the input as required. |
|
|
164
|
+
| `reverse` | `boolean \| undefined` | `false` | | Reverses the layout: the order of the label and the input is swapped. |
|
|
165
|
+
| `seconds` | `boolean \| undefined` | `false` | | Adds the seconds segment. Without it an incoming value carrying seconds displays truncated and zeroes out on the next user commit. |
|
|
166
|
+
| `step` | `number \| undefined` | `1` | | Minute granularity for the minute column and its arrow stepping. Constrains what the columns produce, never what typing accepts. |
|
|
167
167
|
| `transitionDuration` | `number \| undefined` | | | Transition duration, in milliseconds, for the popover appearance. |
|
|
168
168
|
| `warnings` | `string \| string[] \| undefined` | | | Warning messages to display beneath the field, in their own `aria-live` region and amber (`--bb-text-warn`). A string or array; a non-empty list implies the warning state. Errors suppress warnings when both are set. While displayed they are… |
|
|
169
169
|
|
package/dist/ai/BbToast.md
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
- Safety level: **Consumer API**
|
|
6
6
|
- Group: **Feedback**
|
|
7
|
-
- Description: Shows transient notification messages.
|
|
7
|
+
- Description: Shows transient notification messages (includes the co-located BbToastPortal export).
|
|
8
8
|
- Usage rule: Prefer this component for consumer-facing implementations.
|
|
9
9
|
- Implementation source (only when the contract below is not enough): [source/BbToast.md](./source/BbToast.md)
|
|
10
10
|
|
package/dist/ai/BbToastPortal.md
CHANGED
package/dist/ai/BbTooltip.md
CHANGED
|
@@ -82,11 +82,13 @@ bubble (`top` by default; the `top` / `right` / `bottom` / `left` families with
|
|
|
82
82
|
- `'default'` — the inverted (primary) bubble.
|
|
83
83
|
- `'destructive'` — danger-tinted, for a warning-flavored hint.
|
|
84
84
|
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
`
|
|
89
|
-
|
|
85
|
+
Registering a name in the vite plugin's `tooltipVariants` array is **not
|
|
86
|
+
optional**: `variant` is typed `keyof TooltipVariantRegistry`, so out of the box
|
|
87
|
+
only `default` and `destructive` compile and `variant="info"` is a type error —
|
|
88
|
+
`info` and `success` being exactly the names people invent. Register the name
|
|
89
|
+
(recommended) and the class hook `bb-tooltip--<name>` is interpolated at
|
|
90
|
+
runtime for **your** CSS to style. For a genuine one-off, a cast forces it
|
|
91
|
+
through; the class is still emitted.
|
|
90
92
|
|
|
91
93
|
**Default and destructive**
|
|
92
94
|
|
|
@@ -456,15 +458,15 @@ const files: SharedFile[] = [
|
|
|
456
458
|
| `arrowPadding` | `number \| undefined` | `10` | | Space the arrow will maintain to the edge of the tooltip bubble. Useful when the floating element has border radius so it won't appear broken |
|
|
457
459
|
| `boundary` | `ElementOrComponentRefOrSelector \| undefined` | | | Constrains the tooltip within a bounding element. When provided, the tooltip will not overflow this container's bounds (e.g. a sidebar). Accepts an HTMLElement, a Vue component ref, or a CSS selector string. |
|
|
458
460
|
| `delay` | `number \| undefined` | `0` | | The delay in milliseconds before the tooltip is shown. |
|
|
459
|
-
| `disabled` | `boolean \| undefined` |
|
|
460
|
-
| `eager` | `boolean \| undefined` |
|
|
461
|
-
| `hideArrow` | `boolean \| undefined` |
|
|
462
|
-
| `id` | `string \| undefined` | | |
|
|
461
|
+
| `disabled` | `boolean \| undefined` | `false` | | Disables the component |
|
|
462
|
+
| `eager` | `boolean \| undefined` | `false` | | Prevents rendering content before it's made visible. |
|
|
463
|
+
| `hideArrow` | `boolean \| undefined` | `false` | | Hides the tooltip arrow. A tooltip shows its arrow by default (it's the one popover-family surface where an arrow is meaningful — a speech bubble pointing at its anchor); set this to drop it. |
|
|
464
|
+
| `id` | `string \| undefined` | | | Seed for the tooltip's internal id. It is **prefixed** (`bb_<id>`) and set on the inner content element, not on the root — so `document.getElementById(theIdYouPassed)` finds nothing. Pass it to make the generated id stable (SSR snapshots, t… |
|
|
463
465
|
| `modelValue` | `boolean \| undefined` | `false` | | Used by v-model to show / hide the tooltip. A tooltip with no `v-model` starts hidden and is driven by hover / focus. |
|
|
464
466
|
| `padding` | `number \| undefined` | `10` | | Minimum empty space to keep from the edge of the page |
|
|
465
467
|
| `placement` | `Placement \| undefined` | `"top"` | | Position of the overlay in respect to the related activator. |
|
|
466
468
|
| `text` | `string \| undefined` | | | Text content of the component. |
|
|
467
|
-
| `transitionDuration` | `number \| undefined` | `
|
|
469
|
+
| `transitionDuration` | `number \| undefined` | `250` | | How long the transition has to last in milliseconds |
|
|
468
470
|
| `variant` | `keyof TooltipVariantRegistry \| undefined` | `"default"` | | Visual variant. `'default'` is the inverted (primary) bubble, `'destructive'` is the danger-tinted bubble for warnings. Any other string is applied as a `bb-tooltip--<name>` class hook. |
|
|
469
471
|
| `width` | `string \| number \| undefined` | | | Width of the tooltip bubble in pixels, or as a percentage of the activator. |
|
|
470
472
|
|
package/dist/ai/BbTree.md
CHANGED
|
@@ -1033,7 +1033,7 @@ row) with that in mind.
|
|
|
1033
1033
|
| `expandable` | `BbTreeExpandable<Meta> \| undefined` | | | Defines nodes as expandable. It can be a global boolean, or a function that receives the node, its depth, and its parent and returns a boolean. |
|
|
1034
1034
|
| `expandedItems` | `any[] \| undefined` | `[]` | | Live expansion state: the list of expanded node values (see `itemValue`). Branch nodes not explicitly collapsed via `expanded: false` seed the list when they first appear in `items`; from then on this model is the single source of truth. |
|
|
1035
1035
|
| `items` | `BbTreeItem<Meta>[]` | `[]` | yes | Tree-like structure of nodes to render. |
|
|
1036
|
-
| `itemValue` | `ItemAccessor<Meta> \| undefined` |
|
|
1036
|
+
| `itemValue` | `ItemAccessor<Meta> \| undefined` | `the whole `meta` object` | | Identity of a node, used to hash entries of `expandedItems` and to name per-node slots. A string reads that key from `meta`; a function receives `meta` and returns the value. |
|
|
1037
1037
|
|
|
1038
1038
|
## Events
|
|
1039
1039
|
|
package/dist/ai/ChipsBox.md
CHANGED
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
|
|
13
13
|
| Prop | Type | Default | Required | Description |
|
|
14
14
|
| --- | --- | --- | --- | --- |
|
|
15
|
-
| `disabled` | `boolean \| undefined` |
|
|
15
|
+
| `disabled` | `boolean \| undefined` | `false` | | Whether the component is disabled. |
|
|
16
16
|
| `options` | `Option[]` | | yes | List of options to render as chips. |
|
|
17
17
|
| `size` | `"xs" \| "sm" \| "md" \| "lg" \| "xl" \| "2xl" \| undefined` | | | The size of the chips. |
|
|
18
18
|
|
|
@@ -12,19 +12,19 @@
|
|
|
12
12
|
|
|
13
13
|
| Prop | Type | Default | Required | Description |
|
|
14
14
|
| --- | --- | --- | --- | --- |
|
|
15
|
-
| `active` | `boolean \| undefined` |
|
|
15
|
+
| `active` | `boolean \| undefined` | `false` | | Whether the input is in active/focused state (e.g. open dropdown). |
|
|
16
16
|
| `append:icon` | `string \| undefined` | | | Name of the icon to be added at the end of the input. |
|
|
17
|
-
| `clearable` | `boolean \| undefined` |
|
|
18
|
-
| `compact` | `boolean \| undefined` |
|
|
19
|
-
| `disabled` | `boolean \| undefined` |
|
|
20
|
-
| `hasErrors` | `boolean \| undefined` |
|
|
17
|
+
| `clearable` | `boolean \| undefined` | `false` | | Whether the input is clearable. |
|
|
18
|
+
| `compact` | `boolean \| undefined` | `false` | | Whether the input is in compact mode. |
|
|
19
|
+
| `disabled` | `boolean \| undefined` | `false` | | Whether the input is disabled. |
|
|
20
|
+
| `hasErrors` | `boolean \| undefined` | `false` | | Whether the input has validation errors. |
|
|
21
21
|
| `hasValue` | `boolean \| undefined` | `undefined` | | Whether the wrapped control currently has a value that can be cleared. |
|
|
22
|
-
| `hasWarning` | `boolean \| undefined` |
|
|
23
|
-
| `loading` | `boolean \| undefined` |
|
|
22
|
+
| `hasWarning` | `boolean \| undefined` | `false` | | Whether the input has a warning state. Visually identical to `hasErrors` but uses `--bb-warn` chrome; errors take priority when both are set. |
|
|
23
|
+
| `loading` | `boolean \| undefined` | `false` | | Whether the input is in a loading state. |
|
|
24
24
|
| `prepend:icon` | `string \| undefined` | | | Name of the icon to be added at the start of the input. |
|
|
25
|
-
| `preventFocus` | `boolean \| undefined` |
|
|
26
|
-
| `readonly` | `boolean \| undefined` |
|
|
27
|
-
| `reserveAppendSpace` | `boolean \| undefined` |
|
|
25
|
+
| `preventFocus` | `boolean \| undefined` | `false` | | Prevents the wrapper from focusing the inner input on click. |
|
|
26
|
+
| `readonly` | `boolean \| undefined` | `false` | | Whether the input is readonly. |
|
|
27
|
+
| `reserveAppendSpace` | `boolean \| undefined` | `false` | | Keeps trailing action/icon space reserved even when currently empty. |
|
|
28
28
|
|
|
29
29
|
## Events
|
|
30
30
|
|
package/dist/ai/CommonPopover.md
CHANGED
|
@@ -19,18 +19,18 @@
|
|
|
19
19
|
| `anchor` | `any` | | | The element the popover positions itself relative to. Accepts an HTMLElement, a Vue component ref, or a virtual element with a `getBoundingClientRect` method. |
|
|
20
20
|
| `arrowPadding` | `number \| undefined` | | | Space the arrow will maintain to the edge of the dropdown. Useful when the floating element has border radius so it won't appear broken |
|
|
21
21
|
| `boundary` | `string \| Record<string, any> \| HTMLElement \| null \| undefined` | | | Constrains the popover's *placement* within a bounding element: `flip` and `shift` keep the popover inside these bounds. Does NOT clamp the popover's size — a short boundary (e.g. a single-line nav) will not collapse the bubble. Use {@link … |
|
|
22
|
-
| `dialog` | `boolean \| undefined` |
|
|
23
|
-
| `disableFlip` | `boolean \| undefined` |
|
|
24
|
-
| `eager` | `boolean \| undefined` |
|
|
25
|
-
| `forceAutoUpdate` | `boolean \| undefined` |
|
|
26
|
-
| `hideArrow` | `boolean \| undefined` |
|
|
22
|
+
| `dialog` | `boolean \| undefined` | `false` | | Renders the popover as a `<dialog>` element (modal overlay) instead of a `<span>` with the Popover API. |
|
|
23
|
+
| `disableFlip` | `boolean \| undefined` | `false` | | Disables the automatic flip to the opposite side when the popover would overflow (flipping is on by default). |
|
|
24
|
+
| `eager` | `boolean \| undefined` | `false` | | Prevents rendering content before it's made visible. |
|
|
25
|
+
| `forceAutoUpdate` | `boolean \| undefined` | `false` | | Keeps floating-ui's `autoUpdate` (scroll/resize/resize-observer tracking) running while the popover is closed. By default the position is only tracked while the popover is open, so idle popovers attach no listeners. Enable this only when th… |
|
|
26
|
+
| `hideArrow` | `boolean \| undefined` | `false` | | Hides the arrow indicator. |
|
|
27
27
|
| `modelValue` | `boolean \| undefined` | `false` | | Used by v-model to show / hide the bubble. Closed until the owning component opens it. |
|
|
28
28
|
| `offset` | `number \| undefined` | | | Space the floating container will maintain from the activator. |
|
|
29
29
|
| `overflowBoundary` | `string \| Record<string, any> \| HTMLElement \| null \| undefined` | | | Bounding element the `size` middleware measures free space against, driving the `availableHeight`/`availableWidth` slot props. Defaults to the clipping ancestors (ultimately the viewport) when omitted, so the popover can grow to the full av… |
|
|
30
30
|
| `padding` | `number \| undefined` | `0` | | Minimum empty space to keep from the edge of the page |
|
|
31
31
|
| `placement` | `Placement \| undefined` | | | Position of the overlay in respect to the related activator. |
|
|
32
32
|
| `tag` | `PopoverTag \| undefined` | `"div"` | | Element rendered as the popover wrapper (and as the bubble inside it). Overridden to `dialog` when `dialog` is `true`. The wrapper is `position: fixed` either way, so this only decides markup validity: `div` is correct wherever the bubble h… |
|
|
33
|
-
| `transitionDuration` | `number \| undefined` | `
|
|
33
|
+
| `transitionDuration` | `number \| undefined` | `250` | | How long the transition has to last in milliseconds |
|
|
34
34
|
|
|
35
35
|
## Events
|
|
36
36
|
|