diff --git a/packages/bootstrap-vue-next/src/components/BAlert/BAlert.vue b/packages/bootstrap-vue-next/src/components/BAlert/BAlert.vue
index 742598494..a03364bc1 100644
--- a/packages/bootstrap-vue-next/src/components/BAlert/BAlert.vue
+++ b/packages/bootstrap-vue-next/src/components/BAlert/BAlert.vue
@@ -159,7 +159,12 @@ watch(isHovering, (newValue) => {
 
 onBeforeUnmount(stop)
 
-defineExpose({pause, resume, restart, stop})
+defineExpose({
+  pause,
+  resume,
+  restart,
+  stop,
+})
 </script>
 
 <style lang="scss" scoped>
diff --git a/packages/bootstrap-vue-next/src/components/BCarousel/BCarousel.vue b/packages/bootstrap-vue-next/src/components/BCarousel/BCarousel.vue
index 0112fb265..23d025fd2 100644
--- a/packages/bootstrap-vue-next/src/components/BCarousel/BCarousel.vue
+++ b/packages/bootstrap-vue-next/src/components/BCarousel/BCarousel.vue
@@ -315,7 +315,12 @@ watch(isHovering, (newValue) => {
   onMouseLeave()
 })
 
-defineExpose({pause, resume, prev, next})
+defineExpose({
+  pause,
+  resume,
+  prev,
+  next,
+})
 
 provide(carouselInjectionKey, {
   background: toRef(() => props.background),
diff --git a/packages/bootstrap-vue-next/src/components/BForm/BForm.vue b/packages/bootstrap-vue-next/src/components/BForm/BForm.vue
index 38f18391c..847386e0c 100644
--- a/packages/bootstrap-vue-next/src/components/BForm/BForm.vue
+++ b/packages/bootstrap-vue-next/src/components/BForm/BForm.vue
@@ -1,6 +1,7 @@
 <template>
   <form
     :id="id"
+    ref="element"
     :novalidate="novalidateBoolean"
     :class="computedClasses"
     @submit.prevent="submitted"
@@ -12,7 +13,7 @@
 <script setup lang="ts">
 import type {BFormProps} from '../../types'
 import {useBooleanish} from '../../composables'
-import {computed} from 'vue'
+import {computed, ref} from 'vue'
 
 const props = withDefaults(defineProps<BFormProps>(), {
   floating: false,
@@ -25,6 +26,8 @@ const emit = defineEmits<{
   submit: [value: Event]
 }>()
 
+const element = ref<HTMLFormElement | null>(null)
+
 const floatingBoolean = useBooleanish(() => props.floating)
 const novalidateBoolean = useBooleanish(() => props.novalidate)
 const validatedBoolean = useBooleanish(() => props.validated)
@@ -42,4 +45,8 @@ const computedClasses = computed(() => ({
 const submitted = (e: Event) => {
   emit('submit', e)
 }
+
+defineExpose({
+  element,
+})
 </script>
diff --git a/packages/bootstrap-vue-next/src/components/BFormCheckbox/BFormCheckbox.vue b/packages/bootstrap-vue-next/src/components/BFormCheckbox/BFormCheckbox.vue
index 785490bdc..0a0c2ab3e 100644
--- a/packages/bootstrap-vue-next/src/components/BFormCheckbox/BFormCheckbox.vue
+++ b/packages/bootstrap-vue-next/src/components/BFormCheckbox/BFormCheckbox.vue
@@ -256,12 +256,12 @@ const inputClasses = getInputClasses(classesObject)
 const labelClasses = getLabelClasses(classesObject)
 
 defineExpose({
+  element: input,
   focus: () => {
     focused.value = true
   },
   blur: () => {
     focused.value = false
   },
-  input,
 })
 </script>
diff --git a/packages/bootstrap-vue-next/src/components/BFormFile/BFormFile.vue b/packages/bootstrap-vue-next/src/components/BFormFile/BFormFile.vue
index cf4ed36b9..dc909a6e6 100644
--- a/packages/bootstrap-vue-next/src/components/BFormFile/BFormFile.vue
+++ b/packages/bootstrap-vue-next/src/components/BFormFile/BFormFile.vue
@@ -154,6 +154,7 @@ watch(modelValue, (newValue) => {
 })
 
 defineExpose({
+  element: input,
   focus: () => {
     focused.value = true
   },
@@ -161,6 +162,5 @@ defineExpose({
     focused.value = false
   },
   reset,
-  input,
 })
 </script>
diff --git a/packages/bootstrap-vue-next/src/components/BFormInput/BFormInput.vue b/packages/bootstrap-vue-next/src/components/BFormInput/BFormInput.vue
index b7afe9a1e..f585767bd 100644
--- a/packages/bootstrap-vue-next/src/components/BFormInput/BFormInput.vue
+++ b/packages/bootstrap-vue-next/src/components/BFormInput/BFormInput.vue
@@ -112,9 +112,9 @@ const computedClasses = computed(() => {
 })
 
 defineExpose({
+  element: input,
   focus,
   blur,
-  input,
 })
 
 // const highlight = () => {
diff --git a/packages/bootstrap-vue-next/src/components/BFormRadio/BFormRadio.vue b/packages/bootstrap-vue-next/src/components/BFormRadio/BFormRadio.vue
index 0cd69e743..f00d34917 100644
--- a/packages/bootstrap-vue-next/src/components/BFormRadio/BFormRadio.vue
+++ b/packages/bootstrap-vue-next/src/components/BFormRadio/BFormRadio.vue
@@ -168,12 +168,12 @@ const inputClasses = getInputClasses(classesObject)
 const labelClasses = getLabelClasses(classesObject)
 
 defineExpose({
+  element: input,
   focus: () => {
     focused.value = true
   },
   blur: () => {
     focused.value = false
   },
-  input,
 })
 </script>
diff --git a/packages/bootstrap-vue-next/src/components/BFormSelect/BFormSelect.vue b/packages/bootstrap-vue-next/src/components/BFormSelect/BFormSelect.vue
index a3139a611..af4849aca 100644
--- a/packages/bootstrap-vue-next/src/components/BFormSelect/BFormSelect.vue
+++ b/packages/bootstrap-vue-next/src/components/BFormSelect/BFormSelect.vue
@@ -159,12 +159,12 @@ const localValue = computed({
 })
 
 defineExpose({
+  element: input,
   focus: () => {
     focused.value = true
   },
   blur: () => {
     focused.value = false
   },
-  input,
 })
 </script>
diff --git a/packages/bootstrap-vue-next/src/components/BFormTags/BFormTags.vue b/packages/bootstrap-vue-next/src/components/BFormTags/BFormTags.vue
index bad7fbf73..390b751a6 100644
--- a/packages/bootstrap-vue-next/src/components/BFormTags/BFormTags.vue
+++ b/packages/bootstrap-vue-next/src/components/BFormTags/BFormTags.vue
@@ -455,12 +455,12 @@ const removeTag = (tag?: string): void => {
 
 // TODO these focus/blur events aren't quite in line with use useFormInput implementation. Perhaps we should bring them together?
 defineExpose({
+  element: input,
   focus: () => {
     focused.value = true
   },
   blur: () => {
     focused.value = false
   },
-  input,
 })
 </script>
diff --git a/packages/bootstrap-vue-next/src/components/BFormTextarea/BFormTextarea.vue b/packages/bootstrap-vue-next/src/components/BFormTextarea/BFormTextarea.vue
index f23994903..d8b7c0a4d 100644
--- a/packages/bootstrap-vue-next/src/components/BFormTextarea/BFormTextarea.vue
+++ b/packages/bootstrap-vue-next/src/components/BFormTextarea/BFormTextarea.vue
@@ -101,8 +101,8 @@ const computedStyles = computed<CSSProperties>(() => ({
 }))
 
 defineExpose({
+  element: input,
   focus,
   blur,
-  input,
 })
 </script>
diff --git a/packages/bootstrap-vue-next/src/components/BToast/BToast.vue b/packages/bootstrap-vue-next/src/components/BToast/BToast.vue
index c3a9d4ae5..b534e2edf 100644
--- a/packages/bootstrap-vue-next/src/components/BToast/BToast.vue
+++ b/packages/bootstrap-vue-next/src/components/BToast/BToast.vue
@@ -204,5 +204,10 @@ watch(isHovering, (newValue) => {
 
 onBeforeUnmount(stop)
 
-defineExpose({pause, resume, restart, stop})
+defineExpose({
+  pause,
+  resume,
+  restart,
+  stop,
+})
 </script>