diff --git a/.release-please-manifest.json b/.release-please-manifest.json
index 8fd0e1506..93e83976d 100644
--- a/.release-please-manifest.json
+++ b/.release-please-manifest.json
@@ -1,4 +1,4 @@
 {
-  "packages/bootstrap-vue-next": "0.16.6",
-  "packages/nuxt": "0.16.6"
+  "packages/bootstrap-vue-next": "0.17.0",
+  "packages/nuxt": "0.17.0"
 }
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
index c0a6e5a48..a7cea0b06 100644
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -1,3 +1,3 @@
 {
-  "recommendations": ["Vue.volar", "Vue.vscode-typescript-vue-plugin"]
+  "recommendations": ["Vue.volar"]
 }
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index e0562940e..f08445e00 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -51,11 +51,36 @@ This will begin the process to merge your changes into the upstream repository's
 
 ## Developing
 
-The project uses a monorepo architecture. The main source files for the package exist in `./packages/bootstrap-vue-next`, this is primarily where developing is done. You can then run `pnpm dev` and it will start all possible development environments. When developing the main package, you will want to open the **bootstrap-vue-next:dev** host. This has hot-reloading to make developing easier. You can use the `./packages/bootstrap-vue-next/src/app.vue` file as a test area for any changes that you make
+The project uses a monorepo architecture. The main source files for the package exist in `./packages/bootstrap-vue-next`, this is primarily where developing is done. You can then run `pnpm dev` and it will start all possible development environments. When developing the main package, you will want to open the **bootstrap-vue-next:dev** host. This has hot-reloading to make developing easier. You can use the `./packages/bootstrap-vue-next/src/app.vue` file as a test area for any changes that you make.
 
-You can also make use of the `./apps/playground` directory. The `./apps/playground` directory mimics a user's library and can demonstrate some bugs that may not be visible in the main package. However, it does not contain native hot-reloading and makes for a poor development experience since it requires a built dist copy of the main package (simply run `pnpm build`). The playground is not typically used for development. It is more of a place to view the full behavior of a component
+You can also make use of the `./apps/playground` directory. The `./apps/playground` directory mimics a user's library and can demonstrate some bugs that may not be visible in the main package. However, it does not contain native hot-reloading and makes for a poor development experience since it requires a built dist copy of the main package (simply run `pnpm build`). The playground is not typically used for development. It is more of a place to view the full behavior of a component.
 
-You can also use `pnpm dev --filter bootstrap-vue-next` to only open the main host
+You can also use `pnpm dev --filter bootstrap-vue-next` to only open the main host.
+
+## Improving the documentation
+
+Improving the documentation is a great way to contribute to this project, especially if you're not quite ready to dive into the code.
+
+We use [vitepress](https://vitepress.dev/) to build our documentation in the `./apps/docs` directory. In order to test the docs, first make sure that you follow the steps in [Setting up your workspace](#setting-up-your-workspace). Then you can run `pnpm dev` from the root and then open the **docs:dev** host. This will hot-reload the documentation to let you easily see your edits. The `*.md` files under `./apps/docs/src/docs` contains the core documentation and the `*.data.ts` files under `./apps/docs/src/data/components` contains JSON files that contains the data to build the component definitions in the documentation.
+
+## Help Verify BootstrapVue and Bootstrap v5 Parity
+
+As we close in on a v1 of bootstrap-vue-next, we would like to verify our feature parity with both
+[boostrap-vue](https://bootstrap-vue.org/) and [Boottrap v5](https://getbootstrap.com/).
+
+This verification requires that someone take a close look at the documention for both of the parity
+systems and the code and documentation for bootstrap-vue-next to evaluate feature parity. We're using a
+spreadsheet to track the fine grained assement, and anyone who consumes bootstrap-vue(-next) should
+be able to do the first pass evaluation of a component.
+
+To contribute:
+
+- Take a look at the read-only version of the spreadsheet, available [here](https://1drv.ms/x/s!AiUqzkjNYGL6ieBPpQpcR41wo1laZQ). You can filter on `BFormCheckbox` and `BFormCheckboxGroup` in the `Component` column to see an example of components that are being evaludated and just about anything else to see the initial state.
+- Read through the `Instructions` tab of the spreadsheet, which provides a suggested process to verify a component.
+- Once you're satisfied that you understand the process, request access top the [read/write version of the spreadsheet](https://1drv.ms/x/s!AiUqzkjNYGL6ieBPJZV0b2mgOVgnYw) on the [Bootstrap Vue 3 discord server](https://discord.gg/8VjEkneh).
+- Evaluate a component (or two) and get us one step closer to v1!
+
+More context is available in the comments for [this issue](https://github.com/bootstrap-vue-next/bootstrap-vue-next/issues/1775).
 
 ## Registering New Components
 
diff --git a/apps/docs/.vitepress/config.ts b/apps/docs/.vitepress/config.mts
similarity index 100%
rename from apps/docs/.vitepress/config.ts
rename to apps/docs/.vitepress/config.mts
diff --git a/apps/docs/.vitepress/theme/Layout.vue b/apps/docs/.vitepress/theme/Layout.vue
index e34fb4e00..7cdc29206 100644
--- a/apps/docs/.vitepress/theme/Layout.vue
+++ b/apps/docs/.vitepress/theme/Layout.vue
@@ -89,7 +89,7 @@
         <BOffcanvas
           id="sidebar-menu"
           v-model="sidebar"
-          teleport-disabled="true"
+          :teleport-disabled="true"
           :backdrop="false"
           title="Browse docs"
           class="h-100 border-0"
@@ -123,7 +123,7 @@
               <BOffcanvas
                 id="otp-menu"
                 v-model="onThisPage"
-                teleport-disabled="true"
+                :teleport-disabled="true"
                 :backdrop="false"
                 placement="end"
                 title="On this page"
diff --git a/apps/docs/package.json b/apps/docs/package.json
index e89c5ed94..8277c6f66 100644
--- a/apps/docs/package.json
+++ b/apps/docs/package.json
@@ -13,25 +13,25 @@
   },
   "devDependencies": {
     "@iconify-json/bi": "^1.1.23",
-    "@iconify-json/simple-icons": "^1.1.90",
-    "@rushstack/eslint-patch": "^1.7.2",
-    "@tsconfig/node20": "^20.1.2",
-    "@types/node": "^20.11.17",
+    "@iconify-json/simple-icons": "^1.1.99",
+    "@rushstack/eslint-patch": "^1.10.2",
+    "@tsconfig/node20": "^20.1.4",
+    "@types/node": "^20.12.7",
     "@vue/eslint-config-prettier": "^9.0.0",
-    "@vue/eslint-config-typescript": "^12.0.0",
+    "@vue/eslint-config-typescript": "^13.0.0",
     "@vue/tsconfig": "^0.5.1",
-    "@vueuse/core": "^10.7.2",
-    "bootstrap": "^5.3.2",
+    "@vueuse/core": "^10.9.0",
+    "bootstrap": "^5.3.3",
     "bootstrap-vue-next": "workspace:^",
     "cross-env": "^7.0.3",
-    "eslint": "^8.56.0",
+    "eslint": "^8.57.0",
     "eslint-define-config": "^2.1.0",
-    "eslint-plugin-vue": "^9.21.1",
+    "eslint-plugin-vue": "^9.25.0",
     "prettier": "^3.2.5",
-    "typescript": "^5.3.3",
+    "typescript": "^5.4.5",
     "unplugin-icons": "^0.18.5",
-    "vitepress": "1.0.0-rc.42",
-    "vue": "^3.4.18"
+    "vitepress": "1.1.0",
+    "vue": "^3.4.21"
   },
   "lint-staged": {
     "*.{js,ts,vue}": "eslint --cache --fix",
diff --git a/apps/docs/src/data/components/ComponentReference.ts b/apps/docs/src/data/components/ComponentReference.ts
index 49248d3b8..5f6c07524 100644
--- a/apps/docs/src/data/components/ComponentReference.ts
+++ b/apps/docs/src/data/components/ComponentReference.ts
@@ -17,7 +17,7 @@ export interface ComponentReference {
     description?: string
   }[]
   slots: {
-    scope: SlotScopeReference[]
+    scope?: SlotScopeReference[]
     name: string
     description?: string
   }[]
diff --git a/apps/docs/src/data/components/accordion.data.ts b/apps/docs/src/data/components/accordion.data.ts
index dad5f92fe..5794248ab 100644
--- a/apps/docs/src/data/components/accordion.data.ts
+++ b/apps/docs/src/data/components/accordion.data.ts
@@ -7,14 +7,14 @@ export default {
       props: [
         {
           prop: 'flush',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
           description:
             'Remove the default background-color, some borders, and some rounded corners to render accordions edge-to-edge with their parent container',
         },
         {
           prop: 'free',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
           description: 'Accordion items will stay open when another item is opened',
         },
@@ -55,7 +55,7 @@ export default {
         },
         {
           prop: 'modelValue',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -70,22 +70,22 @@ export default {
         },
         {
           prop: 'toggle',
-          type: 'Booleanish',
+          type: 'boolean',
           default: undefined,
         },
         {
           prop: 'horizontal',
-          type: 'Booleanish',
+          type: 'boolean',
           default: undefined,
         },
         {
           prop: 'visible',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'isNav',
-          type: 'Booleanish',
+          type: 'boolean',
           default: undefined,
         },
         {
diff --git a/apps/docs/src/data/components/alert.data.ts b/apps/docs/src/data/components/alert.data.ts
index c6a2b528f..9a56b6659 100644
--- a/apps/docs/src/data/components/alert.data.ts
+++ b/apps/docs/src/data/components/alert.data.ts
@@ -27,18 +27,18 @@ export default {
         },
         {
           prop: 'noHoverPause',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'dismissible',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
           description: 'When set, enables the dismiss close button',
         },
         {
           prop: 'fade',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
           description: 'When set to true, enables the fade animation/transition on the component',
         },
@@ -55,7 +55,7 @@ export default {
         },
         {
           prop: 'immediate',
-          type: 'Booleanish',
+          type: 'boolean',
           default: true,
         },
         {
@@ -65,7 +65,7 @@ export default {
         },
         {
           prop: 'showOnPause',
-          type: 'Booleanish',
+          type: 'boolean',
           default: true,
         },
       ],
diff --git a/apps/docs/src/data/components/avatar.data.ts b/apps/docs/src/data/components/avatar.data.ts
index 35bd2f7de..32d4e8816 100644
--- a/apps/docs/src/data/components/avatar.data.ts
+++ b/apps/docs/src/data/components/avatar.data.ts
@@ -17,7 +17,7 @@ export default {
         },
         {
           prop: 'badgeLeft',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -27,7 +27,7 @@ export default {
         },
         {
           prop: 'badgeTop',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -37,7 +37,7 @@ export default {
         },
         {
           prop: 'button',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -62,7 +62,7 @@ export default {
         },
         {
           prop: 'square',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -138,7 +138,7 @@ export default {
         },
         {
           prop: 'square',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
diff --git a/apps/docs/src/data/components/badge.data.ts b/apps/docs/src/data/components/badge.data.ts
index afe360816..266338b4b 100644
--- a/apps/docs/src/data/components/badge.data.ts
+++ b/apps/docs/src/data/components/badge.data.ts
@@ -7,7 +7,7 @@ export default {
       props: [
         {
           prop: 'pill',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
           description: "When set to 'true', renders the badge in pill style",
         },
@@ -19,13 +19,13 @@ export default {
         },
         {
           prop: 'textIndicator',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
           description: 'Indication position applied',
         },
         {
           prop: 'dotIndicator',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
           description: 'Indication position and dot styling applied',
         },
diff --git a/apps/docs/src/data/components/button.data.ts b/apps/docs/src/data/components/button.data.ts
index 8999de63e..9a40b8f28 100644
--- a/apps/docs/src/data/components/button.data.ts
+++ b/apps/docs/src/data/components/button.data.ts
@@ -7,12 +7,12 @@ export default {
       props: [
         {
           prop: 'pill',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'pressed',
-          type: 'Booleanish',
+          type: 'boolean',
           default: undefined,
         },
         {
@@ -22,7 +22,7 @@ export default {
         },
         {
           prop: 'squared',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -42,17 +42,17 @@ export default {
         },
         {
           prop: 'loading',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'loadingFill',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'block',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -110,7 +110,7 @@ export default {
         {
           description: '',
           prop: 'disabled',
-          type: 'Booleanish',
+          type: 'boolean',
         },
         {
           prop: 'type',
diff --git a/apps/docs/src/data/components/buttonGroup.data.ts b/apps/docs/src/data/components/buttonGroup.data.ts
index 9152234ce..5098d9c69 100644
--- a/apps/docs/src/data/components/buttonGroup.data.ts
+++ b/apps/docs/src/data/components/buttonGroup.data.ts
@@ -22,7 +22,7 @@ export default {
         },
         {
           prop: 'vertical',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
       ],
diff --git a/apps/docs/src/data/components/buttonToolbar.data.ts b/apps/docs/src/data/components/buttonToolbar.data.ts
index e42281a88..30645516c 100644
--- a/apps/docs/src/data/components/buttonToolbar.data.ts
+++ b/apps/docs/src/data/components/buttonToolbar.data.ts
@@ -12,7 +12,7 @@ export default {
         },
         {
           prop: 'justify',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
diff --git a/apps/docs/src/data/components/card.data.ts b/apps/docs/src/data/components/card.data.ts
index 816c9b126..6b2db8e28 100644
--- a/apps/docs/src/data/components/card.data.ts
+++ b/apps/docs/src/data/components/card.data.ts
@@ -117,12 +117,12 @@ export default {
         },
         {
           prop: 'imgBottom',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'imgEnd',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -137,12 +137,12 @@ export default {
         },
         {
           prop: 'imgStart',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'imgTop',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -152,12 +152,12 @@ export default {
         },
         {
           prop: 'noBody',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'overlay',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -246,7 +246,7 @@ export default {
         },
         {
           prop: 'overlay',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -342,12 +342,12 @@ export default {
       props: [
         {
           prop: 'columns',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'deck',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -413,12 +413,12 @@ export default {
       props: [
         {
           prop: 'bottom',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'top',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
       ],
diff --git a/apps/docs/src/data/components/carousel.data.ts b/apps/docs/src/data/components/carousel.data.ts
index 1e2a8e84b..c7ee46bc1 100644
--- a/apps/docs/src/data/components/carousel.data.ts
+++ b/apps/docs/src/data/components/carousel.data.ts
@@ -12,17 +12,17 @@ export default {
         },
         {
           prop: 'noHoverPause',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'rideReverse',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'fade',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -52,12 +52,12 @@ export default {
         },
         {
           prop: 'controls',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'indicators',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -67,12 +67,12 @@ export default {
         },
         {
           prop: 'noTouch',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'noWrap',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -92,7 +92,7 @@ export default {
         },
         {
           prop: 'keyboard',
-          type: 'Booleanish',
+          type: 'boolean',
           default: true,
         },
         {
@@ -105,24 +105,24 @@ export default {
         {
           args: [
             {
-              arg: 'sliding-start',
+              arg: 'event',
               description: '',
-              type: 'Event',
+              type: 'BvCarouselEvent',
             },
           ],
-          description: '',
-          event: 'sliding-start',
+          description: 'Fires immediately when the carousel starts its slide transition.',
+          event: 'slide',
         },
         {
           args: [
             {
-              arg: 'sliding-end',
+              arg: 'event',
               description: '',
-              type: 'Event',
+              type: 'BvCarouselEvent',
             },
           ],
-          description: '',
-          event: 'sliding-end',
+          description: 'Fired when the carousel has completed its slide transition.',
+          event: 'slid',
         },
       ],
       slots: [
@@ -204,7 +204,7 @@ export default {
         },
         {
           prop: 'imgBlank',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
diff --git a/apps/docs/src/data/components/collapse.data.ts b/apps/docs/src/data/components/collapse.data.ts
index bc43f3853..066b33144 100644
--- a/apps/docs/src/data/components/collapse.data.ts
+++ b/apps/docs/src/data/components/collapse.data.ts
@@ -12,7 +12,7 @@ export default {
         },
         {
           prop: 'modelValue',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -22,22 +22,22 @@ export default {
         },
         {
           prop: 'toggle',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'horizontal',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'visible',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'isNav',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
       ],
diff --git a/apps/docs/src/data/components/dropdown.data.ts b/apps/docs/src/data/components/dropdown.data.ts
index d41a2291d..a29afa03a 100644
--- a/apps/docs/src/data/components/dropdown.data.ts
+++ b/apps/docs/src/data/components/dropdown.data.ts
@@ -52,52 +52,52 @@ export default {
         },
         {
           prop: 'block',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'disabled',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'isNav',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'dropup',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'dropend',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'dropstart',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'center',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'end',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'noFlip',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'noShift',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -300,7 +300,7 @@ export default {
         },
         {
           prop: 'active',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -310,7 +310,7 @@ export default {
         },
         {
           prop: 'disabled',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
diff --git a/apps/docs/src/data/components/form.data.ts b/apps/docs/src/data/components/form.data.ts
index 927b6fe7a..f5c7ef625 100644
--- a/apps/docs/src/data/components/form.data.ts
+++ b/apps/docs/src/data/components/form.data.ts
@@ -12,17 +12,17 @@ export default {
         },
         {
           prop: 'floating',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'novalidate',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'validated',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
       ],
@@ -90,7 +90,7 @@ export default {
         },
         {
           prop: 'forceShow',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -110,7 +110,7 @@ export default {
         },
         {
           prop: 'state',
-          type: 'Booleanish',
+          type: 'boolean',
           default: null,
         },
         {
@@ -120,7 +120,7 @@ export default {
         },
         {
           prop: 'tooltip',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
       ],
@@ -162,7 +162,7 @@ export default {
         },
         {
           prop: 'inline',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -200,7 +200,7 @@ export default {
         },
         {
           prop: 'forceShow',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -220,7 +220,7 @@ export default {
         },
         {
           prop: 'state',
-          type: 'Booleanish',
+          type: 'boolean',
           default: null,
         },
         {
@@ -230,7 +230,7 @@ export default {
         },
         {
           prop: 'tooltip',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
       ],
diff --git a/apps/docs/src/data/components/formCheckbox.data.ts b/apps/docs/src/data/components/formCheckbox.data.ts
index f586024c0..5edf6d04d 100644
--- a/apps/docs/src/data/components/formCheckbox.data.ts
+++ b/apps/docs/src/data/components/formCheckbox.data.ts
@@ -20,20 +20,20 @@ export default {
         },
         {
           prop: 'autofocus',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
           description:
             'When set to `true`, attempts to auto-focus the control when it is mounted, or re-activated when in a keep-alive. Does not set the `autofocus` attribute on the control',
         },
         {
           prop: 'button',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
           description: 'When set, renders the checkbox with the appearance of a button',
         },
         {
           prop: 'buttonGroup',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
           description: '',
         },
@@ -45,7 +45,7 @@ export default {
         },
         {
           prop: 'disabled',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
           description:
             "When set to `true`, disables the component's functionality and places it in a disabled state",
@@ -66,14 +66,14 @@ export default {
         },
         {
           prop: 'indeterminate',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
           description:
             'Set to true to show the checkbox as indeterminate, false to show its normal checked/unchecked.',
         },
         {
           prop: 'inline',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
           description:
             'When set, renders the checkbox as an inline element rather than as a 100% width block',
@@ -93,13 +93,13 @@ export default {
         },
         {
           prop: 'plain',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
           description: 'Render the form control in plain mode, rather than custom styled mode',
         },
         {
           prop: 'required',
-          type: 'Booleanish',
+          type: 'boolean',
           default: undefined,
           description: 'Adds the `required` attribute to the form control',
         },
@@ -111,14 +111,20 @@ export default {
         },
         {
           prop: 'state',
-          type: 'Booleanish | null',
+          type: 'boolean | null',
           default: undefined,
           description:
             'Controls the validation state appearance of the component. `true` for valid, `false` for invalid, or `null` for no validation state',
         },
+        {
+          prop: 'reverse',
+          type: 'boolean',
+          default: false,
+          description: 'When set, renders the checkbox or switch on the opposite side',
+        },
         {
           prop: 'switch',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
           description: 'When set, renders the checkbox with the appearance of a switch',
         },
@@ -161,30 +167,6 @@ export default {
             },
           ],
         },
-        {
-          event: 'input',
-          description: 'Emitted before the checked value is changed',
-          args: [
-            {
-              arg: 'checked',
-              type: 'CheckboxValue | readonly CheckboxValue[]',
-              description:
-                'Value of the checkbox before the event. Value will be an array for grouped checkboxes or a single value for standalone checkboxes.',
-            },
-          ],
-        },
-        {
-          event: 'change',
-          description: 'Emitted when the checked value is changed',
-          args: [
-            {
-              arg: 'checked',
-              type: 'CheckboxValue | readonly CheckboxValue[]',
-              description:
-                'Value of the checkbox.  Value will be an array for grouped checkboxes or a single value for standalone checkboxes.',
-            },
-          ],
-        },
       ],
       slots: [
         {
@@ -205,7 +187,7 @@ export default {
         },
         {
           prop: 'autofocus',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
           description:
             'When set to `true`, attempts to auto-focus the control when it is mounted, or re-activated when in a keep-alive. Does not set the `autofocus` attribute on the control',
@@ -219,13 +201,13 @@ export default {
         },
         {
           prop: 'buttons',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
           description: 'When set, renderes the checkboxes in this group with button styling',
         },
         {
           prop: 'disabled',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
           description:
             "When set to `true`, disables the component's functionality and places it in a disabled state",
@@ -279,16 +261,22 @@ export default {
         },
         {
           prop: 'plain',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
           description: 'Render the form control in plain mode, rather than custom styled mode',
         },
         {
           prop: 'required',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
           description: 'Adds the `required` attribute to the form control',
         },
+        {
+          prop: 'reverse',
+          type: 'boolean',
+          default: false,
+          description: 'When set, renders the checkboxes and switches on the opposite side',
+        },
         {
           prop: 'size',
           type: 'Size',
@@ -297,20 +285,20 @@ export default {
         },
         {
           prop: 'stacked',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
           description: 'When set, renders the checkbox group in stacked mode',
         },
         {
           prop: 'state',
-          type: 'Booleanish | null',
+          type: 'boolean | null',
           default: null,
           description:
             'Controls the validation state appearance of the component. `true` for valid, `false` for invalid, or `null` for no validation state',
         },
         {
           prop: 'switches',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
           description: 'When set, renders the checkboxes in the group with switch styling',
         },
@@ -322,7 +310,7 @@ export default {
         },
         {
           prop: 'validated',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
           description: 'When set, adds the Bootstrap class `was-validated` to the group wrapper',
         },
@@ -345,28 +333,6 @@ export default {
             },
           ],
         },
-        {
-          event: 'input',
-          description: 'Emitted before the selected value(s) are changed',
-          args: [
-            {
-              arg: 'input',
-              type: 'CheckboxValue[]',
-              description: 'Value of the checkboxes before the event. Value will be an array.',
-            },
-          ],
-        },
-        {
-          event: 'change',
-          description: 'Emitted when the selected value(s) are changed',
-          args: [
-            {
-              arg: 'change',
-              type: 'CheckboxValue[]',
-              description: 'Value of the checkboxes. Value will be an array.',
-            },
-          ],
-        },
       ],
       slots: [
         {
diff --git a/apps/docs/src/data/components/formFile.data.ts b/apps/docs/src/data/components/formFile.data.ts
index c75d5972c..c388c8a73 100644
--- a/apps/docs/src/data/components/formFile.data.ts
+++ b/apps/docs/src/data/components/formFile.data.ts
@@ -5,107 +5,158 @@ export default {
     {
       component: 'BFormFile',
       props: [
+        {
+          prop: 'ariaLabel',
+          type: 'string',
+          default: undefined,
+          description: 'Sets the value of `aria-label` attribute on the rendered element',
+        },
+        {
+          prop: 'ariaLabelledBy',
+          type: 'string',
+          default: undefined,
+          description:
+            'The ID of the element that provides a label for this component. Used as the value for the `aria-labelledby` attribute',
+        },
         {
           prop: 'accept',
           type: 'string | string[]',
           default: '',
+          description: "Value to set on the file input's `accept` attribute",
         },
         {
           prop: 'autofocus',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
+          description:
+            'When set to `true`, attempts to auto-focus the control when it is mounted, or re-activated when in a keep-alive. Does not set the `autofocus` attribute on the control',
         },
         {
           prop: 'capture',
-          type: "'Booleanish' | 'user' | 'environment'",
+          type: "'boolean' | 'user' | 'environment'",
           default: false,
+          description:
+            'When set, will instruction the browser to use the devices camera (if supported)',
         },
         {
           prop: 'directory',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
+          description: 'Enable `directory` mode (on browsers that support it)',
         },
         {
           prop: 'disabled',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
+          description:
+            "When set to `true`, disables the component's functionality and places it in a disabled state",
         },
         {
           prop: 'form',
           type: 'string',
           default: undefined,
+          description:
+            'ID of the form that the form control belongs to. Sets the `form` attribute on the control',
         },
         {
           prop: 'id',
           type: 'string',
           default: undefined,
+          description:
+            'Used to set the `id` attribute on the rendered content, and used as the base to generate any additional element IDs as needed',
         },
         {
           prop: 'multiple',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
+          description:
+            'When set, will allow multiple files to be selected. `v-model` will be an array',
         },
         {
           prop: 'name',
           type: 'string',
           default: undefined,
+          description: 'Sets the value of the `name` attribute on the form control',
         },
         {
           prop: 'noDrop',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
+          description: 'Disable drag and drop mode',
         },
         {
           prop: 'noTraverse',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
+          description: 'Wether to returns files as a flat array when in `directory` mode',
         },
         {
           prop: 'required',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
+          description: 'Adds the `required` attribute to the form control',
         },
         {
           prop: 'size',
           type: 'Size',
           default: undefined,
+          description: "Set the size of the component's appearance. 'sm', 'md' (default), or 'lg'",
         },
         {
           prop: 'state',
-          type: 'Booleanish | null',
+          type: 'boolean | null',
           default: undefined,
+          description:
+            'Controls the validation state appearance of the component. `true` for valid, `false` for invalid, or `null` for no validation state',
         },
         {
           prop: 'modelValue',
           type: 'File[] | File | null',
           default: undefined,
+          description:
+            'The current value of the file input. Will be a single `File` object or an array of `File` objects (if `multiple` or `directory` is set). Can be set to `null`, or an empty array to reset the file input',
         },
         {
           prop: 'label',
           type: 'string',
           default: '',
+          description: 'Sets the label for the form group which the file input is rendered',
         },
         {
           prop: 'labelClass',
           type: 'ClassValue',
           default: undefined,
+          description: 'Sets the styling for the label',
+        },
+        {
+          prop: 'placement',
+          type: `'start' | 'end'`,
+          default: `'start'`,
+          description: 'Sets the placement for the file button',
+        },
+        {
+          prop: 'browser',
+          type: 'String',
+          default: 'Browse',
+          description: 'Text content for the file browse button',
         },
       ],
       emits: [
         {
           event: 'update:modelValue',
-          description: '',
+          description: 'Updates the `v-model` value (see docs for more details)',
           args: [
             {
               arg: 'value',
               type: 'File | File[] | null',
-              description: '',
+              description:
+                'Will be a single File object in single mode or an array of File objects in multiple mode',
             },
           ],
         },
         {
           event: 'change',
-          description: '',
+          description: 'Original change event of the input',
           args: [
             {
               arg: 'value',
diff --git a/apps/docs/src/data/components/formGroup.data.ts b/apps/docs/src/data/components/formGroup.data.ts
index 011800274..d12a7505a 100644
--- a/apps/docs/src/data/components/formGroup.data.ts
+++ b/apps/docs/src/data/components/formGroup.data.ts
@@ -31,7 +31,7 @@ export default {
         },
         {
           prop: 'disabled',
-          type: 'Booleanish',
+          type: 'boolean',
         },
         {
           prop: 'feedbackAriaLive',
@@ -103,15 +103,15 @@ export default {
         },
         {
           prop: 'labelSrOnly',
-          type: 'Booleanish',
+          type: 'boolean',
         },
         {
           prop: 'state',
-          type: 'Booleanish',
+          type: 'boolean',
         },
         {
           prop: 'tooltip',
-          type: 'Booleanish',
+          type: 'boolean',
         },
         {
           prop: 'validFeedback',
@@ -119,11 +119,11 @@ export default {
         },
         {
           prop: 'validated',
-          type: 'Booleanish',
+          type: 'boolean',
         },
         {
           prop: 'floating',
-          type: 'Booleanish',
+          type: 'boolean',
         },
       ],
       emits: [],
diff --git a/apps/docs/src/data/components/formRadio.data.ts b/apps/docs/src/data/components/formRadio.data.ts
index 45e1f1245..048be1949 100644
--- a/apps/docs/src/data/components/formRadio.data.ts
+++ b/apps/docs/src/data/components/formRadio.data.ts
@@ -37,7 +37,7 @@ export default {
         },
         {
           prop: 'autofocus',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -47,22 +47,22 @@ export default {
         },
         {
           prop: 'plain',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'button',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'buttonGroup',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'disabled',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -72,17 +72,23 @@ export default {
         },
         {
           prop: 'inline',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'required',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
+        {
+          prop: 'reverse',
+          type: 'boolean',
+          default: false,
+          description: 'When set, renders the radio button on the opposite side',
+        },
         {
           prop: 'state',
-          type: 'Booleanish | null',
+          type: 'boolean | null',
           default: undefined,
         },
         {
@@ -92,28 +98,6 @@ export default {
         },
       ],
       emits: [
-        {
-          event: 'input',
-          description: '',
-          args: [
-            {
-              arg: 'input',
-              description: '',
-              type: 'boolean | string | unknown[] | Record<string, unknown> | number',
-            },
-          ],
-        },
-        {
-          event: 'change',
-          description: '',
-          args: [
-            {
-              arg: 'change',
-              description: '',
-              type: 'boolean | string | unknown[] | Record<string, unknown> | number',
-            },
-          ],
-        },
         {
           event: 'update:modelValue',
           description: '',
@@ -169,7 +153,7 @@ export default {
         },
         {
           prop: 'autofocus',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -179,12 +163,12 @@ export default {
         },
         {
           prop: 'buttons',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'disabled',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -204,22 +188,22 @@ export default {
         },
         {
           prop: 'plain',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'required',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'stacked',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'state',
-          type: 'Booleanish | null',
+          type: 'boolean | null',
           default: undefined,
         },
         {
@@ -229,7 +213,7 @@ export default {
         },
         {
           prop: 'validated',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -239,17 +223,6 @@ export default {
         },
       ],
       emits: [
-        {
-          args: [
-            {
-              arg: 'input',
-              description: '',
-              type: 'unknown',
-            },
-          ],
-          description: '',
-          event: 'input',
-        },
         {
           args: [
             {
@@ -261,17 +234,6 @@ export default {
           description: '',
           event: 'update:modelValue',
         },
-        {
-          args: [
-            {
-              arg: 'change',
-              description: '',
-              type: 'unknown',
-            },
-          ],
-          description: '',
-          event: 'change',
-        },
       ],
       slots: [],
     },
diff --git a/apps/docs/src/data/components/formSelect.data.ts b/apps/docs/src/data/components/formSelect.data.ts
index ed0bafb43..673834635 100644
--- a/apps/docs/src/data/components/formSelect.data.ts
+++ b/apps/docs/src/data/components/formSelect.data.ts
@@ -12,12 +12,12 @@ export default {
         },
         {
           prop: 'autofocus',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'disabled',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -47,7 +47,7 @@ export default {
         },
         {
           prop: 'multiple',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -67,12 +67,12 @@ export default {
         },
         {
           prop: 'plain',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'required',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -87,7 +87,7 @@ export default {
         },
         {
           prop: 'state',
-          type: 'Booleanish | null',
+          type: 'boolean | null',
           default: undefined,
         },
         {
@@ -165,7 +165,7 @@ export default {
         },
         {
           prop: 'disabled',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
       ],
diff --git a/apps/docs/src/data/components/formTags.data.ts b/apps/docs/src/data/components/formTags.data.ts
index 921ecd7f5..7feff57b8 100644
--- a/apps/docs/src/data/components/formTags.data.ts
+++ b/apps/docs/src/data/components/formTags.data.ts
@@ -19,18 +19,18 @@ export default {
         },
         {
           prop: 'disabled',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'noRemove',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
           description: 'When set, the tag will not have a remove button',
         },
         {
           prop: 'pill',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
           description: 'Makes the tag have a pill appearance',
         },
@@ -91,18 +91,18 @@ export default {
         },
         {
           prop: 'addOnChange',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
           description: "When set, enables adding the tag on the input's 'change' event",
         },
         {
           prop: 'autofocus',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'disabled',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -179,19 +179,19 @@ export default {
         },
         {
           prop: 'noAddOnEnter',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
           description: "When set, disables adding the tag on the input's 'keydown.enter' event",
         },
         {
           prop: 'noOuterFocus',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
           description: 'When set, disables the focus styling of the component root element',
         },
         {
           prop: 'noTagRemove',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
           description: 'When set, the tags will not have a remove button',
         },
@@ -203,14 +203,14 @@ export default {
         },
         {
           prop: 'removeOnDelete',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
           description:
             'When set, enables removal of last tag in tags when user presses delete or backspace and the input is empty',
         },
         {
           prop: 'required',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -221,7 +221,7 @@ export default {
         },
         {
           prop: 'state',
-          type: 'Booleanish | null',
+          type: 'boolean | null',
           default: null,
         },
         {
@@ -237,7 +237,7 @@ export default {
         },
         {
           prop: 'tagPills',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
           description: 'Makes the built in tags have a pill appearance',
         },
@@ -382,7 +382,7 @@ export default {
             },
             {
               prop: 'disabled',
-              type: 'Booleanish',
+              type: 'boolean',
               description:
                 "If the component is in the disabled state. Value of the 'disabled' prop",
             },
@@ -487,7 +487,7 @@ export default {
             },
             {
               prop: 'required',
-              type: 'Booleanish',
+              type: 'boolean',
               description: "Value of the 'required' prop",
             },
             {
@@ -502,7 +502,7 @@ export default {
             },
             {
               prop: 'state',
-              type: 'Booleanish',
+              type: 'boolean',
               description:
                 "The contextual state of the component. Value of the 'state' prop. Possible values are true, false or null",
             },
@@ -514,7 +514,7 @@ export default {
             },
             {
               prop: 'tagPills',
-              type: 'Booleanish',
+              type: 'boolean',
               description: 'Value of the `tag-pills` prop',
             },
             {
diff --git a/apps/docs/src/data/components/formTextarea.data.ts b/apps/docs/src/data/components/formTextarea.data.ts
index 5bce0270f..06ccffbfd 100644
--- a/apps/docs/src/data/components/formTextarea.data.ts
+++ b/apps/docs/src/data/components/formTextarea.data.ts
@@ -7,7 +7,7 @@ export default {
       props: [
         {
           prop: 'noResize',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
diff --git a/apps/docs/src/data/components/gridSystem.data.ts b/apps/docs/src/data/components/gridSystem.data.ts
index 26775ba93..cf07b92f8 100644
--- a/apps/docs/src/data/components/gridSystem.data.ts
+++ b/apps/docs/src/data/components/gridSystem.data.ts
@@ -17,7 +17,7 @@ export default {
         },
         {
           prop: 'fluid',
-          type: 'Booleanish | Breakpoint',
+          type: 'boolean | Breakpoint',
           default: false,
           description:
             'When set to true, makes the row 100% wide all the time, or set to one of the Bootstrap breakpoint names for 100% width up to the breakpoint',
@@ -55,7 +55,7 @@ export default {
         },
         {
           prop: 'noGutters',
-          type: 'Booleanish',
+          type: 'boolean',
         },
         {
           prop: 'alignV',
@@ -85,7 +85,7 @@ export default {
         {
           description: '',
           prop: 'col',
-          type: 'Booleanish',
+          type: 'boolean',
         },
         {
           description: '',
diff --git a/apps/docs/src/data/components/image.data.ts b/apps/docs/src/data/components/image.data.ts
index 5f9c763c0..41a7eed19 100644
--- a/apps/docs/src/data/components/image.data.ts
+++ b/apps/docs/src/data/components/image.data.ts
@@ -7,7 +7,7 @@ export default {
       props: [
         {
           prop: 'blank',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -17,27 +17,27 @@ export default {
         },
         {
           prop: 'block',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'center',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'fluid',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'lazy',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'fluidGrow',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -47,12 +47,12 @@ export default {
         },
         {
           prop: 'start',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'end',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -77,7 +77,7 @@ export default {
         },
         {
           prop: 'thumbnail',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
diff --git a/apps/docs/src/data/components/inputGroup.data.ts b/apps/docs/src/data/components/inputGroup.data.ts
index 2deedee19..e6f65de68 100644
--- a/apps/docs/src/data/components/inputGroup.data.ts
+++ b/apps/docs/src/data/components/inputGroup.data.ts
@@ -65,7 +65,7 @@ export default {
       props: [
         {
           prop: 'isText',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
       ],
@@ -83,7 +83,7 @@ export default {
       props: [
         {
           prop: 'isText',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
       ],
diff --git a/apps/docs/src/data/components/link.data.ts b/apps/docs/src/data/components/link.data.ts
index 6996db811..81cad6693 100644
--- a/apps/docs/src/data/components/link.data.ts
+++ b/apps/docs/src/data/components/link.data.ts
@@ -7,7 +7,7 @@ export default {
       props: [
         {
           prop: 'active',
-          type: 'Booleanish',
+          type: 'boolean',
           default: undefined,
         },
         {
@@ -17,12 +17,12 @@ export default {
         },
         {
           prop: 'append',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'disabled',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -42,7 +42,7 @@ export default {
         },
         {
           prop: 'replace',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -107,7 +107,7 @@ export default {
         },
         {
           prop: 'icon',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
       ],
diff --git a/apps/docs/src/data/components/listGroup.data.ts b/apps/docs/src/data/components/listGroup.data.ts
index 0ba3cbf63..2f545a93f 100644
--- a/apps/docs/src/data/components/listGroup.data.ts
+++ b/apps/docs/src/data/components/listGroup.data.ts
@@ -7,7 +7,7 @@ export default {
       props: [
         {
           prop: 'flush',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -17,7 +17,7 @@ export default {
         },
         {
           prop: 'numbered',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -40,12 +40,12 @@ export default {
       props: [
         {
           prop: 'action',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'button',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
diff --git a/apps/docs/src/data/components/modal.data.ts b/apps/docs/src/data/components/modal.data.ts
index d81b53fc7..c0a364db7 100644
--- a/apps/docs/src/data/components/modal.data.ts
+++ b/apps/docs/src/data/components/modal.data.ts
@@ -27,7 +27,7 @@ const sharedSlots: SlotScopeReference[] = [
   },
   {
     prop: 'visible',
-    type: 'Booleanish',
+    type: 'boolean',
     description:
       "The visibility state of the modal. 'true' if the modal is visible and 'false' if not visible",
   },
@@ -40,7 +40,7 @@ export default {
       props: [
         {
           prop: 'autoFocus',
-          type: 'Booleanish',
+          type: 'boolean',
           default: true,
           description: "When set to 'false', disables auto focusing the modal when opened",
         },
@@ -71,7 +71,7 @@ export default {
         },
         {
           prop: 'bodyScrolling',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
           description: 'Enables/disables scrolling the body while modal is open',
         },
@@ -90,14 +90,14 @@ export default {
         },
         {
           prop: 'busy',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
           description:
             'Places the built in default footer OK and Cancel buttons in the disabled state',
         },
         {
           prop: 'cancelDisabled',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
           description: 'Places the built in default footer Cancel button in the disabled state',
         },
@@ -115,7 +115,7 @@ export default {
         },
         {
           prop: 'centered',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
           description: 'Vertically centers the modal in the viewport',
         },
@@ -164,10 +164,10 @@ export default {
         },
         {
           prop: 'fullscreen',
-          type: 'Booleanish | Breakpoint',
+          type: 'boolean | Breakpoint',
           default: false,
           description:
-            "A Booleanish value will enable/disable full screen mode. A Breakpoint value will set the breakpoint to enable full screen mode below the value of the breakpoint. Breakpoint values are: 'sm', 'md', 'lg', 'xl', 'xxl'",
+            "A boolean value will enable/disable full screen mode. A Breakpoint value will set the breakpoint to enable full screen mode below the value of the breakpoint. Breakpoint values are: 'sm', 'md', 'lg', 'xl', 'xxl'",
         },
         {
           prop: 'headerBgVariant',
@@ -221,25 +221,25 @@ export default {
         },
         {
           prop: 'hideBackdrop',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
           description: 'Disables rendering of the modal backdrop',
         },
         {
           prop: 'hideFooter',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
           description: 'Disables rendering of the modal footer',
         },
         {
           prop: 'hideHeader',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
           description: 'Disables rendering of the modal header',
         },
         {
           prop: 'hideHeaderClose',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
           description: 'Disables rendering of the modal header close button',
         },
@@ -252,7 +252,7 @@ export default {
         },
         {
           prop: 'lazy',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
           description: 'Renders the modal content lazily',
         },
@@ -264,39 +264,39 @@ export default {
         },
         {
           prop: 'modelValue',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
           description: 'Controls the visibility state of the modal',
         },
         {
           prop: 'noCloseOnBackdrop',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
           description:
             'Disables closing the modal when clicking on the modal backdrop (outside the modal window)',
         },
         {
           prop: 'noCloseOnEsc',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
           description: 'Disables the ability to close the modal by pressing the ESC key',
         },
         {
           prop: 'noFade',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
           description:
             "When set to 'true', disables the fade animation/transition on the component",
         },
         {
           prop: 'okDisabled',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
           description: 'Places the built in default footer OK button in the disabled state',
         },
         {
           prop: 'okOnly',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
           description: 'Disables rendering of the default footer Cancel button',
         },
@@ -314,7 +314,7 @@ export default {
         },
         {
           prop: 'scrollable',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
           description: 'Enables scrolling of the modal body',
         },
@@ -326,7 +326,7 @@ export default {
         },
         {
           prop: 'teleportDisabled',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
           description: 'Renders the modal in the exact place it was defined',
         },
@@ -350,7 +350,7 @@ export default {
         },
         {
           prop: 'titleSrOnly',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
           description: "Wraps the title in an '.sr-only' wrapper",
         },
diff --git a/apps/docs/src/data/components/nav.data.ts b/apps/docs/src/data/components/nav.data.ts
index 697d9f5bf..1684aabfd 100644
--- a/apps/docs/src/data/components/nav.data.ts
+++ b/apps/docs/src/data/components/nav.data.ts
@@ -12,32 +12,32 @@ export default {
         },
         {
           prop: 'cardHeader',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'fill',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'justified',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'pills',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'small',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'tabs',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -47,12 +47,12 @@ export default {
         },
         {
           prop: 'vertical',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'underline',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
       ],
@@ -158,7 +158,7 @@ export default {
         },
         {
           prop: 'noCaret',
-          type: 'Booleanish',
+          type: 'boolean',
           default: undefined,
         },
         {
@@ -168,12 +168,12 @@ export default {
         },
         {
           prop: 'modelValue',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'lazy',
-          type: 'Booleanish',
+          type: 'boolean',
           default: undefined,
         },
         {
@@ -188,37 +188,37 @@ export default {
         },
         {
           prop: 'noFlip',
-          type: 'Booleanish',
+          type: 'boolean',
           default: undefined,
         },
         {
           prop: 'noShift',
-          type: 'Booleanish',
+          type: 'boolean',
           default: undefined,
         },
         {
           prop: 'dropup',
-          type: 'Booleanish',
+          type: 'boolean',
           default: undefined,
         },
         {
           prop: 'dropend',
-          type: 'Booleanish',
+          type: 'boolean',
           default: undefined,
         },
         {
           prop: 'dropstart',
-          type: 'Booleanish',
+          type: 'boolean',
           default: undefined,
         },
         {
           prop: 'center',
-          type: 'Booleanish',
+          type: 'boolean',
           default: undefined,
         },
         {
           prop: 'end',
-          type: 'Booleanish',
+          type: 'boolean',
           default: undefined,
         },
         {
diff --git a/apps/docs/src/data/components/navbar.data.ts b/apps/docs/src/data/components/navbar.data.ts
index 30cd7369a..5f42e7aa9 100644
--- a/apps/docs/src/data/components/navbar.data.ts
+++ b/apps/docs/src/data/components/navbar.data.ts
@@ -12,7 +12,7 @@ export default {
         },
         {
           prop: 'print',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -72,17 +72,17 @@ export default {
         },
         {
           prop: 'fill',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'justified',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'small',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -105,7 +105,7 @@ export default {
       props: [
         {
           prop: 'disabled',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
diff --git a/apps/docs/src/data/components/offcanvas.data.ts b/apps/docs/src/data/components/offcanvas.data.ts
index 2aa184b8b..65f9cd7f1 100644
--- a/apps/docs/src/data/components/offcanvas.data.ts
+++ b/apps/docs/src/data/components/offcanvas.data.ts
@@ -7,27 +7,27 @@ export default {
       props: [
         {
           prop: 'modelValue',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'bodyScrolling',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'backdrop',
-          type: 'Booleanish',
+          type: 'boolean',
           default: true,
         },
         {
           prop: 'noCloseOnBackdrop',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'noCloseOnEsc',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -42,17 +42,17 @@ export default {
         },
         {
           prop: 'noHeaderClose',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'noHeader',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'lazy',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -62,7 +62,7 @@ export default {
         },
         {
           prop: 'noFocus',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -102,7 +102,7 @@ export default {
         },
         {
           prop: 'teleportDisabled',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
diff --git a/apps/docs/src/data/components/overlay.data.ts b/apps/docs/src/data/components/overlay.data.ts
index e3180ab9b..9f85094c2 100644
--- a/apps/docs/src/data/components/overlay.data.ts
+++ b/apps/docs/src/data/components/overlay.data.ts
@@ -17,22 +17,22 @@ export default {
         },
         {
           prop: 'fixed',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'noCenter',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'noFade',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'noWrap',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -52,12 +52,12 @@ export default {
         },
         {
           prop: 'show',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'spinnerSmall',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -72,7 +72,7 @@ export default {
         },
         {
           prop: 'noSpinner',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
diff --git a/apps/docs/src/data/components/pagination.data.ts b/apps/docs/src/data/components/pagination.data.ts
index 11f929048..58ed6e48f 100644
--- a/apps/docs/src/data/components/pagination.data.ts
+++ b/apps/docs/src/data/components/pagination.data.ts
@@ -45,7 +45,7 @@ export default {
         },
         {
           prop: 'firstNumber',
-          type: 'Booleanish',
+          type: 'boolean',
           description: 'Display first page number instead of Goto First button',
         },
         {
@@ -55,12 +55,12 @@ export default {
         },
         {
           prop: 'hideEllipsis',
-          type: 'Booleanish',
+          type: 'boolean',
           description: 'Do not show ellipsis buttons',
         },
         {
           prop: 'hideGotoEndButtons',
-          type: 'Booleanish',
+          type: 'boolean',
           description: 'Hides the goto first and goto last page buttons',
         },
         {
@@ -97,7 +97,7 @@ export default {
         },
         {
           prop: 'lastNumber',
-          type: 'Booleanish',
+          type: 'boolean',
           description: 'Display last page number instead of Goto Last button',
         },
         {
@@ -133,7 +133,7 @@ export default {
         },
         {
           prop: 'pills',
-          type: 'Booleanish',
+          type: 'boolean',
           description: 'Applies pill styling to the pagination buttons',
         },
         {
diff --git a/apps/docs/src/data/components/placeholder.data.ts b/apps/docs/src/data/components/placeholder.data.ts
index ed410905c..fae8f225f 100644
--- a/apps/docs/src/data/components/placeholder.data.ts
+++ b/apps/docs/src/data/components/placeholder.data.ts
@@ -50,7 +50,7 @@ export default {
       props: [
         {
           prop: 'noHeader',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -75,7 +75,7 @@ export default {
         },
         {
           prop: 'noFooter',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -115,12 +115,12 @@ export default {
         },
         {
           prop: 'noButton',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'imgBottom',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -140,7 +140,7 @@ export default {
         },
         {
           prop: 'noImg',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
       ],
@@ -174,7 +174,7 @@ export default {
         {
           description: 'Determines whether the loading slot should be displayed',
           prop: 'loading',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
       ],
@@ -232,7 +232,7 @@ export default {
         },
         {
           prop: 'hideHeader',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -262,7 +262,7 @@ export default {
         },
         {
           prop: 'showFooter',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
diff --git a/apps/docs/src/data/components/popover.data.ts b/apps/docs/src/data/components/popover.data.ts
index 2b003e2e9..78db4e556 100644
--- a/apps/docs/src/data/components/popover.data.ts
+++ b/apps/docs/src/data/components/popover.data.ts
@@ -7,11 +7,11 @@ export default {
       props: [
         {
           prop: 'modelValue',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
-          prop: 'container',
+          prop: 'teleportTo',
           type: 'string | ComponentPublicInstance<HTMLElement> | HTMLElement | undefined',
           default: undefined,
         },
@@ -42,12 +42,12 @@ export default {
         },
         {
           prop: 'click',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'manual',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -82,47 +82,47 @@ export default {
         },
         {
           prop: 'noFlip',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'noShift',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'noFade',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'noAutoClose',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'hide',
-          type: 'Booleanish',
+          type: 'boolean',
           default: true,
         },
         {
           prop: 'realtime',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'inline',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'tooltip',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'html',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
diff --git a/apps/docs/src/data/components/progress.data.ts b/apps/docs/src/data/components/progress.data.ts
index 40e5af441..067665bf2 100644
--- a/apps/docs/src/data/components/progress.data.ts
+++ b/apps/docs/src/data/components/progress.data.ts
@@ -25,7 +25,7 @@ export default {
       props: [
         {
           prop: 'animated',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -50,17 +50,17 @@ export default {
         },
         {
           prop: 'showProgress',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'showValue',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'striped',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
diff --git a/apps/docs/src/data/components/spinner.data.ts b/apps/docs/src/data/components/spinner.data.ts
index d6155aea3..6a4aa1b46 100644
--- a/apps/docs/src/data/components/spinner.data.ts
+++ b/apps/docs/src/data/components/spinner.data.ts
@@ -17,7 +17,7 @@ export default {
         },
         {
           prop: 'small',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
diff --git a/apps/docs/src/data/components/table.data.ts b/apps/docs/src/data/components/table.data.ts
index 43bf16ec4..0b74cac4c 100644
--- a/apps/docs/src/data/components/table.data.ts
+++ b/apps/docs/src/data/components/table.data.ts
@@ -22,48 +22,49 @@ export default {
         },
         {
           prop: 'noProviderPaging',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'noProviderSorting',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'noProviderFiltering',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'noSelectOnClick',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
           description: 'Do not select row when clicked',
         },
         {
           prop: 'sortBy',
-          type: 'string',
+          type: 'BTableSortBy[]',
           default: undefined,
+          description: 'Model representing the current sort state',
         },
         {
           prop: 'sortDesc',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'sortInternal',
-          type: 'Booleanish',
+          type: 'boolean',
           default: true,
         },
         {
           prop: 'selectable',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'stickySelect',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -83,7 +84,7 @@ export default {
         },
         {
           prop: 'busy',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -259,40 +260,26 @@ export default {
         {
           args: [
             {
-              arg: 'update:sortBy',
-              description: '',
+              arg: 'value',
+              description: 'BTableSortBy[] | undefined',
               type: 'string',
             },
           ],
           event: 'update:sortBy',
-          description: '',
+          description:
+            'Emitted when the `sortBy` model is changed and represents the current sort state',
         },
         {
           args: [
             {
-              arg: 'update:sortDesc',
-              description: 'boolean',
-              type: 'boolean',
-            },
-          ],
-          event: 'update:sortDesc',
-          description: '',
-        },
-        {
-          args: [
-            {
-              arg: 'sortBy',
+              arg: 'value',
               description: '',
-              type: 'string',
-            },
-            {
-              arg: 'isDesc',
-              description: '',
-              type: 'boolean',
+              type: 'BTableSortBy',
             },
           ],
           event: 'sorted',
-          description: '',
+          description:
+            'Updated when the user clicks a sortable column heading and represents the column click and the sort state (`asc`, `desc`, or undefined)',
         },
       ],
       slots: [
@@ -368,7 +355,7 @@ export default {
         },
         {
           prop: 'footClone',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -388,7 +375,7 @@ export default {
         },
         {
           prop: 'showEmpty',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -425,12 +412,12 @@ export default {
       props: [
         {
           prop: 'bordered',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'borderless',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -440,17 +427,17 @@ export default {
         },
         {
           prop: 'captionTop',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'dark',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'hover',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -465,12 +452,12 @@ export default {
         },
         {
           prop: 'striped',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'small',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -485,8 +472,10 @@ export default {
         },
         {
           prop: 'stickyHeader',
-          type: 'Booleanish',
+          type: 'boolean | Numberish',
           default: false,
+          description:
+            'Makes the table header sticky. Set to true for a maximum height 300px tall table, or set to any valid CSS height (including units). Inputting a number type is converted to px height',
         },
       ],
       emits: [],
@@ -536,7 +525,7 @@ export default {
         },
         {
           prop: 'stickyColumn',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -592,7 +581,7 @@ export default {
         },
         {
           prop: 'stickyColumn',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
diff --git a/apps/docs/src/data/components/tabs.data.ts b/apps/docs/src/data/components/tabs.data.ts
index f9bd3f01d..30e277420 100644
--- a/apps/docs/src/data/components/tabs.data.ts
+++ b/apps/docs/src/data/components/tabs.data.ts
@@ -17,7 +17,7 @@ export default {
         },
         {
           prop: 'active',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -27,17 +27,17 @@ export default {
         },
         {
           prop: 'disabled',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'lazy',
-          type: 'Booleanish',
+          type: 'boolean',
           default: undefined,
         },
         {
           prop: 'lazyOnce',
-          type: 'Booleanish',
+          type: 'boolean',
           default: undefined,
         },
         {
@@ -100,17 +100,17 @@ export default {
         },
         {
           prop: 'card',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'end',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'fill',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -130,12 +130,12 @@ export default {
         },
         {
           prop: 'justified',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'lazy',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -155,22 +155,22 @@ export default {
         },
         {
           prop: 'noFade',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'noNavStyle',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'pills',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
           prop: 'small',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -180,7 +180,7 @@ export default {
         },
         {
           prop: 'vertical',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
diff --git a/apps/docs/src/data/components/toast.data.ts b/apps/docs/src/data/components/toast.data.ts
index 7d752d30d..ad7698fff 100644
--- a/apps/docs/src/data/components/toast.data.ts
+++ b/apps/docs/src/data/components/toast.data.ts
@@ -5,100 +5,114 @@ export default {
     {
       component: 'BToast',
       props: [
-        {
-          prop: 'delay',
-          type: 'string | number',
-          default: 5000,
-        },
         {
           prop: 'bodyClass',
           type: 'ClassValue',
           default: undefined,
+          description: 'CSS class (or classes) to add to the toast body element',
         },
         {
           prop: 'body',
           type: 'string',
           default: undefined,
+          description: 'The text content of the body',
         },
         {
           prop: 'headerClass',
           type: 'ClassValue',
           default: undefined,
+          description: 'CSS class (or classes) to add to the toast header element',
         },
         {
           prop: 'headerTag',
           type: 'string',
           default: 'div',
-        },
-        {
-          prop: 'animation',
-          type: 'Booleanish',
-          default: true,
+          description: 'Specify the HTML tag to render instead of the default tag for the footer',
         },
         {
           prop: 'id',
           type: 'string',
           default: undefined,
+          description:
+            'Used to set the `id` attribute on the rendered content, and used as the base to generate any additional element IDs as needed',
         },
         {
           prop: 'isStatus',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
+          description:
+            "When set to 'true', makes the toast have attributes aria-live=polite and role=status. When 'false' aria-live will be 'assertive' and role will be 'alert'",
         },
         {
           prop: 'autoHide',
-          type: 'Booleanish',
+          type: 'boolean',
           default: true,
+          description: 'Used to set if the toast will be dismissed automatically',
         },
         {
           prop: 'noCloseButton',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
+          description: 'When set, hides the close button in the toast header',
         },
         {
           prop: 'noFade',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
+          description:
+            'When set to `true`, disables the fade animation/transition on the component',
         },
         {
           prop: 'noHoverPause',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
+          description:
+            'When set, disables the pausing of the auto hide delay when the mouse hovers the toast',
         },
         {
           prop: 'solid',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
+          description:
+            'When set, renders the toast with a solid background rather than translucent',
         },
         {
           prop: 'title',
           type: 'string',
           default: undefined,
+          description: "The toast's title text",
         },
         {
           prop: 'modelValue',
           type: 'boolean | number',
           default: false,
+          description:
+            'Sets if the toast is visible or the number of milliseconds that the toast will be dismissed',
         },
         {
           prop: 'toastClass',
           type: 'ClassValue',
           default: undefined,
+          description: 'CSS class (or classes) to add to the toast wrapper element',
         },
         {
           prop: 'showOnPause',
-          type: 'Booleanish',
+          type: 'boolean',
           default: true,
+          description: "When set, keeps the toast visible when it's paused",
         },
         {
           prop: 'interval',
           type: 'number | string',
           default: '1000',
+          description: 'The interval of which the countdown timer will refresh itself',
         },
         {
           prop: 'progressProps',
           type: "Omit<BProgressBarProps, 'label' | 'labelHtml' | 'max' | 'value'>",
           default: undefined,
+          description:
+            'The properties to define the progress bar in the toast. No toast will be shown if left undefined',
         },
       ],
       slots: [],
@@ -141,7 +155,7 @@ export default {
         {
           description: 'Renders the Toaster in the exact place it was defined',
           prop: 'teleportDisabled',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
       ],
diff --git a/apps/docs/src/data/components/transition.data.ts b/apps/docs/src/data/components/transition.data.ts
index 50bd4ebc1..d537f15b8 100644
--- a/apps/docs/src/data/components/transition.data.ts
+++ b/apps/docs/src/data/components/transition.data.ts
@@ -7,7 +7,7 @@ export default {
       props: [
         {
           prop: 'appear',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
@@ -17,7 +17,7 @@ export default {
         },
         {
           prop: 'noFade',
-          type: 'Booleanish',
+          type: 'boolean',
           default: false,
         },
         {
diff --git a/apps/docs/src/docs/components/collapse.md b/apps/docs/src/docs/components/collapse.md
index 2eec7e14c..01ef5ac8b 100644
--- a/apps/docs/src/docs/components/collapse.md
+++ b/apps/docs/src/docs/components/collapse.md
@@ -215,8 +215,8 @@ The following properties are available for the `header` and `footer` slots:
 | --------- | -------- | ------------------------------------- |
 | `visible` | Boolean  | Visible state of the collapse         |
 | `toggle`  | Function | When called, will toggle the collapse |
-| `open`    | Function | When called, will open the collapse   |
-| `close`   | Function | When called, will close the collapse  |
+| `show`    | Function | When called, will open the collapse   |
+| `hide`    | Function | When called, will close the collapse  |
 | `id`      | String   | The ID of the collapsible element     |
 
 <HighlightCard>
@@ -246,17 +246,6 @@ The following properties are available for the `header` and `footer` slots:
   </template>
 </HighlightCard>
 
-## Optionally scoped default slot
-
-<span class="badge badge-info small">New in v2.2.0</span>
-
-The default slot can be optionally scoped. The following scope properties are available:
-
-| Property  | Type     | Description                          |
-| --------- | -------- | ------------------------------------ |
-| `visible` | Boolean  | Visible state of the collapse        |
-| `close`   | Function | When called, will close the collapse |
-
 ## Accessibility
 
 The `v-b-toggle` directive will automatically add the ARIA attributes `aria-controls` and
diff --git a/apps/docs/src/docs/components/form-checkbox.md b/apps/docs/src/docs/components/form-checkbox.md
index ce2d54bc5..45e435666 100644
--- a/apps/docs/src/docs/components/form-checkbox.md
+++ b/apps/docs/src/docs/components/form-checkbox.md
@@ -146,7 +146,7 @@ const options = [
 
 - `value` The selected value which will be set on `v-model`
 - `disabled` Disables item for selection
-- `text` Display text, or html Display basic inline html
+- `text` Display text, or `html` Display basic inline html
 
 `value` can be a string, number, or simple object. Avoid using complex types in values.
 
@@ -271,66 +271,6 @@ const checkEx2Options = [
   </template>
 </HighlightCard>
 
-## Checkbox values and `v-model`
-
-By default, `BFormCheckbox` value will be true when checked and false when unchecked. You can customize the checked and unchecked values by specifying the value and unchecked-value properties, respectively.
-
-When you have multiple checkboxes that bind to a single data state variable, you must provide an array reference (`[ ]`) to your v-model.
-
-Note that when v-model is bound to multiple checkboxes (i.e an array ref), the unchecked-value is **not used**. Only the value(s) of the checked checkboxes will be returned in the v-model bound array. You should provide a unique value for each checkbox's value prop (the default of true will not work when bound to an array).
-
-To pre-check any checkboxes, set the v-model to the value(s) of the checks that you would like pre-selected.
-
-When placing individual `BFormCheckbox` components within a `BFormCheckboxGroup`, most
-props and the `v-model` are inherited from the `BFormCheckboxGroup`.
-
-Note: the unchecked-value prop does not affect the native `<input>`'s `value` attribute, because browsers do not include unchecked boxes in form submissions. To guarantee that one of two values is submitted in a native `<form>` submit (e.g. 'yes' or 'no'), use radio inputs instead. This is the same limitation that Vue has with native checkbox inputs.
-
-<HighlightCard>
-  <BFormCheckbox
-    v-for="(car, index) in availableCars"
-    :key="index"
-    v-model="selectedCars"
-    :value="car"
-  >
-    {{ car }}
-  </BFormCheckbox>
-  <div class="mt-2">Selected: <strong>{{ concatSelectedCars}}</strong></div>
-  <template #html>
-
-```vue
-<template>
-  <BFormCheckbox
-    v-for="(car, index) in availableCars"
-    :key="index"
-    v-model="selectedCars"
-    :value="car"
-  >
-    {{ car }}
-  </BFormCheckbox>
-
-  Selected: <strong>{{ concatSelectedCars }}</strong>
-</template>
-
-<script setup lang="ts">
-import {ref} from 'vue'
-
-const availableCars = ['BMW', 'Mercedes', 'Toyota']
-const selectedCars = ref([])
-
-const concatSelectedCars = computed(() => {
-  return selectedCars.value.join(', ')
-})
-</script>
-```
-
-  </template>
-</HighlightCard>
-
-### Multiple checkboxes and accessibility
-
-When binding multiple checkboxes together, you must set the name prop to the same value for all `BFormCheckbox`s in the group individually. This will inform users of assistive technologies that the checkboxes are related and enables native browser keyboard navigation.
-
 ## Inline and stacked checkboxes
 
 `BFormCheckboxGroup` components render inline checkboxes by default, while `BFormCheckbox`
@@ -472,17 +412,99 @@ Use the `size` prop to control the size of the checkbox. The default size is med
   </template>
 </HighlightCard>
 
+## Reverse
+
+Use the `reverse` prop to put your checkboxes and switches on the opposite side of the label.
+
+<HighlightCard>
+  <BFormCheckbox reverse>Reverse checkbox</BFormCheckbox>
+  <BFormCheckbox reverse disabled>Disabled reverse checkbox</BFormCheckbox>
+  <BFormCheckbox reverse switch>Reverse switch ceckbox input</BFormCheckbox>
+  <template #html>
+
+```vue-html
+<BFormCheckbox reverse>Reverse checkbox</BFormCheckbox>
+<BFormCheckbox reverse disabled>Disabled reverse checkbox</BFormCheckbox>
+<BFormCheckbox reverse switch>Reverse switch ceckbox input</BFormCheckbox>
+```
+
+  </template>
+</HighlightCard>
+
+## Checkbox values and `v-model`
+
+By default, `BFormCheckbox` value will be true when checked and false when unchecked. You can customize the checked and unchecked values by specifying the `value` and `unchecked-value` properties, respectively.
+
+When you have multiple checkboxes that bind to a single data state variable, you must provide an array reference (`[ ]`) to your v-model.
+
+Note that when `v-model` is bound to multiple checkboxes (i.e an array ref), the `unchecked-value` is **not used**. Only the value(s) of the checked checkboxes will be returned in the `v-model` bound array. You should provide a unique `value` for each checkbox's `value` prop (the default of `true` will not work when bound to an array).
+
+To pre-check any checkboxes, set the `v-model` to the value(s) of the checks that you would like pre-selected.
+
+When placing individual `BFormCheckbox` components within a `BFormCheckboxGroup`, most
+props and the `v-model` are inherited from the `BFormCheckboxGroup`.
+
+**Note:** the `unchecked-value` prop does not affect the native `<input>`'s `value` attribute, because browsers do not include unchecked boxes in form submissions. To guarantee that one of two values is submitted in a native `<form>` submit (e.g. `'yes'` or `'no'`), use radio inputs instead. This is the same limitation that [Vue has with native checkbox inputs](https://vuejs.org/guide/essentials/forms.html#checkbox-1).
+
+<HighlightCard>
+  <BFormCheckbox
+    v-for="(car, index) in availableCars"
+    :key="index"
+    v-model="selectedCars"
+    :value="car"
+  >
+    {{ car }}
+  </BFormCheckbox>
+  <div class="mt-2">Selected: <strong>{{ concatSelectedCars}}</strong></div>
+  <template #html>
+
+```vue
+<template>
+  <BFormCheckbox
+    v-for="(car, index) in availableCars"
+    :key="index"
+    v-model="selectedCars"
+    :value="car"
+  >
+    {{ car }}
+  </BFormCheckbox>
+
+  Selected: <strong>{{ concatSelectedCars }}</strong>
+</template>
+
+<script setup lang="ts">
+import {ref} from 'vue'
+
+const availableCars = ['BMW', 'Mercedes', 'Toyota']
+const selectedCars = ref([])
+
+const concatSelectedCars = computed(() => {
+  return selectedCars.value.join(', ')
+})
+</script>
+```
+
+  </template>
+</HighlightCard>
+
+### Multiple checkboxes and accessibility
+
+When binding multiple checkboxes together, you must set the `name` prop to the same value for all `BFormCheckbox`s in the group individually. This will inform users of assistive technologies that the checkboxes are related and enables native browser keyboard navigation.
+
+Whenever using multiple checkboxes, it is recommended that the checkboxes be placed in a [`BFormGroup`](/docs/components/form-group) component to associate a label with the entire group of checkboxes. See examples above.
+
 ## Button style checkboxes
 
 You can optionally render checkboxes to appear as buttons, either individually, or in a group.
 
-Button style checkboxes will have the class .active automatically applied to the label when they are in the checked state.
+Button style checkboxes will have the class `.active` automatically applied to the label when they are in the checked state.
 
 ### Individual checkbox button style
 
-A single checkbox can be rendered with a button appearance by setting the prop button to true.
+A single checkbox can be rendered with a button appearance by setting the prop `button` to `true`.
 
-Change the button variant by setting the button-variant prop to one of the standard Bootstrap button variants (see `BButton` for supported variants). The default variant is secondary.
+Change the button variant by setting the `button-variant` prop to one of the standard Bootstrap button variants
+(see [`BButton`](/docs/components/button) for supported variants). The default variant is `secondary`.
 
 <HighlightCard>
   <div class="hstack gap-3">
@@ -617,7 +639,7 @@ effect.
 
 ### Individual checkbox switch style
 
-A single checkbox can be rendered with a switch appearance by setting the prop switch to true.
+A single checkbox can be rendered with a switch appearance by setting the prop `switch` to `true`.
 
 <HighlightCard>
   <BFormCheckbox v-model="switchChecked" switch>Switch Checkbox <strong>(Checked: {{ switchChecked }})</strong></BFormCheckbox>
@@ -784,6 +806,8 @@ const groupSwitchOptions = [
   </template>
 </HighlightCard>
 
+**Note:** The `plain` prop has no effect when `button` or `buttons` is set.
+
 ## Contextual states
 
 Bootstrap includes validation styles for valid and invalid states on most form controls.
@@ -876,11 +900,11 @@ tell when the input becomes visible.
 
 Normally a checkbox input can only have two states: checked or unchecked. They can have any value, but they either submit that value (checked) or do not (unchecked) with a form submission (although BootstrapVueNext allows a value for the unchecked state on a single checkbox).
 
-Visually, there are actually three states a checkbox can be in: checked, unchecked, or **indeterminate**.
+Visually, there are actually three states a checkbox can be in: _checked_, _unchecked_, or **_indeterminate_**.
 
-The indeterminate state is **visual only**. The checkbox is still either checked or unchecked as a value. That means the visual indeterminate state masks the real value of the checkbox, so that better make sense in your UI!.
+The _indeterminate_ state is **visual only**. The checkbox is still either checked or unchecked as a value. That means the visual indeterminate state masks the real value of the checkbox, so that better make sense in your UI!.
 
-`BFormCheckbox` supports setting this visual indeterminate state via a secondary named model called indeterminate (defaults to undefined). Clicking the checkbox will clear the indeterminate state and emit an `update:indeterminate=false` event. To reset the state set the indeterminate model value to true.
+`BFormCheckbox` supports setting this visual indeterminate state via a secondary named model called `indeterminate` (defaults to `undefined`). Clicking the checkbox will clear the `indeterminate` state and emit an `update:indeterminate=false` event. To reset the state set `v-model:indeterminate` value to `true`.
 
 <HighlightCard>
   <BFormCheckbox v-model="intermChecked" v-model:indeterminate="indeterminate">Click me to see what happens</BFormCheckbox>
@@ -929,7 +953,7 @@ const indeterminate = ref(true)
               v-model:indeterminate="asIndeterminate"
               aria-describedby="flavors"
               aria-controls="flavors"
-              @change="toggleAll"
+              @update:modelValue="toggleAll"
             >
               {{ allSelected ? 'Un-select All' : 'Select All' }}
             </BFormCheckbox>
@@ -967,7 +991,7 @@ const indeterminate = ref(true)
         v-model:indeterminate="asIndeterminate"
         aria-describedby="flavors"
         aria-controls="flavors"
-        @change="toggleAll"
+        @update:modelValue="toggleAll"
       >
         {{ allSelected ? 'Un-select All' : 'Select All' }}
       </BFormCheckbox>
diff --git a/apps/docs/src/docs/components/form-group.md b/apps/docs/src/docs/components/form-group.md
index efe6222f9..78c4fc456 100644
--- a/apps/docs/src/docs/components/form-group.md
+++ b/apps/docs/src/docs/components/form-group.md
@@ -99,18 +99,56 @@ columns does not exceed `12`.
 
 See the [Layout and Grid System](/docs/components/layout#how-it-works) docs for further information.
 
-| Prop              | Description                       |
-| ----------------- | --------------------------------- |
-| `label-cols`      | Applies to breakpoint `xs` up     |
-| `label-cols-sm`   | Applies to breakpoint `sm` and up |
-| `label-cols-md`   | Applies to breakpoint `md` and up |
-| `label-cols-lg`   | Applies to breakpoint `lg` and up |
-| `label-cols-xl`   | Applies to breakpoint `xl` and up |
-| `content-cols`    | Applies to breakpoint `xs` up     |
-| `content-cols-sm` | Applies to breakpoint `sm` and up |
-| `content-cols-md` | Applies to breakpoint `md` and up |
-| `content-cols-lg` | Applies to breakpoint `lg` and up |
-| `content-cols-xl` | Applies to breakpoint `xl` and up |
+<table class="b-table table table-bordered table-striped bv-docs-table">
+  <thead>
+    <tr>
+      <th>Prop</th>
+      <th>Description</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td><code>label-cols</code></td>
+      <td>Applies to breakpoint <code>xs</code> up</td>
+    </tr>
+    <tr>
+      <td><code>label-cols-sm</code></td>
+      <td>Applies to breakpoint <code>sm</code> and up</td>
+    </tr>
+    <tr>
+      <td><code>label-cols-md</code></td>
+      <td>Applies to breakpoint <code>md</code> and up</td>
+    </tr>
+    <tr>
+      <td><code>label-cols-lg</code></td>
+      <td>Applies to breakpoint <code>xl</code> and up</td>
+    </tr>
+    <tr>
+      <td><code>label-cols-xl</code></td>
+      <td>Applies to breakpoint <code>xl</code> and up</td>
+    </tr>
+    <tr>
+      <td><code>content-cols</code></td>
+      <td>Applies to breakpoint <code>xs</code> up</td>
+    </tr>
+    <tr>
+      <td><code>content-cols-sm</code></td>
+      <td>Applies to breakpoint <code>sm</code> and up</td>
+    </tr>
+    <tr>
+      <td><code>content-cols-md</code></td>
+      <td>Applies to breakpoint <code>md</code> and up</td>
+    </tr>
+    <tr>
+      <td><code>content-cols-lg</code></td>
+      <td>Applies to breakpoint <code>xl</code> and up</td>
+    </tr>
+    <tr>
+      <td><code>content-cols-xl</code></td>
+      <td>Applies to breakpoint <code>xl</code> and up</td>
+    </tr>
+  </tbody>
+</table>
 
 <HighlightCard>
   <BFormGroup
diff --git a/apps/docs/src/docs/components/form-tags.md b/apps/docs/src/docs/components/form-tags.md
index 199476a7a..96730e6c2 100644
--- a/apps/docs/src/docs/components/form-tags.md
+++ b/apps/docs/src/docs/components/form-tags.md
@@ -16,11 +16,17 @@ Lightweight custom tagged input form control, with options for customized interf
 
 Tags are arrays of short strings, used in various ways such as assigning categories. Use the default user interface, or create your own custom interface via the use of the default scoped slot.
 
-## Docs to be written
+## Basic usage
 
-## Example
+Tags will have any leading and tailing whitespace removed, and duplicate tags are not permitted. Tags that contain spaces are permitted by default.
 
-<BCard class="bg-body-tertiary">
+Tags are added by clicking the Add button, pressing the <kbd>Enter</kbd> key or optionally when the change event fires on the new tag input (i.e. when focus moves from the input). The Add button will only appear when the user has entered a new tag value.
+
+<HighlightCard>
+  <label for="tags-basic">Type a new tag and press enter</label>
+  <BFormTags input-id="tags-basic" v-model="basicUsageTags" />
+  <p class="mt-2">Value: {{ basicUsageTags }}</p>
+  <template #html>
 
 ```vue
 <template>
@@ -34,8 +40,1322 @@ const value = ref<string[]>(['apple', 'orange'])
 </script>
 ```
 
-</BCard>
+  </template>
+</HighlightCard>
+
+## Tag creation using separators
+
+To auto create tags when a separator character is typed (i.e. <kbd>Space</kbd>, <kbd>,</kbd>, etc.), set the `separator` prop to the character that will trigger the tag to be added. If multiple separator characters are needed, then include them as a single string (i.e. ' ,;'), or an array of characters (i.e. `[' ', ',', ';']`), which will trigger a new tag to be added when <kbd>Space</kbd>, <kbd>,</kbd>, or <kbd>;</kbd> are typed). Separators must be a single character.
+
+The following example will auto create a tag when <kbd>Space</kbd>, <kbd>,</kbd>, or <kbd>;</kbd> are typed:
+
+<HighlightCard>
+  <label for="tags-separators">Enter tags separated by space, comma or semicolon</label>
+  <BFormTags
+  input-id="tags-separators"
+  v-model="usingSeparators"
+  separator=" ,;"
+  placeholder="Enter new tags separated by space, comma or semicolon"
+  no-add-on-enter></BFormTags>
+  <p class="mt-2">Value: {{ usingSeparators }}</p>
+  <template #html>
+
+```vue
+<template>
+  <div>
+    <label for="tags-separators">Enter tags separated by space, comma or semicolon</label>
+    <BFormTags
+      input-id="tags-separators"
+      v-model="value"
+      separator=" ,;"
+      placeholder="Enter new tags separated by space, comma or semicolon"
+      no-add-on-enter
+    ></BFormTags>
+    <p class="mt-2">Value: {{ value }}</p>
+  </div>
+</template>
+
+<script setup lang="ts">
+const value = ref<string[]>(['apple', 'orange'])
+</script>
+```
+
+  </template>
+</HighlightCard>
+
+## Last tag removal via backspace keypress
+
+When the prop `remove-on-delete` is set, and the user presses <kbd>Backspace</kbd> (or <kbd>Del</kbd>) and the input value is empty, the last tag in the tag list will be removed.
+
+<HighlightCard>
+  <label for="tags-separators">Enter tags separated by space, comma or semicolon</label>
+  <label for="tags-remove-on-delete">Enter new tags separated by space</label>
+  <BFormTags
+    input-id="tags-remove-on-delete"
+    :input-attrs="{ 'aria-describedby': 'tags-remove-on-delete-help' }"
+    v-model="tagRemoval"
+    separator=" "
+    placeholder="Enter new tags separated by space"
+    remove-on-delete
+    no-add-on-enter
+  ></BFormTags>
+  <BFormText id="tags-remove-on-delete-help" class="mt-2">
+    Press <kbd>Backspace</kbd> to remove the last tag entered
+  </BFormText>
+  <p>Value: {{ tagRemoval }}</p>
+  <template #html>
+
+```vue
+<template>
+  <div>
+    <label for="tags-remove-on-delete">Enter new tags separated by space</label>
+    <BFormTags
+      input-id="tags-remove-on-delete"
+      :input-attrs="{'aria-describedby': 'tags-remove-on-delete-help'}"
+      v-model="value"
+      separator=" "
+      placeholder="Enter new tags separated by space"
+      remove-on-delete
+      no-add-on-enter
+    ></BFormTags>
+    <BFormText id="tags-remove-on-delete-help" class="mt-2">
+      Press <kbd>Backspace</kbd> to remove the last tag entered
+    </BFormText>
+    <p>Value: {{ value }}</p>
+  </div>
+</template>
+
+<script setup lang="ts">
+const value = ref<string[]>(['apple', 'orange', 'grape'])
+</script>
+```
+
+  </template>
+</HighlightCard>
+
+## Styling Options
+
+Several props are available to alter the basic styling of the default tagged interface:
+
+<table class="b-table table table-bordered table-striped bv-docs-table">
+  <thead>
+    <tr>
+      <th>Prop</th>
+      <th>Description</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td><code>tag-pills</code></td>
+      <td>Renders the tags with the appearance of pills</td>
+    </tr>
+    <tr>
+      <td><code>tag-variant</code></td>
+      <td>Applies one of the Bootstrap contextual variant theme colors to the tags</td>
+    </tr>
+    <tr>
+      <td><code>size</code></td>
+      <td>Set the size of the component's appearance. <code>sm</code>, <code>md</code> (default), or <code>lg</code></td>
+    </tr>
+    <tr>
+      <td><code>placeholder</code></td>
+      <td>The placeholder text for the new tag input element</td>
+    </tr>
+    <tr>
+      <td><code>state</code></td>
+      <td>
+        Sets the contextual state of the control. Set to <code>true</code> (for valid), <code>false</code> (for invalid), or <code>null</code>
+      </td>
+    </tr>
+    <tr>
+      <td><code>disabled</code></td>
+      <td>Places the component in a disabled state</td>
+    </tr>
+  </tbody>
+</table>
+
+For additional props, see the component reference section at the bottom of this page.
+
+The focus and validation state styling of the component relies upon BootstrapVue's custom CSS.
+
+<HighlightCard>
+  <label for="tags-pills">Enter tags</label>
+  <BFormTags
+    input-id="tags-pills"
+    v-model="stylingOptions"
+    tag-variant="primary"
+    tag-pills
+    size="lg"
+    separator=" "
+    placeholder="Enter new tags separated by space"></BFormTags>
+  <p class="mt-2">Value: {{ stylingOptions }}</p>
+  <template #html>
+
+```vue
+<template>
+  <div>
+    <label for="tags-pills">Enter tags</label>
+    <BFormTags
+      input-id="tags-pills"
+      v-model="value"
+      tag-variant="primary"
+      tag-pills
+      size="lg"
+      separator=" "
+      placeholder="Enter new tags separated by space"
+    ></BFormTags>
+    <p class="mt-2">Value: {{ value }}</p>
+  </div>
+</template>
+
+<script setup lang="ts">
+const value = ref<string[]>(['apple', 'orange', 'grape'])
+</script>
+```
+
+  </template>
+</HighlightCard>
+
+## Using with native browser `<form>` submission
+
+The value of the tagged input will not be submitted via standard form `action` unless you provide a name via the name prop. When a name is provided, `<BFormTags>` will create a hidden `<input>` for each tag. The hidden input will have the `name` attribute set to the value of the `name` prop.
+
+The hidden inputs will also be generated when using [custom rendering](#custom-rendering-with-default-scoped-slot) (when the `name` prop is set).
+
+## Tag validation
+
+By default, `<BFormTags>` detects when the user is attempting to enter a (case-sensitive) duplicate tag, and will provide integrated feedback to the user.
+
+You can optionally provide a tag validator method via the `tag-validator` prop. The validator function will receive one argument which is the tag being added, and should return either `true` if the tag passes validation and can be added, or `false` if the tag fails validation (in which case it is not added to the array of tags). Integrated feedback will be provided to the user listing the invalid tag(s) that could not be added.
+
+Tag validation occurs only for tags added via user input. Changes to the tags via the `v-model` are not validated.
+
+<HighlightCard>
+  <BFormGroup
+    label="Tags validation example"
+    label-for="tags-validation"
+    :state="stateTagValidator"
+    invalid-feedback="You must provide at least 3 tags and no more than 8"
+    description="Tags must be 3 to 5 characters in length and all lower case. Enter tags separated by spaces or press enter.">
+    <BFormTags
+        input-id="tags-validation"
+        v-model="tagsValidator"
+        :input-attrs="{ 'aria-describedby': 'tags-validation-help' }"
+        :tag-validator="tagValidator"
+        :state="stateTagValidator"
+        separator=" "
+      />
+  </BFormGroup>
+  <template #html>
+
+```vue
+<template>
+  <div>
+    <BFormGroup label="Tags validation example" label-for="tags-validation" :state="state">
+      <BFormTags
+        input-id="tags-validation"
+        v-model="tags"
+        :input-attrs="{'aria-describedby': 'tags-validation-help'}"
+        :tag-validator="tagValidator"
+        :state="state"
+        separator=" "
+      ></BFormTags>
+
+      <template #invalid-feedback> You must provide at least 3 tags and no more than 8 </template>
+
+      <template #description>
+        <div id="tags-validation-help">
+          Tags must be 3 to 5 characters in length and all lower case. Enter tags separated by
+          spaces or press enter.
+        </div>
+      </template>
+    </BFormGroup>
+  </div>
+</template>
+
+<script setup lang="ts">
+const dirty = ref<boolean>(false)
+const tags = ref<string[]>([])
+
+const state = computed(() => {
+  // Overall component validation state
+  return dirty.value ? tags.value.length > 2 && tags.value.length < 9 : null
+})
+
+watch(
+  () => tags.value,
+  (newValue, oldValue) => {
+    // Set the dirty flag on first change to the tags array
+    dirty.value = false
+  }
+)
+
+const tagValidator = (tag) => {
+  // Individual tag validator function
+  return tag === tag.toLowerCase() && tag.length > 2 && tag.length < 6
+}
+</script>
+```
+
+  </template>
+</HighlightCard>
+
+### Detecting new, invalid, and duplicate tags
+
+The event `tag-state` will be emitted whenever new tags are entered into the new tag input element, tags that do not pass validation, or duplicate tags are detected. The event handler will receive three arrays as its arguments:
+
+- `validTags` (tags that pass validation)
+- `invalidTags` (tags that do not pass validation)
+- `duplicateTags` (tags that would be a duplicate of existing or validTags)
+
+The event will be emitted only when the new tag input changes (characters are entered that would be considered part of a tag), or when the user attempts to add a tag (i.e. via Enter, clicking the Add button, or entering a separator). The three arrays will be empty when the user clears the new tag input element (or contains just spaces).
+
+If you are providing your own feedback for duplicate and invalid tags (via the use of the tag-state event) outside of the `<BFormTags>` component, you can disable the built in duplicate and invalid messages by setting the props duplicate-tag-text and invalid-tag-text (respectively) to either an empty string ('') or null.
+
+<HighlightCard>
+  <label for="tags-state-event">Enter tags</label>
+  <BFormTags
+    input-id="tags-state-event"
+    v-model="detectingTags"
+    :tag-validator="detectTagValidator"
+    placeholder="Enter tags (3-5 characters) separated by space"
+    separator=" "
+    @tag-state="onTagState"></BFormTags>
+  <p class="mt-2">Tags: {{ detectingTags }}</p>
+  <p>Event values:</p>
+  <ul>
+    <li>validTags: {{ validTags }}</li>
+    <li>invalidTags: {{ invalidTags }}</li>
+    <li>duplicateTags: {{ duplicateTags }}</li>
+  </ul>
+  <template #html>
+
+```vue
+<template>
+  <div>
+    <label for="tags-state-event">Enter tags</label>
+    <BFormTags
+      input-id="tags-state-event"
+      v-model="tags"
+      :tag-validator="validator"
+      placeholder="Enter tags (3-5 characters) separated by space"
+      separator=" "
+      @tag-state="onTagState"
+    ></BFormTags>
+    <p class="mt-2">Tags: {{ tags }}</p>
+    <p>Event values:</p>
+    <ul>
+      <li>validTags: {{ validTags }}</li>
+      <li>invalidTags: {{ invalidTags }}</li>
+      <li>duplicateTags: {{ duplicateTags }}</li>
+    </ul>
+  </div>
+</template>
+
+<script setup lang="ts">
+const tags = ref<string[]>([])
+const validTags = ref<string[]>([])
+const invalidTags = ref<string[]>([])
+const duplicateTags = ref<string[]>([])
+const onTagState = (valid, invalid, duplicate) => {
+  validTags.value = valid
+  invalidTags.value = invalid
+  duplicateTags.value = duplicate
+}
+const validator = (tag) => {
+  return tag.length > 2 && tag.length < 6
+}
+</script>
+```
+
+  </template>
+</HighlightCard>
+
+## Limiting tags
+
+If you want to limit the amount of tags the user is able to add use the `limit` prop. When configured, adding more tags than the `limit` allows is only possible by the `v-model`.
+
+When the limit of tags is reached, the user is still able to type but adding more tags is disabled. A message is shown to give the user feedback about the reached limit. This message can be configured by the `limit-tags-text` prop. Setting it to either an empty string (`''`) or `null` will disable the feedback.
+
+Removing tags is unaffected by the `limit` prop.
+
+<HighlightCard>
+  <label for="tags-limit">Enter tags</label>
+  <BFormTags input-id="tags-limit" v-model="limitTagsModel" :limit="limitTag" remove-on-delete></BFormTags>
+  <p class="mt-2">Value: {{ limitTagsModel }}</p>
+  <template #html>
+
+```vue
+<template>
+  <div>
+    <label for="tags-limit">Enter tags</label>
+    <BFormTags input-id="tags-limit" v-model="value" :limit="limit" remove-on-delete></BFormTags>
+    <p class="mt-2">Value: {{ value }}</p>
+  </div>
+</template>
+
+<script setup lang="ts">
+const value = ref<string[]>([])
+const limit = ref<number>(5)
+</script>
+```
+
+  </template>
+</HighlightCard>
+
+## Custom rendering with default scoped slot
+
+If you fancy a different look and feel for the tags control, you can provide your own custom rendering via the default scoped slot. You can either create your own tags, or use our helper `<BFormTag>` component.
+
+### Scope properties
+
+The default scoped slot provides numerous properties and methods for use in rendering your custom interface. Not all properties or methods are required to generate your interface.
+
+The default slot scope properties are as follows:
+
+<table class="b-table table table-bordered table-striped bv-docs-table">
+  <thead>
+    <tr>
+      <th>Property</th>
+      <th>Type</th>
+      <th>Description</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td><code>addButtonText</code></td>
+      <td>String</td>
+      <td>The value of the <code>add-button-text</code> prop</td>
+    </tr>
+    <tr>
+      <td><code>addButtonVariant</code></td>
+      <td>String</td>
+      <td>The value of the <code>add-button-variant</code> prop</td>
+    </tr>
+    <tr>
+      <td><code>addTag</code></td>
+      <td>Function</td>
+      <td>Method to add a new tag. Assumes the tag is the value of the input, but optionally accepts one argument which is the tag value to be added</td>
+    </tr>
+    <tr>
+      <td><code>disableAddButton</code></td>
+      <td>Boolean</td>
+      <td>Will be <code>true</code> if the tag(s) in the input cannot be added (all invalid and/or duplicates)</td>
+    </tr>
+    <tr>
+      <td><code>disabled</code></td>
+      <td>Boolean</td>
+      <td><code>true</code> if the component is in the disabled state. Value of the <code>disabled</code> prop</td>
+    </tr>
+    <tr>
+      <td><code>duplicateTagText</code></td>
+      <td>String</td>
+      <td>The value of the <code>duplicate-tag-text</code> prop</td>
+    </tr>
+    <tr>
+      <td><code>duplicateTags</code></td>
+      <td>Array</td>
+      <td>Array of the duplicate tag(s) the user has entered</td>
+    </tr>
+    <tr>
+      <td><code>form</code></td>
+      <td>String</td>
+      <td>The value of the <code>form</code> prop</td>
+    </tr>
+    <tr>
+      <td><code>inputAttrs</code></td>
+      <td>Object</td>
+      <td>Object of attributes to apply to the new tag input element via <code>v-bind="inputAttrs"</code>. See below for details</td>
+    </tr>
+    <tr>
+      <td><code>inputHandlers</code></td>
+      <td>Object</td>
+      <td>Object of event handlers to apply to the new tag input element via <code>v-on="inputHandlers"</code>. See below for details</td>
+    </tr>
+    <tr>
+      <td><code>inputId</code></td>
+      <td>String</td>
+      <td>ID to add to the new tag input element. Defaults to prop <code>input-id</code>. If not provided a unique ID is auto-generated. Also available via 'inputAttrs.id'</td>
+    </tr>
+    <tr>
+      <td><code>inputType</code></td>
+      <td>String</td>
+      <td>Type of input to render (normalized version of prop <code>input-type</code>)</td>
+    </tr>
+    <tr>
+      <td><code>invalidTagText</code></td>
+      <td>String</td>
+      <td>The value of the <code>invalid-tag-text</code> prop</td>
+    </tr>
+    <tr>
+      <td><code>invalidTags</code></td>
+      <td>Array</td>
+      <td>Array of the invalid tag(s) the user has entered</td>
+    </tr>
+    <tr>
+      <td><code>isDuplicate</code></td>
+      <td>Boolean</td>
+      <td><code>true</code> if the user input contains duplicate tag(s)</td>
+    </tr>
+    <tr>
+      <td><code>isInvalid</code></td>
+      <td>Boolean</td>
+      <td><code>true</code> if the user input contains invalid tag(s)</td>
+    </tr>
+    <tr>
+      <td><code>isLimitReached</code></td>
+      <td>Boolean</td>
+      <td><code>true</code> if a <code>limit</code> is configured and the amount of tags has reached the limit</td>
+    </tr>
+    <tr>
+      <td><code>limitTagsText</code></td>
+      <td>String</td>
+      <td>The value of the <code>limit-tags-text</code> prop</td>
+    </tr>
+    <tr>
+      <td><code>limitTagsText</code></td>
+      <td>String</td>
+      <td>The value of the <code>limit-tags-text</code> prop</td>
+    </tr>
+    <tr>
+      <td><code>limit</code></td>
+      <td>String</td>
+      <td>The value of the <code>limit</code> prop</td>
+    </tr>
+    <tr>
+      <td><code>noTagRemove</code></td>
+      <td>Boolean</td>
+      <td>The value of the <code>no-tag-remove</code> prop</td>
+    </tr>
+    <tr>
+      <td><code>placeholder</code></td>
+      <td>String</td>
+      <td>The value of the <code>placeholder</code> prop</td>
+    </tr>
+    <tr>
+      <td><code>removeTag</code></td>
+      <td>Function</td>
+      <td>Method to remove a tag. Accepts one argument which is the tag value to remove</td>
+    </tr>
+    <tr>
+      <td><code>required</code></td>
+      <td>Boolean</td>
+      <td>The value of the <code>required</code> prop</td>
+    </tr>
+    <tr>
+      <td><code>separator</code></td>
+      <td>String</td>
+      <td>The value of the <code>separator</code> prop</td>
+    </tr>
+    <tr>
+      <td><code>size</code></td>
+      <td>String</td>
+      <td>The value of the <code>size</code> prop</td>
+    </tr>
+    <tr>
+      <td><code>state</code></td>
+      <td>Boolean</td>
+      <td>The contextual state of the component. Value of the <code>state</code> prop. Possible values are <code>true</code>, <code>false</code> or <code>null</code></td>
+    </tr>
+    <tr>
+      <td><code>tagClass</code></td>
+      <td>String, Array, or Object</td>
+      <td>The value of the <code>tag-variant</code> prop. Class (or classes) to apply to the tag elements</td>
+    </tr>
+    <tr>
+      <td><code>tagPills</code></td>
+      <td>Boolean</td>
+      <td>The value of the <code>tag-pills</code> prop.</td>
+    </tr>
+    <tr>
+      <td><code>tagRemoveLabel</code></td>
+      <td>String</td>
+      <td>Value of the <code>tag-remove-label</code> prop. Used as the <code>aria-label</code> attribute on the remove button of tags</td>
+    </tr>
+    <tr>
+      <td><code>tagVariant</code></td>
+      <td>String</td>
+      <td>Value of the <code>tag-variant</code> prop.</td>
+    </tr>
+    <tr>
+      <td><code>tags</code></td>
+      <td>Array</td>
+      <td>Array of current tag strings</td>
+    </tr>
+  </tbody>
+</table>
+
+#### `inputAttrs` object properties
+
+The `inputAttrs` object contains attributes to bind (`v-bind`) to the new tag input element.
+
+<table class="b-table table table-bordered table-striped bv-docs-table">
+  <thead>
+    <tr>
+      <th>Property</th>
+      <th>Type</th>
+      <th>Description</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td><code>disabled</code></td>
+      <td>Boolean</td>
+      <td>The <code>disabled</code> attribute for the new tag input. Value of the <code>disabled</code> prop</td>
+    </tr>
+    <tr>
+      <td><code>form</code></td>
+      <td>String</td>
+      <td>The value of the <code>form</code> prop</td>
+    </tr>
+    <tr>
+      <td><code>id</code></td>
+      <td>String</td>
+      <td>The <code>id</code> attribute for the new tag input</td>
+    </tr>
+    <tr>
+      <td><code>value</code></td>
+      <td>String</td>
+      <td>The <code>value</code> attribute for the new tag input</td>
+    </tr>
+  </tbody>
+</table>
+
+The `inputAttrs` object will also include any attributes set via the `input-attrs` prop. Note that the above attributes take precedence over any of the same attributes specified in the `input-attrs` prop.
+
+#### `inputHandlers` object properties
+
+The `inputHandlers` object contains event handlers to bind (`v-on`) to the new tag input element.
+
+<table class="b-table table table-bordered table-striped bv-docs-table">
+  <thead>
+    <tr>
+      <th>Property</th>
+      <th>Type</th>
+      <th>Description</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td><code>change</code></td>
+      <td>Function</td>
+      <td>Event handler for the input element <code>change</code> event. Accepts a single argument of either an event object or a string. Change will trigger adding the tag.</td>
+    </tr>
+    <tr>
+      <td><code>input</code></td>
+      <td>Function</td>
+      <td>Event handler for the input element <code>input</code> event. Accepts a single argument of either an event object or a string. Updates the internal v-model for the new tag input element</td>
+    </tr>
+    <tr>
+      <td><code>keydown</code></td>
+      <td>Function</td>
+      <td>Event handler for the input element keydown <kbd>Enter</kbd> and <kbd>Del</kbd> events. Accepts a single argument which is the native keydown event object</td>
+    </tr>
+  </tbody>
+</table>
+
+The `change` handler, when needed, must be enabled via the `add-on-change` prop, otherwise it is a noop method.
+
+### Using native browser inputs
+
+The scope contains attributes and event handlers that can be directly bound to native `<input>` or `<select>` elements.
+
+The following example includes the suggested ARIA attributes and roles needed for screen-reader support.
+
+<HighlightCard>
+  <BFormTags v-model="nativeTags" no-outer-focus class="mb-2">
+    <template v-slot="{ tags, inputAttrs, inputHandlers, addTag, removeTag }">
+      <BInputGroup aria-controls="my-custom-tags-list">
+        <input
+          v-on="inputHandlers"
+          placeholder="New tag - Press enter to add"
+          class="form-control">
+        <BInputGroupAppend>
+          <BButton @click="addTag()" variant="primary">Add</BButton>
+        </BInputGroupAppend>
+      </BInputGroup>
+      <ul
+        id="my-custom-tags-list"
+        class="list-unstyled d-inline-flex flex-wrap mb-0"
+        aria-live="polite"
+        aria-atomic="false"
+        aria-relevant="additions removals"
+      >
+        <BCard
+          v-for="tag in tags"
+          :key="tag"
+          :id="`my-custom-tags-tag_${tag.replace(/\s/g, '_')}_`"
+          tag="li"
+          class="mt-1 me-1"
+          body-class="py-1 pe-2 text-nowrap"
+        >
+          <strong>{{ tag }}</strong>
+          <BButton
+            @click="removeTag(tag)"
+            variant="link"
+            size="sm"
+            :aria-controls="`my-custom-tags-tag_${tag.replace(/\s/g, '_')}_`"
+          >remove</BButton>
+        </BCard>
+      </ul>
+    </template>
+  </BFormTags>
+  <template #html>
+
+```vue
+<template>
+  <div>
+    <BFormTags v-model="value" no-outer-focus class="mb-2">
+      <template v-slot="{tags, inputAttrs, inputHandlers, addTag, removeTag}">
+        <BInputGroup aria-controls="my-custom-tags-list">
+          <input
+            v-bind="inputAttrs"
+            v-on="inputHandlers"
+            placeholder="New tag - Press enter to add"
+            class="form-control"
+          />
+          <BInputGroupAppend>
+            <BButton @click="addTag()" variant="primary">Add</BButton>
+          </BInputGroupAppend>
+        </BInputGroup>
+        <ul
+          id="my-custom-tags-list"
+          class="list-unstyled d-inline-flex flex-wrap mb-0"
+          aria-live="polite"
+          aria-atomic="false"
+          aria-relevant="additions removals"
+        >
+          <!-- Always use the tag value as the :key, not the index! -->
+          <!-- Otherwise screen readers will not read the tag additions and removals correctly -->
+          <BCard
+            v-for="tag in tags"
+            :key="tag"
+            :id="`my-custom-tags-tag_${tag.replace(/\s/g, '_')}_`"
+            tag="li"
+            class="mt-1 me-1"
+            body-class="py-1 pe-2 text-nowrap"
+          >
+            <strong>{{ tag }}</strong>
+            <BButton
+              @click="removeTag(tag)"
+              variant="link"
+              size="sm"
+              :aria-controls="`my-custom-tags-tag_${tag.replace(/\s/g, '_')}_`"
+              >remove</BButton
+            >
+          </BCard>
+        </ul>
+      </template>
+    </BFormTags>
+  </div>
+</template>
+
+<script setup lang="ts">
+const value = ref<string[]>(['apple', 'orange', 'banana', 'pear', 'peach'])
+</script>
+```
+
+  </template>
+</HighlightCard>
+
+### Using custom form components
+
+The scope contains attributes and event handlers that can be directly bound to most custom inputs or select components (the event handlers accept either a string tag value or a native event object). Any component that emits `input` as characters are typed, and (optionally) emits `change` when the input value changes (i.e on blur or select), and uses the prop `value` as the v-model, should work without modification.
+
+In this example, we are using the [`<BFormTag>` helper component](#bformtag-helper-component), but feel free to render tags using standard HTML or components.
+
+<HighlightCard>
+  <BFormTags v-model="customComponentTags" no-outer-focus class="mb-2">
+    <template v-slot="{ tags, inputAttrs, inputHandlers, tagVariant, addTag, removeTag }">
+      <BInputGroup class="mb-2">
+        <BFormInput
+          v-bind="inputAttrs"
+          v-on="inputHandlers"
+          placeholder="New tag - Press enter to add"
+          class="form-control"
+        ></BFormInput>
+        <BInputGroupAppend>
+          <BButton @click="addTag()" variant="primary">Add</BButton>
+        </BInputGroupAppend>
+      </BInputGroup>
+      <div class="d-inline-block" style="font-size: 1.5rem;">
+        <BFormTag
+          v-for="tag in tags"
+          @remove="removeTag(tag)"
+          :key="tag"
+          :title="tag"
+          :variant="tagVariant"
+          class="me-1"
+        >{{ tag }}</BFormTag>
+      </div>
+    </template>
+  </BFormTags>
+  <template #html>
+
+```vue
+<template>
+  <div>
+    <BFormTags v-model="value" no-outer-focus class="mb-2">
+      <template v-slot="{tags, inputAttrs, inputHandlers, tagVariant, addTag, removeTag}">
+        <BInputGroup class="mb-2">
+          <BFormInput
+            v-bind="inputAttrs"
+            v-on="inputHandlers"
+            placeholder="New tag - Press enter to add"
+            class="form-control"
+          ></BFormInput>
+          <BInputGroupAppend>
+            <BButton @click="addTag()" variant="primary">Add</BButton>
+          </BInputGroupAppend>
+        </BInputGroup>
+        <div class="d-inline-block" style="font-size: 1.5rem;">
+          <BFormTag
+            v-for="tag in tags"
+            @remove="removeTag(tag)"
+            :key="tag"
+            :title="tag"
+            :variant="tagVariant"
+            class="me-1"
+            >{{ tag }}</BFormTag
+          >
+        </div>
+      </template>
+    </BFormTags>
+  </div>
+</template>
+
+<script setup lang="ts">
+const value = ref<string[]>(['apple', 'orange', 'banana'])
+</script>
+```
+
+  </template>
+</HighlightCard>
+
+The following is an example of using a custom select component for choosing from a pre-defined set of tags:
+
+<HighlightCard>
+  <BFormGroup label="Tagged input using select" label-for="tags-component-select">
+    <BFormTags
+      id="tags-component-select"
+      v-model="customPredefinedTags"
+      size="lg"
+      class="mb-2"
+      add-on-change
+      no-outer-focus
+    >
+      <template v-slot="{ tags, inputAttrs, inputHandlers, disabled, removeTag }">
+        <ul v-if="tags.length > 0" class="list-inline d-inline-block mb-2">
+          <li v-for="tag in tags" :key="tag" class="list-inline-item">
+            <BFormTag
+              @remove="removeTag(tag)"
+              :title="tag"
+              :disabled="disabled"
+              variant="info"
+            >{{ tag }}</BFormTag>
+          </li>
+        </ul>
+        <BFormSelect
+          v-bind="inputAttrs"
+          v-on="inputHandlers"
+          :disabled="disabled || availableOptions.length === 0"
+          :options="availableOptions"
+        >
+        </BFormSelect>
+      </template>
+    </BFormTags>
+  </BFormGroup>
+  <template #html>
+
+```vue
+<template>
+  <div>
+    <BFormGroup label="Tagged input using select" label-for="tags-component-select">
+      <!-- Prop `add-on-change` is needed to enable adding tags vie the `change` event -->
+      <BFormTags
+        id="tags-component-select"
+        v-model="value"
+        size="lg"
+        class="mb-2"
+        add-on-change
+        no-outer-focus
+      >
+        <template v-slot="{tags, inputAttrs, inputHandlers, disabled, removeTag}">
+          <ul v-if="tags.length > 0" class="list-inline d-inline-block mb-2">
+            <li v-for="tag in tags" :key="tag" class="list-inline-item">
+              <BFormTag @remove="removeTag(tag)" :title="tag" :disabled="disabled" variant="info">{{
+                tag
+              }}</BFormTag>
+            </li>
+          </ul>
+          <BFormSelect
+            v-bind="inputAttrs"
+            v-on="inputHandlers"
+            :disabled="disabled || availableOptions.length === 0"
+            :options="availableOptions"
+          >
+            <template #first>
+              <!-- This is required to prevent bugs with Safari -->
+              <option disabled value="">Choose a tag...</option>
+            </template>
+          </BFormSelect>
+        </template>
+      </BFormTags>
+    </BFormGroup>
+  </div>
+</template>
+
+<script setup lang="ts">
+const value = ref<string[]>([])
+const options = ref<string[]>([
+  'Apple',
+  'Orange',
+  'Banana',
+  'Lime',
+  'Peach',
+  'Chocolate',
+  'Strawberry',
+])
+const availableOptions = computed(() => {
+  return options.value.filter((opt) => customPredefinedTags.value.indexOf(opt) === -1)
+})
+</script>
+```
+
+  </template>
+</HighlightCard>
+
+If the custom input is using custom event names that mimic `input` and `change`, and/or needs the `.native` modifier for keydown, you can do something similar to below to bind the event handlers:
+
+<HighlightCard>
+
+```vue
+<template #default="{inputAttrs, inputHandlers, removeTag, tags}">
+  <custom-input
+    :id="inputAttrs.id"
+    :custom-value-prop="inputAttrs.value"
+    @custom-input-event="inputHandlers.input($event)"
+    @custom-change-event="inputHandlers.change($event)"
+    @keydown.native="inputHandlers.keydown($event)"
+  ></custom-input>
+  <template v-for="tag in tags">
+    <!-- Your custom tag list here -->
+  </template>
+</template>
+```
+
+</HighlightCard>
+
+The `inputHandlers.input` handler must be bound to an event that updates with each character entered by the user for the <i>as-you-type</i> tag validation to work.
+
+### Advanced custom rendering usage
+
+In situations where the `inputHandlers` will not work with your custom input, or if you need greater control over tag creation, you can take advantage of the additional properties provided via the default slot's scope.
+
+<HighlightCard>
+  <BFormCheckbox switch size="lg" v-model="advancedDisabled">Disable</BFormCheckbox>
+  <BFormTags
+    v-model="advancedTags"
+    @input="resetInputValue()"
+    tag-variant="success"
+    class="mb-2 mt-2"
+    :disabled="advancedDisabled"
+    no-outer-focus
+    placeholder="Enter a new tag value and click Add"
+    :state="advancedState">
+    <template v-slot="{tags, inputId, placeholder, disabled, addTag, removeTag }">
+      <BInputGroup>
+        <BFormInput
+          v-model="newTag"
+          :id="inputId"
+          :placeholder="placeholder"
+          :disabled="disabled"
+          :formatter="formatter"
+        ></BFormInput>
+        <BInputGroupAppend>
+          <BButton @click="addTag(newTag)" :disabled="disabled" variant="primary">Add</BButton>
+        </BInputGroupAppend>
+      </BInputGroup>
+      <BFormInvalidFeedback :state="advancedState">
+        Duplicate tag value cannot be added again!
+      </BFormInvalidFeedback>
+      <ul v-if="tags.length > 0" class="mb-0">
+        <li v-for="tag in tags" :key="tag" :title="`Tag: ${tag}`" class="mt-2">
+          <span  class="d-flex align-items-center">
+            <span class="me-2">{{ tag }}</span>
+            <BButton
+              :disabled="disabled"
+              size="sm"
+              variant="outline-danger"
+              @click="removeTag(tag)" >
+              remove tag
+            </BButton>
+          </span>
+        </li>
+      </ul>
+      <BFormText v-else>
+        There are no tags specified. Add a new tag above.
+      </BFormText>
+    </template>
+  </BFormTags>
+  <template #html>
+
+```vue
+<template>
+  <div>
+    <BFormCheckbox switch size="lg" v-model="disabled">Disable</BFormCheckbox>
+    <BFormTags
+      v-model="advancedTags"
+      @input="resetInputValue()"
+      tag-variant="success"
+      class="mb-2 mt-2"
+      :disabled="disabled"
+      no-outer-focus
+      placeholder="Enter a new tag value and click Add"
+      :state="state"
+    >
+      <template v-slot="{tags, inputId, placeholder, disabled, addTag, removeTag}">
+        <BInputGroup>
+          <!-- Always bind the id to the input so that it can be focused when needed -->
+          <BFormInput
+            v-model="newTag"
+            :id="inputId"
+            :placeholder="placeholder"
+            :disabled="disabled"
+            :formatter="formatter"
+          ></BFormInput>
+          <BInputGroupAppend>
+            <BButton @click="addTag(newTag)" :disabled="disabled" variant="primary">Add</BButton>
+          </BInputGroupAppend>
+        </BInputGroup>
+        <BFormInvalidFeedback :state="advancedState">
+          Duplicate tag value cannot be added again!
+        </BFormInvalidFeedback>
+        <ul v-if="tags.length > 0" class="mb-0">
+          <li v-for="tag in tags" :key="tag" :title="`Tag: ${tag}`" class="mt-2">
+            <span class="d-flex align-items-center">
+              <span class="me-2">{{ tag }}</span>
+              <BButton
+                :disabled="disabled"
+                size="sm"
+                variant="outline-danger"
+                @click="removeTag(tag)"
+              >
+                remove tag
+              </BButton>
+            </span>
+          </li>
+        </ul>
+        <BFormText v-else> There are no tags specified. Add a new tag above. </BFormText>
+      </template>
+    </BFormTags>
+  </div>
+</template>
+
+<script setup lang="ts">
+const newTag = ref<string>('')
+const disabled = ref<boolean>(false)
+const value = ref<string[]>([])
+const state = computed(() => {
+  // Return false (invalid) if new tag is a duplicate
+  return value.value.indexOf(newTag.value.trim()) > -1 ? false : null
+})
+const resetInputValue = () => {
+  newTag.value = ''
+}
+const formatter = (value) => {
+  return value.toUpperCase()
+}
+</script>
+```
+
+  </template>
+</HighlightCard>
+
+The following is an example of using the `<BDropdown>` component for choosing or searching from a pre-defined set of tags:
+
+<HighlightCard>
+  <BFormGroup label="Tagged input using dropdown" label-for="tags-with-dropdown">
+    <BFormTags id="tags-with-dropdown" v-model="customDropdownTags" no-outer-focus class="mb-2">
+      <template v-slot="{ tags, disabled, addTag, removeTag }">
+        <ul v-if="tags.length > 0" class="list-inline d-inline-block mb-2">
+          <li v-for="tag in tags" :key="tag" class="list-inline-item">
+            <BFormTag
+              @remove="removeTag(tag)"
+              :title="tag"
+              :disabled="disabled"
+              variant="info"
+            >{{ tag }}</BFormTag>
+          </li>
+        </ul>
+        <BDropdown size="sm" variant="outline-secondary" block menu-class="w-100" no-caret class="w-100">
+          <template #button-content>
+            &#x1f50d; <span>Choose tags</span>
+          </template>
+          <BDropdownForm @submit.stop.prevent="() => {}">
+            <BFormGroup
+              label="Search tags"
+              label-for="tag-search-input"
+              label-cols-md="auto"
+              class="mb-0"
+              label-size="sm"
+              :description="searchDesc"
+              :disabled="disabled"
+            >
+              <BFormInput
+                v-model="customDropdownSearch"
+                id="tag-search-input"
+                type="search"
+                size="sm"
+                autocomplete="off"
+                ></BFormInput>
+            </BFormGroup>
+          </BDropdownForm>
+          <BDropdownDivider></BDropdownDivider>
+          <BDropdownItemButton
+            v-for="option in customDropdownAvailableOptions"
+            :key="option"
+            @click="onOptionClick({ option, addTag })"
+          >
+            {{ option }}
+          </BDropdownItemButton>
+          <BDropdownText v-if="availableOptions.length === 0">
+            There are no tags available to select
+          </BDropdownText>
+        </BDropdown>
+      </template>
+    </BFormTags>
+  </BFormGroup>
+  <template #html>
+
+```vue
+<template>
+  <div>
+    <BFormGroup label="Tagged input using dropdown" label-for="tags-with-dropdown">
+      <BFormTags id="tags-with-dropdown" v-model="value" no-outer-focus class="mb-2">
+        <template v-slot="{tags, disabled, addTag, removeTag}">
+          <ul v-if="tags.length > 0" class="list-inline d-inline-block mb-2">
+            <li v-for="tag in tags" :key="tag" class="list-inline-item">
+              <BFormTag @remove="removeTag(tag)" :title="tag" :disabled="disabled" variant="info">{{
+                tag
+              }}</BFormTag>
+            </li>
+          </ul>
+
+          <BDropdown size="sm" variant="outline-secondary" block menu-class="w-100" no-caret>
+            <template #button-content> &#x1f50d; <span>Choose tags</span> </template>
+            <BDropdownForm @submit.stop.prevent="() => {}">
+              <BFormGroup
+                label="Search tags"
+                label-for="tag-search-input"
+                label-cols-md="auto"
+                class="mb-0"
+                label-size="sm"
+                :description="searchDesc"
+                :disabled="disabled"
+              >
+                <BFormInput
+                  v-model="search"
+                  id="tag-search-input"
+                  type="search"
+                  size="sm"
+                  autocomplete="off"
+                ></BFormInput>
+              </BFormGroup>
+            </BDropdownForm>
+            <BDropdownDivider></BDropdownDivider>
+            <BDropdownItemButton
+              v-for="option in availableOptions"
+              :key="option"
+              @click="onOptionClick({option, addTag})"
+            >
+              {{ option }}
+            </BDropdownItemButton>
+            <BDropdownText v-if="availableOptions.length === 0">
+              There are no tags available to select
+            </BDropdownText>
+          </BDropdown>
+        </template>
+      </BFormTags>
+    </BFormGroup>
+  </div>
+</template>
+
+<script setup lang="ts">
+const options = ref<string[]>([
+  'Apple',
+  'Orange',
+  'Banana',
+  'Lime',
+  'Peach',
+  'Chocolate',
+  'Strawberry',
+])
+const search = ref<string>('')
+const value = ref<string[]>([])
+
+const criteria = computed(() => search.value.trim().toLowerCase())
+const availableOptions = computed(() => {
+  const searchCriteria = criteria.value
+
+  // Filter out already selected options
+  const optionsFiltered = options.value.filter((opt) => value.value.indexOf(opt) === -1)
+  if (searchCriteria) {
+    // Show only options that match criteria
+    return optionsFiltered.filter((opt) => opt.toLowerCase().indexOf(searchCriteria) > -1)
+  }
+  // Show all options available
+  return optionsFiltered
+})
+const searchDesc = computed(() => {
+  if (criteria.value && availableOptions.value.length === 0) {
+    return 'There are no tags matching your search criteria'
+  }
+  return ''
+})
+const onOptionClick = ({option, addTag}) => {
+  addTag(option)
+  search.value = ''
+}
+</script>
+```
+
+  </template>
+</HighlightCard>
+
+### Creating wrapper components
+
+You can easily create a custom wrapper component with your preferred rendering style as follows:
+
+<HighlightCard>
+
+```vue
+<template>
+  <BFormTags :value="modelValue">
+    <template v-slot="{tags, addTag, removeTag, inputAttrs, inputHandlers}">
+      <!-- Place your custom rendering here -->
+    </template>
+  </BFormTags>
+</template>
 
 <script setup lang="ts">
-import {BCard} from 'bootstrap-vue-next'
+
+defineProps({
+  modelValue: string[]
+})
+
+const value = ref<string[]>([])
+</script>
+```
+
+</HighlightCard>
+
+## `<BFormTag>` helper component
+
+BootstrapVue provides the helper component `<BFormTag>`, for use with the default scoped slot of `<BFormTags>`. The component is based upon [`<BBadge>`](/docs/components/badge) and [`<BButton>`](/docs/components/button).
+
+`<BFormTag>` supports the same variants as `<BBadge>` and also supports pill styling. Sizing is based on the containing element's font-size.
+
+The remove event is emitted when the `<BFormTag>` remove button is clicked.
+
+Tags that are too wide for their parent container will automatically have their text content truncated with an ellipsis. For this reason, it is always good practice to supply a title via the title prop when using the default slot of `<BFormTag>` for the tag content.
+
+Note `<BFormTag>` requires BootstrapVue's custom CSS/SCSS for proper styling.
+
+<ComponentReference :data="data" />
+
+<script setup lang="ts">
+  import {data} from '../../data/components/formTags.data'
+  import ComponentReference from '../../components/ComponentReference.vue'
+  import HighlightCard from '../../components/HighlightCard.vue'
+  import {BFormTags, BFormText, BFormGroup, BInputGroupAppend, BButton, BCard, BInputGroup, BFormTag, BFormInput, BFormSelect, BFormCheckbox, BFormInvalidFeedback, BDropdownForm, BDropdownDivider, BDropdownItemButton, BDropdownText, BDropdown} from 'bootstrap-vue-next'
+  import {ref, computed, watch} from 'vue'
+
+  const basicUsageTags = ref<string[]>([])
+  const usingSeparators = ref<string[]>(['apple', 'orange'])
+  const tagRemoval = ref<string[]>(['apple', 'orange', 'grape'])
+  const stylingOptions = ref<string[]>(['apple', 'orange', 'grape'])
+
+  const tagsValidator = ref<string[]>([])
+  const dirty = ref<boolean>(false)
+  const stateTagValidator = computed(() => {
+    // Overall component validation state
+    return dirty.value ? (tagsValidator.value.length > 2 && tagsValidator.value.length < 9) : null
+  })
+
+  watch(() => tagsValidator.value, (newValue, oldValue) => {
+    // Set the dirty flag on first change to the tags array
+    dirty.value = false
+  })
+
+  const tagValidator = (tag) => {
+    // Individual tag validator function
+    return tag === tag.toLowerCase() && tag.length > 2 && tag.length < 6
+  }
+
+  const detectingTags = ref<string[]>([])
+  const validTags = ref<string[]>([])
+  const invalidTags = ref<string[]>([])
+  const duplicateTags = ref<string[]>([])
+  const onTagState = (valid, invalid, duplicate) => {
+    validTags.value = valid
+    invalidTags.value = invalid
+    duplicateTags.value = duplicate
+  }
+  const detectTagValidator = (tag) => {
+    return tag.length > 2 && tag.length < 6
+  }
+
+  const limitTagsModel = ref<string[]>([])
+  const limitTag = ref<number>(5)
+
+  const nativeTags = ref<string[]>(['apple', 'orange', 'banana', 'pear', 'peach'])
+
+  const customComponentTags = ref<string[]>(['apple', 'orange', 'banana'])
+
+  const customPredefinedTags = ref<string[]>([])
+  const options = ref<string[]>(['Apple', 'Orange', 'Banana', 'Lime', 'Peach', 'Chocolate', 'Strawberry'])
+  const availableOptions = computed(() => {
+    return options.value.filter(opt => customPredefinedTags.value.indexOf(opt) === -1)
+  })
+
+  const advancedDisabled = ref<boolean>(false)
+  const advancedTags = ref<string[]>([])
+  const newTag = ref<string>('')
+  const advancedState = computed(() => advancedTags.value.indexOf(newTag.value.trim()) > -1 ? false : null)
+  const resetInputValue = () => {
+        newTag.value = ''
+  }
+  const formatter = (value) => {
+    return value.toUpperCase()
+  }
+
+  const customDropdownOptions = ref<string[]>(['Apple', 'Orange', 'Banana', 'Lime', 'Peach', 'Chocolate', 'Strawberry'])
+  const customDropdownSearch = ref<string>('')
+  const customDropdownTags = ref<string[]>([])
+  
+  const criteria = computed(() => customDropdownSearch.value.trim().toLowerCase())
+  const customDropdownAvailableOptions = computed(() => {
+  const searchCriteria = criteria.value
+  
+  // Filter out already selected options
+  const optionsFiltered = customDropdownOptions.value.filter(opt => customDropdownTags.value.indexOf(opt) === -1)
+    if (searchCriteria) {
+      // Show only options that match criteria
+      return optionsFiltered.filter(opt => opt.toLowerCase().indexOf(searchCriteria) > -1);
+    }
+    // Show all options available
+    return optionsFiltered
+  })
+  const searchDesc = computed(() => {
+    if (criteria.value && customDropdownAvailableOptions.value.length === 0) {
+      return 'There are no tags matching your search criteria'
+    }
+    return ''
+  })
+  const onOptionClick = ({ option, addTag }) => {
+    addTag(option)
+    searchCriteria.value = ''
+  }
+
 </script>
diff --git a/apps/docs/src/docs/components/form.md b/apps/docs/src/docs/components/form.md
index 812c89313..d424511cc 100644
--- a/apps/docs/src/docs/components/form.md
+++ b/apps/docs/src/docs/components/form.md
@@ -295,18 +295,18 @@ See also:
 - [`BFormSelect`](/docs/components/form-select) Select input
 - [`BFormRadio`](/docs/components/form-radio) Radio Inputs
 - [`BFormCheckbox`](/docs/components/form-checkbox) Checkbox Inputs
-- ~~[`BFormFile`](/docs/components/form-file) File Input~~
-- ~~[`BFormDatepicker`](/docs/components/form-datepicker) Date picker input~~
-- ~~[`BFormSpinbutton`](/docs/components/form-spinbutton) Numerical range spinbutton input~~
-- ~~[`BFormTags`](/docs/components/form-tags) Customizable tag input~~
-- ~~[`BFormTimepicker`](/docs/components/form-timepicker) Time picker custom form input~~
-- ~~[`BFormRating`](/docs/components/form-rating) Star rating custom form input and display~~
+- [`BFormFile`](/docs/components/form-file) File Input
+- [`BFormDatepicker`](/docs/components/form-datepicker) Date picker input
+- [`BFormSpinbutton`](/docs/components/form-spinbutton) Numerical range spinbutton input
+- [`BFormTags`](/docs/components/form-tags) Customizable tag input~~
+- [`BFormTimepicker`](/docs/components/form-timepicker) Time picker custom form input
+- [`BFormRating`](/docs/components/form-rating) Star rating custom form input and display
 - [`BButton`](/docs/components/button) Buttons
 - [`BFormGroup`](/docs/components/form-group) Form Input wrapper to generate form-groups that
   support labels, help text and feedback
 - [`BInputGroup`](/docs/components/input) Form Inputs with add-ons
-- ~~[`BFormRow`](/docs/components/layout) Create grid rows and columns with tighter margins
-  (available via the [Layout and grid components](/docs/components/layout))~~
+- [`BFormRow`](/docs/components/layout) Create grid rows and columns with tighter margins
+  (available via the [Layout and grid components](/docs/components/layout))
 
 ## Form helper components
 
@@ -315,7 +315,7 @@ The following helper components are available with the `Form` plugin:
 - `BFormText` Help text blocks for inputs
 - `BFormInvalidFeedback` Invalid feedback text blocks for input `invalid` states
 - `BFormValidFeedback` Valid feedback text blocks for input `valid` states
-- ~~`BFormDatalist` Easily create a `<datalist>` for use with `BFormInput` or plain `<input>`~~
+- `BFormDatalist` Easily create a `<datalist>` for use with `BFormInput` or plain `<input>`
 
 ### Form text helper
 
diff --git a/apps/docs/src/docs/components/table.md b/apps/docs/src/docs/components/table.md
index ae6985efa..46b813e75 100644
--- a/apps/docs/src/docs/components/table.md
+++ b/apps/docs/src/docs/components/table.md
@@ -453,11 +453,824 @@ Sticky columns are supported with `BTableSimple`, but you will need to set the s
 
 As with `BTable` and `BTableLite`, sticky columns are not supported when the stacked prop is set on `BTableSimple`.
 
+## Items
+
+## Fields
+
+## Sorting
+
+As mentioned in the [Fields](#fields) section above, you can make columns
+sortable in `<BTable>`. Clicking on a sortable column header will sort the column in ascending
+direction (smallest first), while clicking on it again will switch the direction of sorting to
+descending (largest first). Clicking on it a third time will stop sorting on the column. For
+single column sorting (e.g. `multisort===false`) clicking on a differnt sortable column header will
+sort that column in ascending order and clear the sort order for the previously sorted column.
+
+You can control which column is pre-sorted and the order of sorting (ascending or descending). To
+pre-specify the column to be sorted use the `sortBy` model. For single column sorting (e.g. `multisort===false`)
+`sortBy` should be an array containing a single `BTableSortBy` object.
+
+```ts
+ BTableSortBy = {
+  order: BTableSortByOrder // Sort order can by 'asc', 'desc' or undefined
+  key: string // The field name to sort by
+  comparer?: (a: string, b: string) => number
+}
+```
+
+- **Ascending**: Items are sorted lowest to highest (i.e. `A` to `Z`) and will be displayed with the
+  lowest value in the first row with progressively higher values in the following rows.
+- **Descending**: Items are sorted highest to lowest (i.e. `Z` to `A`) and will be displayed with
+  the highest value in the first row with progressively lower values in the following rows.
+
+By default the comparer function does a `numeric localeCompare`. If one wishes to change this, use a custom comparer function with that `BTableSortBy` element.
+
+To prevent the table from wiping out the comparer function, internally it will set the `order` key to `undefined`, instead of just removing the element from the `sortBy` array. i.e. `:sort-by="[]"` & `:sort-by="[key: 'someKey', order: undefined]"` behave identically. Naturally if this value is given to a server, orders of undefined should be handled.
+
+<HighlightCard>
+  <BTable
+    :sort-by="[{key: 'first_name', order: 'desc'}]"
+    :items="sortItems"
+    :fields="sortFields"/>
+  <template #html>
+
+```vue
+<template>
+  <BTable :sort-by="[{key: 'first_name', order: 'desc'}]" :items="sortItems" :fields="sortFields" />
+</template>
+
+<script setup lang="ts">
+import {BTable, type TableFieldRaw, type TableItem} from 'bootstrap-vue-next'
+
+interface SortPerson {
+  first_name: string
+  last_name: string
+  age: number
+  isActive: boolean
+}
+
+const sortItems: TableItem<Person>[] = [
+  {isActive: true, age: 40, first_name: 'Dickerson', last_name: 'Macdonald'},
+  {isActive: true, age: 45, first_name: 'Zelda', last_name: 'Macdonald'},
+  {isActive: false, age: 21, first_name: 'Larsen', last_name: 'Shaw'},
+  {isActive: false, age: 89, first_name: 'Geneva', last_name: 'Wilson'},
+  {isActive: false, age: 89, first_name: 'Gary', last_name: 'Wilson'},
+  {isActive: true, age: 38, first_name: 'Jami', last_name: 'Carney'},
+]
+
+const sortFields: Exclude<TableFieldRaw<SortPerson>, string>[] = [
+  {key: 'last_name', sortable: true},
+  {key: 'first_name', sortable: true},
+  {key: 'age', sortable: true},
+  {key: 'isActive', sortable: false},
+]
+</script>
+```
+
+  </template>
+</HighlightCard>
+
+`sorbBy` is a [named model](https://vuejs.org/guide/components/v-model.html#multiple-v-model-bindings)
+so it can be bound to an object that will be updated with the current sort state when the user changes
+sorting by clicking the headers.
+
+<HighlightCard>
+  <BTable
+    :sort-by="singleSortBy"
+    :items="sortItems"
+    :fields="sortFields"/>
+    <div>singleSortBy = {{ JSON.stringify(singleSortBy) }}</div>
+  <template #html>
+
+```vue
+<template>
+  <BTable :sort-by="singleSortBy" :items="sortItems" :fields="sortFields" />
+  <div>singleSortBy = {{ JSON.stringify(singleSortBy) }}</div>
+</template>
+
+<script setup lang="ts">
+import {BTable, type TableFieldRaw, type TableItem} from 'bootstrap-vue-next'
+import {ref} from 'vue'
+
+interface SortPerson {
+  first_name: string
+  last_name: string
+  age: number
+  isActive: boolean
+}
+
+const sortItems: TableItem<Person>[] = [
+  {isActive: true, age: 40, first_name: 'Dickerson', last_name: 'Macdonald'},
+  {isActive: true, age: 45, first_name: 'Zelda', last_name: 'Macdonald'},
+  {isActive: false, age: 21, first_name: 'Larsen', last_name: 'Shaw'},
+  {isActive: false, age: 89, first_name: 'Geneva', last_name: 'Wilson'},
+  {isActive: false, age: 89, first_name: 'Gary', last_name: 'Wilson'},
+  {isActive: true, age: 38, first_name: 'Jami', last_name: 'Carney'},
+]
+
+const sortFields: Exclude<TableFieldRaw<SortPerson>, string>[] = [
+  {key: 'last_name', sortable: true},
+  {key: 'first_name', sortable: true},
+  {key: 'age', sortable: true},
+  {key: 'isActive', sortable: false},
+]
+</script>
+```
+
+  </template>
+</HighlightCard>
+
+Tables can be sorted by multiple columns. Programmaticly, this can be done by adding more entries
+to the `sortBy` array. From the user inteface, multi-sort works as follows:
+
+- Clicking on a sortable header that isn't currently sorted adds it as `ascending` to the end of the sortBy list
+- Clicking on a sortable header that is currently sorted as ascending makes it **descending**, but leaves it in the same order in the `sortBy` list
+- Clicking on a sortable header that is currently sorted as descending will set the order to undefined. If `must-sort` is `true` OR if `mustSort` is an array that contains that columns `key`, it will skip to be `ascending`
+
+<HighlightCard>
+  <BTable
+    v-model:sort-by="multiSortBy"
+    :items="sortItems"
+    :fields="sortFields"
+    :multisort="true"/>
+    <div>multiSortBy = {{ JSON.stringify(multiSortBy) }}</div>
+  <template #html>
+
+```vue
+<template>
+  <BTable v-model:sort-by="multiSortBy" :items="sortItems" :fields="sortFields" :multisort="true" />
+  <div>multiSortBy = {{ JSON.stringify(multiSortBy) }}</div>
+</template>
+
+<script setup lang="ts">
+import {BTable, type TableFieldRaw, type TableItem} from 'bootstrap-vue-next'
+import {ref} from 'vue'
+
+interface SortPerson {
+  first_name: string
+  last_name: string
+  age: number
+  isActive: boolean
+}
+
+const sortItems: TableItem<Person>[] = [
+  {isActive: true, age: 40, first_name: 'Dickerson', last_name: 'Macdonald'},
+  {isActive: true, age: 45, first_name: 'Zelda', last_name: 'Macdonald'},
+  {isActive: false, age: 21, first_name: 'Larsen', last_name: 'Shaw'},
+  {isActive: false, age: 89, first_name: 'Geneva', last_name: 'Wilson'},
+  {isActive: false, age: 89, first_name: 'Gary', last_name: 'Wilson'},
+  {isActive: true, age: 38, first_name: 'Jami', last_name: 'Carney'},
+]
+
+const sortFields: Exclude<TableFieldRaw<SortPerson>, string>[] = [
+  {key: 'last_name', sortable: true},
+  {key: 'first_name', sortable: true},
+  {key: 'age', sortable: true},
+  {key: 'isActive', sortable: false},
+]
+</script>
+```
+
+  </template>
+</HighlightCard>
+
+## Complete Example
+
+<HighlightCard>
+  <BContainer class="py-5">
+    <!-- User Interface controls -->
+    <BRow>
+      <BCol lg="6" class="my-1">
+        <BFormGroup
+          v-slot="{ariaDescribedby}"
+          label="Sort"
+          label-for="sort-by-select"
+          label-cols-sm="3"
+          label-align-sm="right"
+          label-size="sm"
+          class="mb-0"
+        >
+          <BButton size="sm" @click="onAddSort">Add Sort...</BButton>
+          <BInputGroup v-for="sort in sortBy" :key="sort.key" size="sm">
+            <BFormSelect
+              id="sort-by-select"
+              v-model="sort.key"
+              :options="sortOptions"
+              :aria-describedby="ariaDescribedby"
+              class="w-75"
+            >
+              <template #first>
+                <option value="">-- none --</option>
+              </template>
+            </BFormSelect>
+            <BFormSelect
+              v-model="sort.order"
+              :disabled="!sortBy"
+              :aria-describedby="ariaDescribedby"
+              size="sm"
+              class="w-25"
+            >
+              <option value="asc">Asc</option>
+              <option value="desc">Desc</option>
+            </BFormSelect>
+          </BInputGroup>
+        </BFormGroup>
+      </BCol>
+      <BCol lg="6" class="my-1">
+        <BFormGroup
+          label="Filter"
+          label-for="filter-input"
+          label-cols-sm="3"
+          label-align-sm="right"
+          label-size="sm"
+          class="mb-0"
+        >
+          <BInputGroup size="sm">
+            <BFormInput
+              id="filter-input"
+              v-model="filter"
+              type="search"
+              placeholder="Type to Search"
+            />
+            <BInputGroupAppend>
+              <BButton :disabled="!filter" @click="filter = ''">Clear</BButton>
+            </BInputGroupAppend>
+          </BInputGroup>
+        </BFormGroup>
+      </BCol>
+      <BCol lg="6" class="my-1">
+        <BFormGroup
+          v-slot="{ariaDescribedby}"
+          v-model="sortDirection"
+          label="Filter On"
+          description="Leave all unchecked to filter on all data"
+          label-cols-sm="3"
+          label-align-sm="right"
+          label-size="sm"
+          class="mb-0"
+        >
+          <div class="d-flex gap-2">
+            <BFormCheckbox v-model="filterOn" value="name" :aria-describedby="ariaDescribedby"
+              >Name</BFormCheckbox
+            >
+            <BFormCheckbox v-model="filterOn" value="age" :aria-describedby="ariaDescribedby"
+              >Age</BFormCheckbox
+            >
+            <BFormCheckbox v-model="filterOn" value="isActive" :aria-describedby="ariaDescribedby"
+              >Active</BFormCheckbox
+            >
+          </div>
+        </BFormGroup>
+      </BCol>
+      <BCol sm="5" md="6" class="my-1">
+        <BFormGroup
+          label="Per page"
+          label-for="per-page-select"
+          label-cols-sm="6"
+          label-cols-md="4"
+          label-cols-lg="3"
+          label-align-sm="right"
+          label-size="sm"
+          class="mb-0"
+        >
+          <BFormSelect id="per-page-select" v-model="perPage" :options="pageOptions" size="sm" />
+        </BFormGroup>
+      </BCol>
+      <BCol sm="7" md="6" class="my-1">
+        <BPagination
+          v-model="currentPage"
+          :total-rows="totalRows"
+          :per-page="perPage"
+          :align="'fill'"
+          size="sm"
+          class="my-0"
+        />
+      </BCol>
+    </BRow>
+    <!-- Main table element for typed table-->
+    <BTable
+      v-model:sort-by="sortBy"
+      :sort-internal="true"
+      :items="itemsTyped"
+      :fields="fieldsTyped"
+      :current-page="currentPage"
+      :per-page="perPage"
+      :filter="filter"
+      :responsive="false"
+      :filterable="filterOn"
+      :small="true"
+      :multisort="true"
+      @filtered="onFiltered"
+    >
+      <template #cell(name)="row">
+        {{ (row.value as PersonName).first }}
+        {{ (row.value as PersonName).last }}
+      </template>
+      <template #cell(actions)="row">
+        <BButton size="sm" class="mr-1" @click="info(row.item, row.index)"> Info modal </BButton>
+        <BButton size="sm" @click="row.toggleDetails">
+          {{ row.detailsShowing ? 'Hide' : 'Show' }} Details
+        </BButton>
+      </template>
+      <template #row-details="row">
+        <BCard>
+          <ul>
+            <li v-for="(value, key) in row.item" :key="key">{{ key }}: {{ value }}</li>
+            <BButton size="sm" @click="row.toggleDetails"> Toggle Details </BButton>
+          </ul>
+        </BCard>
+      </template>
+    </BTable>
+    <!-- Info modal -->
+    <BModal
+      :id="infoModal.id"
+      v-model="infoModal.open"
+      :title="infoModal.title"
+      :ok-only="true"
+      @hide="resetInfoModal"
+    >
+      <pre>{{ infoModal.content }}</pre>
+    </BModal>
+  </BContainer>
+  <template #html>
+
+```vue
+<template>
+  <BContainer class="py-5">
+    <!-- User Interface controls -->
+    <BRow>
+      <BCol lg="6" class="my-1">
+        <BFormGroup
+          v-slot="{ariaDescribedby}"
+          label="Sort"
+          label-for="sort-by-select"
+          label-cols-sm="3"
+          label-align-sm="right"
+          label-size="sm"
+          class="mb-0"
+        >
+          <BButton size="sm" @click="onAddSort">Add Sort...</BButton>
+          <BInputGroup v-for="sort in sortBy" :key="sort.key" size="sm">
+            <BFormSelect
+              id="sort-by-select"
+              v-model="sort.key"
+              :options="sortOptions"
+              :aria-describedby="ariaDescribedby"
+              class="w-75"
+            >
+              <template #first>
+                <option value="">-- none --</option>
+              </template>
+            </BFormSelect>
+            <BFormSelect
+              v-model="sort.order"
+              :disabled="!sortBy"
+              :aria-describedby="ariaDescribedby"
+              size="sm"
+              class="w-25"
+            >
+              <option value="asc">Asc</option>
+              <option value="desc">Desc</option>
+            </BFormSelect>
+          </BInputGroup>
+        </BFormGroup>
+      </BCol>
+      <BCol lg="6" class="my-1">
+        <BFormGroup
+          label="Filter"
+          label-for="filter-input"
+          label-cols-sm="3"
+          label-align-sm="right"
+          label-size="sm"
+          class="mb-0"
+        >
+          <BInputGroup size="sm">
+            <BFormInput
+              id="filter-input"
+              v-model="filter"
+              type="search"
+              placeholder="Type to Search"
+            />
+            <BInputGroupAppend>
+              <BButton :disabled="!filter" @click="filter = ''">Clear</BButton>
+            </BInputGroupAppend>
+          </BInputGroup>
+        </BFormGroup>
+      </BCol>
+      <BCol lg="6" class="my-1">
+        <BFormGroup
+          v-slot="{ariaDescribedby}"
+          v-model="sortDirection"
+          label="Filter On"
+          description="Leave all unchecked to filter on all data"
+          label-cols-sm="3"
+          label-align-sm="right"
+          label-size="sm"
+          class="mb-0"
+        >
+          <div class="d-flex gap-2">
+            <BFormCheckbox v-model="filterOn" value="name" :aria-describedby="ariaDescribedby"
+              >Name</BFormCheckbox
+            >
+            <BFormCheckbox v-model="filterOn" value="age" :aria-describedby="ariaDescribedby"
+              >Age</BFormCheckbox
+            >
+            <BFormCheckbox v-model="filterOn" value="isActive" :aria-describedby="ariaDescribedby"
+              >Active</BFormCheckbox
+            >
+          </div>
+        </BFormGroup>
+      </BCol>
+      <BCol sm="5" md="6" class="my-1">
+        <BFormGroup
+          label="Per page"
+          label-for="per-page-select"
+          label-cols-sm="6"
+          label-cols-md="4"
+          label-cols-lg="3"
+          label-align-sm="right"
+          label-size="sm"
+          class="mb-0"
+        >
+          <BFormSelect id="per-page-select" v-model="perPage" :options="pageOptions" size="sm" />
+        </BFormGroup>
+      </BCol>
+      <BCol sm="7" md="6" class="my-1">
+        <BPagination
+          v-model="currentPage"
+          :total-rows="totalRows"
+          :per-page="perPage"
+          :align="'fill'"
+          size="sm"
+          class="my-0"
+        />
+      </BCol>
+    </BRow>
+    <!-- Main table element for typed table-->
+    <BTable
+      v-model:sort-by="sortBy"
+      :sort-internal="true"
+      :items="itemsTyped"
+      :fields="fieldsTyped"
+      :current-page="currentPage"
+      :per-page="perPage"
+      :filter="filter"
+      :responsive="false"
+      :filterable="filterOn"
+      :small="true"
+      :multisort="true"
+      @filtered="onFiltered"
+    >
+      <template #cell(name)="row">
+        {{ (row.value as PersonName).first }}
+        {{ (row.value as PersonName).last }}
+      </template>
+      <template #cell(actions)="row">
+        <BButton size="sm" class="mr-1" @click="info(row.item, row.index)"> Info modal </BButton>
+        <BButton size="sm" @click="row.toggleDetails">
+          {{ row.detailsShowing ? 'Hide' : 'Show' }} Details
+        </BButton>
+      </template>
+      <template #row-details="row">
+        <BCard>
+          <ul>
+            <li v-for="(value, key) in row.item" :key="key">{{ key }}: {{ value }}</li>
+            <BButton size="sm" @click="row.toggleDetails"> Toggle Details </BButton>
+          </ul>
+        </BCard>
+      </template>
+    </BTable>
+    <!-- Info modal -->
+    <BModal
+      :id="infoModal.id"
+      v-model="infoModal.open"
+      :title="infoModal.title"
+      :ok-only="true"
+      @hide="resetInfoModal"
+    >
+      <pre>{{ infoModal.content }}</pre>
+    </BModal>
+  </BContainer>
+</template>
+
+<script setup lang="ts">
+import {
+  BButton,
+  BFormSelect,
+  BInputGroup,
+  BFormCheckbox,
+  BFormGroup,
+  BCol,
+  BFormInput,
+  BInputGroupAppend,
+  BFormCHeckbox,
+  BPagination,
+  BRow,
+  BModal,
+  BContainer,
+  BTable,
+  type BTableSortBy,
+  type ColorVariant,
+  type TableFieldRaw,
+  type TableItem,
+  type LiteralUnion,
+} from 'bootstrap-vue-next'
+import {computed, reactive, ref} from 'vue'
+
+interface PersonName {
+  first: string
+  last: string
+}
+
+interface Person {
+  name: PersonName
+  age: number
+  isActive: boolean
+}
+
+const itemsTyped: TableItem<Person>[] = [
+  {isActive: true, age: 40, name: {first: 'Dickerson', last: 'Macdonald'}},
+  {isActive: false, age: 21, name: {first: 'Larsen', last: 'Shaw'}},
+  {
+    isActive: false,
+    age: 9,
+    name: {first: 'Mini', last: 'Navarro'},
+    _rowVariant: 'success' as ColorVariant,
+  },
+  {isActive: false, age: 89, name: {first: 'Geneva', last: 'Wilson'}},
+  {isActive: true, age: 38, name: {first: 'Jami', last: 'Carney'}},
+  {isActive: false, age: 27, name: {first: 'Essie', last: 'Dunlap'}},
+  {isActive: true, age: 40, name: {first: 'Thor', last: 'Macdonald'}},
+  {
+    isActive: true,
+    age: 87,
+    name: {first: 'Larsen', last: 'Shaw'},
+    _cellVariants: {age: 'danger', isActive: 'warning'},
+  },
+  {isActive: false, age: 26, name: {first: 'Mitzi', last: 'Navarro'}},
+  {isActive: false, age: 22, name: {first: 'Genevieve', last: 'Wilson'}},
+  {isActive: true, age: 38, name: {first: 'John', last: 'Carney'}},
+  {isActive: false, age: 29, name: {first: 'Dick', last: 'Dunlap'}},
+]
+
+const fieldsTyped: Exclude<TableFieldRaw<Person>, string>[] = [
+  {
+    key: 'name',
+    label: 'Person full name',
+    sortable: true,
+    sortDirection: 'desc',
+  },
+  {
+    key: 'sortableName',
+    label: 'Person sortable name',
+    sortable: true,
+    sortDirection: 'desc',
+    formatter: (_value: unknown, _key?: LiteralUnion<keyof Person>, item?: Person) =>
+      item ? `${item.name.last}, ${item.name.first}` : 'Something went wrong',
+    sortByFormatted: true,
+    filterByFormatted: true,
+  },
+  {key: 'age', label: 'Person age', sortable: true, class: 'text-center'},
+  {
+    key: 'isActive',
+    label: 'Is Active',
+    formatter: (value: unknown) => (value ? 'Yes' : 'No'),
+    sortable: true,
+    sortByFormatted: true,
+    filterByFormatted: true,
+  },
+  {key: 'actions', label: 'Actions'},
+]
+
+const pageOptions = [
+  {value: 5, text: '5'},
+  {value: 10, text: '10'},
+  {value: 15, text: '15'},
+  {value: 100, text: 'Show a lot'},
+]
+
+const totalRows = ref(itemsTyped.length)
+const currentPage = ref(1)
+const perPage = ref(5)
+const sortBy = ref<BTableSortBy[]>([])
+const sortDirection = ref('asc')
+const filter = ref('')
+const filterOn = ref([])
+const infoModal = reactive({
+  open: false,
+  id: 'info-modal',
+  title: '',
+  content: '',
+})
+
+// Create an options list from our fields
+const sortOptions = computed(() =>
+  fieldsTyped.filter((f) => f.sortable).map((f) => ({text: f.label, value: f.key}))
+)
+
+function info(item: TableItem<Person>, index: number) {
+  infoModal.title = `Row index: ${index}`
+  infoModal.content = JSON.stringify(item, null, 2)
+  infoModal.open = true
+}
+
+function resetInfoModal() {
+  infoModal.title = ''
+  infoModal.content = ''
+}
+
+function onFiltered(filteredItems: TableItem<Person>[]) {
+  // Trigger pagination to update the number of buttons/pages due to filtering
+  totalRows.value = filteredItems.length
+  currentPage.value = 1
+}
+
+function onAddSort() {
+  sortBy.value.push({key: '', order: 'asc'})
+}
+</script>
+```
+
+  </template>
+</HighlightCard>
+
 <ComponentReference :data="data" />
 
 <script setup lang="ts">
 import {data} from '../../data/components/table.data'
 import ComponentReference from '../../components/ComponentReference.vue'
 import HighlightCard from '../../components/HighlightCard.vue'
-import {BCard, BCardBody, BTableSimple, BTd, BTbody, BTfoot, BThead, BTh, BTr} from 'bootstrap-vue-next'
+import {
+  BButton,
+  BCard,
+  BCardBody,
+  BCol,
+  BContainer,
+  BFormCheckbox,
+  BFormGroup,
+  BFormInput,
+  BFormSelect,
+  BInputGroup,
+  BInputGroupAppend,
+  BModal,
+  BPagination,
+  BRow,
+  BTable,
+  BTableSimple,
+  type BTableSortBy,
+  BTd,
+  BTbody,
+  BTfoot,
+  BThead,
+  BTh,
+  BTr,
+  type ColorVariant,
+  type LiteralUnion,
+  type TableFieldRaw,
+  type TableItem
+} from 'bootstrap-vue-next'
+import {computed, reactive, ref} from 'vue'
+
+interface SortPerson {
+  first_name: string
+  last_name: string
+  age: number
+  isActive: boolean
+}
+
+const singleSortBy = ref<BTableSortBy[]>([{key: 'first_name', order: 'desc'}])
+
+const multiSortBy = ref<BTableSortBy[]>([
+  {key: 'last_name', order: 'asc'},
+  {key: 'first_name', order: 'asc'},
+])
+
+const sortItems: TableItem<SortPerson>[] = [
+  {isActive: true, age: 40, first_name: 'Dickerson', last_name: 'Macdonald'},
+  {isActive: true, age: 45, first_name: 'Zelda', last_name: 'Macdonald'},
+  {isActive: false, age: 21, first_name: 'Larsen', last_name: 'Shaw'},
+  {isActive: false, age: 89, first_name: 'Geneva', last_name: 'Wilson'},
+  {isActive: false, age: 89, first_name: 'Gary', last_name: 'Wilson'},
+  {isActive: true, age: 38, first_name: 'Jami', last_name: 'Carney'},
+]
+
+const sortFields: Exclude<TableFieldRaw<SortPerson>, string>[] = [
+  {key: 'last_name', sortable: true},
+  {key: 'first_name', sortable: true},
+  {key: 'age', sortable: true},
+  {key: 'isActive', sortable: false},
+]
+
+interface PersonName {
+  first: string
+  last: string
+}
+
+interface Person {
+  name: PersonName
+  age: number
+  isActive: boolean
+}
+
+const itemsTyped: TableItem<Person>[] = [
+  {isActive: true, age: 40, name: {first: 'Dickerson', last: 'Macdonald'}},
+  {isActive: false, age: 21, name: {first: 'Larsen', last: 'Shaw'}},
+  {
+    isActive: false,
+    age: 9,
+    name: {first: 'Mini', last: 'Navarro'},
+    _rowVariant: 'success' as ColorVariant,
+  },
+  {isActive: false, age: 89, name: {first: 'Geneva', last: 'Wilson'}},
+  {isActive: true, age: 38, name: {first: 'Jami', last: 'Carney'}},
+  {isActive: false, age: 27, name: {first: 'Essie', last: 'Dunlap'}},
+  {isActive: true, age: 40, name: {first: 'Thor', last: 'Macdonald'}},
+  {
+    isActive: true,
+    age: 87,
+    name: {first: 'Larsen', last: 'Shaw'},
+    _cellVariants: {age: 'danger', isActive: 'warning'},
+  },
+  {isActive: false, age: 26, name: {first: 'Mitzi', last: 'Navarro'}},
+  {isActive: false, age: 22, name: {first: 'Genevieve', last: 'Wilson'}},
+  {isActive: true, age: 38, name: {first: 'John', last: 'Carney'}},
+  {isActive: false, age: 29, name: {first: 'Dick', last: 'Dunlap'}},
+]
+
+const fieldsTyped: Exclude<TableFieldRaw<Person>, string>[] = [
+  {
+    key: 'name',
+    label: 'Person full name',
+    sortable: true,
+    sortDirection: 'desc',
+  },
+  {
+    key: 'sortableName',
+    label: 'Person sortable name',
+    sortable: true,
+    sortDirection: 'desc',
+    formatter: (_value: unknown, _key?: LiteralUnion<keyof Person>, item?: Person) =>
+      item ? `${item.name.last}, ${item.name.first}` : 'Something went wrong',
+    sortByFormatted: true,
+    filterByFormatted: true,
+  },
+  {key: 'age', label: 'Person age', sortable: true, class: 'text-center'},
+  {
+    key: 'isActive',
+    label: 'Is Active',
+    formatter: (value: unknown) => (value ? 'Yes' : 'No'),
+    sortable: true,
+    sortByFormatted: true,
+    filterByFormatted: true,
+  },
+  {key: 'actions', label: 'Actions'},
+]
+
+const pageOptions = [
+  {value: 5, text: '5'},
+  {value: 10, text: '10'},
+  {value: 15, text: '15'},
+  {value: 100, text: 'Show a lot'},
+]
+
+const totalRows = ref(itemsTyped.length)
+const currentPage = ref(1)
+const perPage = ref(5)
+const sortBy = ref<BTableSortBy[]>([])
+const sortDirection = ref('asc')
+const filter = ref('')
+const filterOn = ref([])
+const infoModal = reactive({
+  open: false,
+  id: 'info-modal',
+  title: '',
+  content: '',
+})
+
+// Create an options list from our fields
+const sortOptions = computed(() =>
+  fieldsTyped.filter((f) => f.sortable).map((f) => ({text: f.label, value: f.key}))
+)
+
+function info(item: TableItem<Person>, index: number) {
+  infoModal.title = `Row index: ${index}`
+  infoModal.content = JSON.stringify(item, null, 2)
+  infoModal.open = true
+}
+
+function resetInfoModal() {
+  infoModal.title = ''
+  infoModal.content = ''
+}
+
+function onFiltered(filteredItems: TableItem<Person>[]) {
+  // Trigger pagination to update the number of buttons/pages due to filtering
+  totalRows.value = filteredItems.length
+  currentPage.value = 1
+}
+
+function onAddSort() {
+  sortBy.value.push({key: '', order: 'asc'})
+}
+
 </script>
diff --git a/apps/docs/src/docs/components/toast.md b/apps/docs/src/docs/components/toast.md
index 19a4e5458..f013959a0 100644
--- a/apps/docs/src/docs/components/toast.md
+++ b/apps/docs/src/docs/components/toast.md
@@ -150,15 +150,18 @@ As you may have noticed, `BToast` counts down similarly to `BAlert` it uses the
 <HighlightCard>
   <BButton
     @click="
-      show?.('Watch me!', {
-        title: 'Counting down!',
-        variant: 'info',
-        pos: 'middle-center',
-        value: 10000,
-        interval: 100,
-        progressProps: {
-          variant: 'danger',
-        },
+      show?.({
+        props: {
+          title: 'Counting down!',
+          variant: 'info',
+          pos: 'middle-center',
+          value: 10000,
+          interval: 100,
+          progressProps: {
+            variant: 'danger',
+          },
+          body: 'Watch me!'
+        }
       })
     "
   >
@@ -170,14 +173,17 @@ As you may have noticed, `BToast` counts down similarly to `BAlert` it uses the
 <template>
   <BButton
     @click="
-      show?.('Watch me!', {
-        title: 'Counting down!',
-        variant: 'info',
-        pos: 'middle-center',
-        value: 10000,
-        interval: 100,
-        progressProps: {
-          variant: 'danger',
+      show?.({
+        props: {
+          title: 'Counting down!',
+          variant: 'info',
+          pos: 'middle-center',
+          value: 10000,
+          interval: 100,
+          progressProps: {
+            variant: 'danger',
+          },
+          body: 'Watch me!',
         },
       })
     "
@@ -204,14 +210,18 @@ As you may have noticed in that example, there was a built-in progress bar. This
 `Toast` can accept `BLink` props which will modify its behavior
 
 <HighlightCard>
-  <BButton @click="show?.('I am a BLink', {href: 'https://getbootstrap.com/', target: '_blank'})">
+  <BButton @click="show?.({ props: {href: 'https://getbootstrap.com/', target: '_blank', body: 'I am a BLink'}})">
     Show
   </BButton>
   <template #html>
 
 ```vue
 <template>
-  <BButton @click="show?.('I am a BLink', {href: 'https://getbootstrap.com/', target: '_blank'})">
+  <BButton
+    @click="
+      show?.({props: {href: 'https://getbootstrap.com/', target: '_blank', body: 'I am a BLink'}})
+    "
+  >
     Show
   </BButton>
 </template>
@@ -266,7 +276,11 @@ let showValue: undefined | symbol
 
 const showMe = () => {
   if (typeof showValue === 'symbol') return
-  showValue = show?.('Showing', {value: true, variant: 'success', pos: 'bottom-center'})
+  showValue = show?.({
+    props: {
+      value: true, variant: 'success', pos: 'bottom-center', body: 'Showing'
+    }
+  })
 }
 
 const hideMe = () => {
diff --git a/apps/docs/src/docs/types.md b/apps/docs/src/docs/types.md
index 9a7d3382d..187bd5b62 100644
--- a/apps/docs/src/docs/types.md
+++ b/apps/docs/src/docs/types.md
@@ -29,16 +29,6 @@ type TextHorizontal = 'start' | 'end' | 'center'
 
 </BCard>
 
-## Booleanish
-
-<BCard class="bg-body-tertiary">
-
-```ts
-type Booleanish = 'true' | 'false' | '' | boolean
-```
-
-</BCard>
-
 ## BodyProp
 
 This type is only used for the Toast component.
diff --git a/apps/playground/package.json b/apps/playground/package.json
index 3f1d71a46..682e993d7 100644
--- a/apps/playground/package.json
+++ b/apps/playground/package.json
@@ -5,23 +5,25 @@
   "type": "module",
   "scripts": {
     "dev": "vite --port 5173",
-    "build": "vue-tsc --noEmit && vite build",
+    "type-check": "vue-tsc --noEmit -p tsconfig.app.json",
+    "build-only": "vite build",
+    "build": "pnpm run type-check && pnpm run build-only",
     "preview": "vite preview"
   },
   "dependencies": {
     "bootstrap-vue-next": "workspace:^",
-    "vue": "^3.4.18",
-    "vue-router": "^4.2.5"
+    "vue": "^3.4.21",
+    "vue-router": "^4.3.0"
   },
   "devDependencies": {
-    "@tsconfig/node20": "^20.1.2",
-    "@types/node": "^20.11.17",
+    "@tsconfig/node20": "^20.1.4",
+    "@types/node": "^20.12.7",
     "@vitejs/plugin-vue": "^5.0.4",
     "@vue/tsconfig": "^0.5.1",
-    "bootstrap": "^5.3.2",
-    "typescript": "^5.3.3",
-    "vite": "^5.1.1",
-    "vue-tsc": "^1.8.27"
+    "bootstrap": "^5.3.3",
+    "typescript": "^5.4.5",
+    "vite": "^5.2.8",
+    "vue-tsc": "^2.0.13"
   },
   "lint-staged": {
     "*.{js,ts,vue}": "eslint --cache --fix",
diff --git a/apps/playground/src/components/Comps/TBLink.vue b/apps/playground/src/components/Comps/TBLink.vue
index cfc7b5f60..601994304 100644
--- a/apps/playground/src/components/Comps/TBLink.vue
+++ b/apps/playground/src/components/Comps/TBLink.vue
@@ -2,22 +2,12 @@
   <BContainer fluid>
     <BRow>
       <BCol>
-        <BLink :to="{name: 'index', path: '/' /* path is used when vue-router is not present */}"
-          >Home</BLink
-        >
+        <BLink :to="home">Home</BLink>
       </BCol>
     </BRow>
     <BRow>
       <BCol>
-        <BLink
-          :to="{
-            name: 'about',
-            params: {id: '456'},
-            query: {param: 'someVal'},
-            path: '/about' /* path is used when vue-router is not present */,
-          }"
-          >About</BLink
-        >
+        <BLink :to="about">About</BLink>
       </BCol>
     </BRow>
     <BRow>
@@ -30,3 +20,25 @@
       -->
   </BContainer>
 </template>
+
+<script setup lang="ts">
+import type {RouteLocationRaw} from 'vue-router'
+
+// TODO: We're using `RouteLocationRaw` here which is an internal class of vue-router
+//  I believe we're using it incorrectly in that we're using path as a fallback
+//  when vue-router isn't present. The typing for the class doesn't allow for that -
+//  It can't resolve to RouteLocationNamedRaw, since path must be undefined and it
+//  cant resolve to RouteLocationPathRaw since it has now name property.  I'm not sure
+//  I understand the intent of the code, so I'm forcing the cast to get past the error for now.
+const home = {
+  name: 'index',
+  path: '/' /* path is used when vue-router is not present */,
+} as RouteLocationRaw
+
+const about = {
+  name: 'about',
+  params: {id: '456'},
+  query: {param: 'someVal'},
+  path: '/about' /* path is used when vue-router is not present */,
+} as RouteLocationRaw
+</script>
diff --git a/apps/playground/src/components/Comps/TImg.vue b/apps/playground/src/components/Comps/TImg.vue
index 6fc3aff1f..ba6715fc0 100644
--- a/apps/playground/src/components/Comps/TImg.vue
+++ b/apps/playground/src/components/Comps/TImg.vue
@@ -50,14 +50,12 @@
       <BCol>
         <BImg
           v-bind="{blank: true, blankColor: '#777', width: 75, height: 75, class: 'm1'}"
-          rounded="top"
           alt="Top-rounded image"
         />
       </BCol>
       <BCol>
         <BImg
           v-bind="{blank: true, blankColor: '#777', width: 75, height: 75, class: 'm1'}"
-          rounded="end"
           alt="Right-rounded image"
         />
       </BCol>
@@ -65,14 +63,12 @@
       <BCol>
         <BImg
           v-bind="{blank: true, blankColor: '#777', width: 75, height: 75, class: 'm1'}"
-          rounded="bottom"
           alt="Bottom-rounded image"
         />
       </BCol>
       <BCol>
         <BImg
           v-bind="{blank: true, blankColor: '#777', width: 75, height: 75, class: 'm1'}"
-          rounded="start"
           alt="Left-rounded image"
         />
       </BCol>
diff --git a/apps/playground/src/components/Comps/TPopover.vue b/apps/playground/src/components/Comps/TPopover.vue
index bf40072eb..6d878f7e7 100644
--- a/apps/playground/src/components/Comps/TPopover.vue
+++ b/apps/playground/src/components/Comps/TPopover.vue
@@ -150,14 +150,7 @@
     </BRow>
     <BRow class="my-5 position-relative">
       <BCol>
-        <BPopover
-          v-model="value"
-          :placement="popoverPlacemet"
-          strategy="absolute"
-          no-fade
-          no-auto-close
-          manual
-        >
+        <BPopover v-model="value" strategy="absolute" no-fade no-auto-close manual>
           <template #title>
             <h3>Popover title</h3>
           </template>
@@ -206,7 +199,7 @@
     </BRow>
     <BRow>
       <BCol>
-        <BPopover click placement="bottom" container="body">
+        <BPopover click placement="bottom" teleport-to="body">
           <template #title> Title </template>
           <template #target>
             <span class="border rounded m-3 p-2">move to body.</span>
@@ -258,7 +251,7 @@ const popoverPlacement = ref<PopoverPlacement>('left')
 
 const vari = ref({
   title: 'foo',
-  container: 'body',
+  teleportTo: 'body',
   delay: {
     show: 0,
     hide: 0,
diff --git a/apps/playground/src/components/Comps/TScrollspy.vue b/apps/playground/src/components/Comps/TScrollspy.vue
index 7cbbfd75f..ee9c50666 100644
--- a/apps/playground/src/components/Comps/TScrollspy.vue
+++ b/apps/playground/src/components/Comps/TScrollspy.vue
@@ -176,7 +176,7 @@
             :options="[
               {text: 'toc', value: 'root-element'},
               {text: 'basic', value: 'nav-scroller'},
-              {text: 'nested', value: contentNested},
+              // {text: 'nested', value: contentNested},
               {text: 'list', value: 'listgroup-ex'},
               {text: 'directive', value: 'directive-list'},
             ]"
diff --git a/apps/playground/src/components/Comps/TTable.vue b/apps/playground/src/components/Comps/TTable.vue
index a012a5030..61da96126 100644
--- a/apps/playground/src/components/Comps/TTable.vue
+++ b/apps/playground/src/components/Comps/TTable.vue
@@ -77,13 +77,7 @@
       </BCol>
       <BCol>
         <p>Selection mode</p>
-        <BFormRadio
-          v-for="(car, index) in ['single', 'multi', 'range']"
-          :key="index"
-          v-model="selectionMode"
-          :value="car"
-          >{{ car }}</BFormRadio
-        >
+        <BFormRadioGroup v-model="selectionMode" :options="['single', 'multi', 'range']" />
       </BCol>
     </BRow>
     <BRow>
@@ -131,11 +125,19 @@
               </th>
             </tr>
           </template>
-          <template #thead-sub="{key, label}">
+          <!-- TODO: We shouldn't have to cast the slot properties, bug in BTable definition? -->
+          <template #thead-sub="data">
             <tr class="my">
               <th variant="danger" />
               <th variant="danger">
-                <BFormSelect :placeholder="label" :options="[label, key]" label-field="label" />
+                <BFormSelect
+                  :model-value="(data as unknown as TableField<any>).label"
+                  :options="[
+                    (data as unknown as TableField<any>).label,
+                    (data as unknown as TableField<any>).key,
+                  ]"
+                  label-field="label"
+                />
               </th>
             </tr>
           </template>
@@ -148,7 +150,7 @@
     <BRow>
       <BCol>
         <h4 class="my-3">Refreshable table (displays current time)</h4>
-        <BButton @click="currentTimeTable?.refresh()">Refresh</BButton>
+        <BButton @click="refreshTime">Refresh</BButton>
       </BCol>
     </BRow>
     <BRow>
@@ -180,10 +182,11 @@
               label-size="sm"
               class="mb-0"
             >
-              <BInputGroup size="sm">
+              <BButton size="sm" @click="onAddSort">Add Sort...</BButton>
+              <BInputGroup v-for="sort in sortBy" :key="sort.key" size="sm">
                 <BFormSelect
                   id="sort-by-select"
-                  v-model="sortBy"
+                  v-model="sort.key"
                   :options="sortOptions"
                   :aria-describedby="ariaDescribedby"
                   class="w-75"
@@ -194,14 +197,14 @@
                 </BFormSelect>
 
                 <BFormSelect
-                  v-model="sortDesc"
+                  v-model="sort.order"
                   :disabled="!sortBy"
                   :aria-describedby="ariaDescribedby"
                   size="sm"
                   class="w-25"
                 >
-                  <option :value="false">Asc</option>
-                  <option :value="true">Desc</option>
+                  <option value="asc">Asc</option>
+                  <option value="desc">Desc</option>
                 </BFormSelect>
               </BInputGroup>
             </BFormGroup>
@@ -294,7 +297,6 @@
         <!-- Main table element for typed table-->
         <BTable
           v-model:sort-by="sortBy"
-          v-model:sort-desc="sortDesc"
           :sort-internal="true"
           :items="itemsTyped"
           :fields="fieldsTyped"
@@ -304,8 +306,11 @@
           :responsive="false"
           :filterable="filterOn"
           :small="true"
+          :multisort="true"
           @filtered="onFiltered"
           @row-clicked="onRowClicked"
+          @sorted="onSorted"
+          @update:sort-by="onSortUpdate"
         >
           <!-- TODO: is typing of dynamic slots possible? -->
           <template #cell(name)="row">
@@ -349,12 +354,19 @@
 
 <script setup lang="ts">
 import {computed, reactive, ref} from 'vue'
-import type {BTable, ColorVariant, TableFieldRaw, TableItem} from 'bootstrap-vue-next'
+import type {
+  BTable,
+  BTableSortBy,
+  ColorVariant,
+  TableField,
+  TableFieldRaw,
+  TableItem,
+} from 'bootstrap-vue-next'
 
 type LiteralUnion<T, U = string> = T | (U & Record<never, never>)
 
-const stringTableDefinitions = ref(['last_name', 'first_name', 'age'])
-const objectTableDefinitions = ref<Exclude<TableFieldRaw, string>[]>([
+const stringTableDefinitions = ['last_name', 'first_name', 'age']
+const objectTableDefinitions: TableFieldRaw[] = [
   {
     key: 'last_name',
     label: 'Family name',
@@ -362,7 +374,7 @@ const objectTableDefinitions = ref<Exclude<TableFieldRaw, string>[]>([
   },
   {key: 'first_name', label: 'Given name'},
   {key: 'age', label: 'Age', formatter: (value: unknown) => `${value} years`},
-])
+]
 const items: TableItem[] = [
   {age: 40, first_name: 'Dickerson', last_name: 'Macdonald'},
   {age: 21, first_name: 'Larsen', last_name: 'Shaw'},
@@ -405,6 +417,12 @@ const currentTimeProvider = (): TableItem[] => {
   ]
 }
 
+// TODO: We're exposing refresh in BTable - why is typescript griping? The refresh works fine
+const refreshTime = () => {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  ;(currentTimeTable.value as any)?.refresh()
+}
+
 interface PersonName {
   first: string
   last: string
@@ -470,14 +488,21 @@ const fieldsTyped: Exclude<TableFieldRaw<Person>, string>[] = [
   {key: 'actions', label: 'Actions'},
 ]
 
-const pageOptions = [5, 10, 15, {value: 100, text: 'Show a lot'}]
+// TODO: looks like mixed value/object options are broken in BSelect??/
+//const pageOptions = [5, 10, 15, {value: 100, text: 'Show a lot'}]
+
+const pageOptions = [
+  {value: 5, text: '5'},
+  {value: 10, text: '10'},
+  {value: 15, text: '15'},
+  {value: 100, text: 'Show a lot'},
+]
 
 const totalRows = ref(itemsTyped.length)
 const currentPage = ref(1)
 const perPage = ref(5)
-const sortBy = ref('')
+const sortBy = ref<BTableSortBy[]>([])
 const sortDirection = ref('asc')
-const sortDesc = ref(false)
 const filter = ref('')
 const filterOn = ref([])
 const infoModal = reactive({
@@ -508,17 +533,32 @@ function onFiltered(filteredItems: TableItem<Person>[]) {
   totalRows.value = filteredItems.length
   currentPage.value = 1
 
-  // The following logging is just to prove that typing is working
-  filteredItems.forEach((item) => {
-    // eslint-disable-next-line no-console
-    console.log(
-      `${item.name.first} ${item.name.last} is ${item.age} years old and is active = ${item.isActive}`
-    )
-  })
+  // The following lines are just to prove that typing is working
+  false &&
+    filteredItems.forEach((item) => {
+      // eslint-disable-next-line no-console
+      console.log(
+        `${item.name.first} ${item.name.last} is ${item.age} years old and is active = ${item.isActive}`
+      )
+    })
 }
 
 function onRowClicked(row: TableItem<Person>, index: number) {
   // eslint-disable-next-line no-console
   console.log(`clicked on row ${index}: ${row.name.first} ${row.name.last}`)
 }
+
+function onSorted(sortby: BTableSortBy) {
+  // eslint-disable-next-line no-console
+  console.log(`sorted: ${JSON.stringify(sortby)}`)
+}
+
+function onSortUpdate(sortby: BTableSortBy | BTableSortBy[] | null) {
+  // eslint-disable-next-line no-console
+  console.log(`sort-by:update: ${JSON.stringify(sortby)}`)
+}
+
+function onAddSort() {
+  sortBy.value.push({key: '', order: 'asc'})
+}
 </script>
diff --git a/apps/playground/src/components/Comps/TTabs.vue b/apps/playground/src/components/Comps/TTabs.vue
index 6a935490f..e9c8b46f4 100644
--- a/apps/playground/src/components/Comps/TTabs.vue
+++ b/apps/playground/src/components/Comps/TTabs.vue
@@ -169,7 +169,7 @@ const ChildComp = defineComponent({
 const ParentComp = defineComponent({
   name: 'ParentComp',
   render() {
-    return h(BTabs, {}, () => this.$slots.default())
+    return h(BTabs, {}, () => (this.$slots.default ? this.$slots.default() : null))
   },
 })
 
@@ -178,10 +178,13 @@ const LoggerComp = defineComponent({
   name: 'ParentComp',
   components: {},
   mounted() {
+    // eslint-disable-next-line no-console
     console.log('logger component mounted')
   },
   render() {
-    return h(BTabs, {class: 'border m-3 p-3'}, () => this.$slots.default())
+    return h(BTabs, {class: 'border m-3 p-3'}, () =>
+      this.$slots.default ? this.$slots.default() : null
+    )
   },
 })
 
@@ -202,7 +205,9 @@ const tab3 = ref([
   {title: 't3', content: 't3'},
   {title: 't4', content: 't4'},
 ])
-function log(e) {
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function log(e: any) {
+  // eslint-disable-next-line no-console
   console.log('click', e)
 }
 
diff --git a/apps/playground/tsconfig.app.json b/apps/playground/tsconfig.app.json
index 467bc8aa3..96710127c 100644
--- a/apps/playground/tsconfig.app.json
+++ b/apps/playground/tsconfig.app.json
@@ -1,9 +1,11 @@
 {
   "extends": "@vue/tsconfig/tsconfig.dom.json",
   "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
+  "exclude": ["**/*.spec.*", "**/*.test.*"],
   "compilerOptions": {
-    "noEmit": false,
     "composite": true,
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+
     "baseUrl": ".",
     "types": ["vite/client"]
   }
diff --git a/apps/playground/tsconfig.node.json b/apps/playground/tsconfig.node.json
index 0c004cfaa..0812dd837 100644
--- a/apps/playground/tsconfig.node.json
+++ b/apps/playground/tsconfig.node.json
@@ -1,10 +1,20 @@
 {
-  "extends": ["@tsconfig/node20/tsconfig.json", "@vue/tsconfig/tsconfig.json"],
-  "include": ["vite.config.*"],
+  "extends": "@tsconfig/node20/tsconfig.json",
+  "include": [
+    "vite.config.*",
+    "vitest.config.*",
+    "cypress.config.*",
+    "nightwatch.conf.*",
+    "playwright.config.*",
+    ".eslintrc.*"
+  ],
   "compilerOptions": {
-    "noEmit": false,
     "composite": true,
+    "noEmit": true,
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+
     "module": "ESNext",
+    "moduleResolution": "Bundler",
     "types": ["node"]
   }
 }
diff --git a/package.json b/package.json
index d84e2d32e..8f8159425 100644
--- a/package.json
+++ b/package.json
@@ -36,7 +36,7 @@
     "test:ci": "turbo run test:ci"
   },
   "devDependencies": {
-    "husky": "^9.0.10",
+    "husky": "^9.0.11",
     "lint-staged": "^15.2.2",
     "turbo": "latest"
   },
diff --git a/packages/bootstrap-vue-next/CHANGELOG.md b/packages/bootstrap-vue-next/CHANGELOG.md
index dc3f9c52f..6bac084df 100644
--- a/packages/bootstrap-vue-next/CHANGELOG.md
+++ b/packages/bootstrap-vue-next/CHANGELOG.md
@@ -1,5 +1,65 @@
 # Changelog
 
+## [0.17.0](https://github.com/bootstrap-vue-next/bootstrap-vue-next/compare/bootstrapvuenext-v0.16.6...bootstrapvuenext-v0.17.0) (2024-04-14)
+
+
+### ⚠ BREAKING CHANGES
+
+* **BDropdown:** replace "container" prop with "teleportTo"
+* **BPopover:** replace "container" prop with "teleportTo"
+* **BTable:** deprecate noSortReset, use `mustSort`
+* **BFormTags:** remove input event -- use https://github.com/update:modelValue
+* **BFormCheckboxGroup:** BFormCheckboxGroup no longer emits 'change' and 'input' events, listen for 'update:modelValue' instead
+* **BRadioGroup:** BRadioGroup no longer emits 'change' and 'input' events, listen for 'update:modelValue' instead
+* **BCheckbox:** Implement reverse and without label ([#1825](https://github.com/bootstrap-vue-next/bootstrap-vue-next/issues/1825))
+* **BCollapse:** change open/close to show/hide in expose and slots
+* **BDropdown:** change open/close to show/hide in expose and slots
+* remove Booleanish type and useBooleanish composable, replace plain boolean type fixes #1774
+
+### Features
+
+* **BCheckbox:** Implement reverse and without label ([#1825](https://github.com/bootstrap-vue-next/bootstrap-vue-next/issues/1825)) ([6c69ff9](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/6c69ff9eea76d6661ca344262231610106170487))
+* **BDropdown:** add teleportDisabled prop ([de60ce3](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/de60ce3cd2bc3ee8768331ae8ce69b2c5f3eed73))
+* **BDropdown:** replace "container" prop with "teleportTo" ([de60ce3](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/de60ce3cd2bc3ee8768331ae8ce69b2c5f3eed73))
+* **BFormCheckbox:** Add 'reverse' property to checkbox and checkboxgroup ([6c69ff9](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/6c69ff9eea76d6661ca344262231610106170487))
+* **BFormCheckboxGroup:** BFormCheckboxGroup no longer emits 'change' and 'input' events, listen for 'update:modelValue' instead ([6c69ff9](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/6c69ff9eea76d6661ca344262231610106170487))
+* **BFormCheckbox:** Handle no-label case ([6c69ff9](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/6c69ff9eea76d6661ca344262231610106170487))
+* **BFormFile:** add properties placement and browser as in BootstrapVue ([2fe4e69](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/2fe4e69747c0c4b7a8f518d9d8c09fe673d56c72))
+* **BFormTags:** remove input event -- use https://github.com/update:modelValue ([de60ce3](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/de60ce3cd2bc3ee8768331ae8ce69b2c5f3eed73))
+* **BModal:** add bodyClass and bodyAttrs props ([3809a6b](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/3809a6b17ce42588e67cb5443bdcf8285096b30b))
+* **BOffcanvas:** add props backdropBlur and shadow to customize the BOverlay instance ([b90e340](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/b90e340fee56798c7315c3b2091ae8e0bc7e6a79))
+* **BOffcanvas:** adding attrs and class props ([d259701](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/d259701bafcaaa94797683cb15118fd977bff67d))
+* **BPopover:** add teleportDisabled prop ([de60ce3](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/de60ce3cd2bc3ee8768331ae8ce69b2c5f3eed73))
+* **BPopover:** replace "container" prop with "teleportTo" ([de60ce3](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/de60ce3cd2bc3ee8768331ae8ce69b2c5f3eed73))
+* **BRadioGroup:** BRadioGroup no longer emits 'change' and 'input' events, listen for 'update:modelValue' instead ([6c69ff9](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/6c69ff9eea76d6661ca344262231610106170487))
+* **BTable:** add functional syntax for sortAsc/sortDesc/sortDefault `sortAsc(fieldKey)` to specify the sort content for that specific field ([de60ce3](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/de60ce3cd2bc3ee8768331ae8ce69b2c5f3eed73))
+* **BTable:** add prop multisort ([de60ce3](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/de60ce3cd2bc3ee8768331ae8ce69b2c5f3eed73))
+* **BTable:** allow Numberish values =&gt; string is interpreted as is with maxHeight, numbers are converted to ${number}px maxHeight ([de60ce3](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/de60ce3cd2bc3ee8768331ae8ce69b2c5f3eed73))
+* **BTable:** deprecate noSortReset, use `mustSort` ([de60ce3](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/de60ce3cd2bc3ee8768331ae8ce69b2c5f3eed73))
+* export component prop types ([de60ce3](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/de60ce3cd2bc3ee8768331ae8ce69b2c5f3eed73))
+* remove Booleanish type and useBooleanish composable, replace plain boolean type fixes [#1774](https://github.com/bootstrap-vue-next/bootstrap-vue-next/issues/1774) ([d3a51d3](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/d3a51d36266a2c6315c4e117f988dd7746fe8722))
+* **utils:** inject getId to allow for custom id generation ([#1836](https://github.com/bootstrap-vue-next/bootstrap-vue-next/issues/1836)) ([c9e60f5](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/c9e60f57da5ab703a75433a521ebd55eb26ac569))
+
+
+### Bug Fixes
+
+* **BCollapse:** change open/close to show/hide in expose and slots ([cd7aaf2](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/cd7aaf2eff4da6d57bba487572c9998c5492fd93))
+* **BDropdown:** change open/close to show/hide in expose and slots ([cd7aaf2](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/cd7aaf2eff4da6d57bba487572c9998c5492fd93))
+* **BDropdown:** ignore keynav inside form ([#1812](https://github.com/bootstrap-vue-next/bootstrap-vue-next/issues/1812)) ([584a986](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/584a98676686fad736baae39ea1082d601b90ed6)), closes [#1742](https://github.com/bootstrap-vue-next/bootstrap-vue-next/issues/1742)
+* **BFormCheckbox:** Prevent empty string being cast to true fixes [#1822](https://github.com/bootstrap-vue-next/bootstrap-vue-next/issues/1822) ([51d7c01](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/51d7c01c71ac8feae76ae934017384d2de27d3f5))
+* **BFormFile:** add properties placement and browser as in BootstrapVue ([#1797](https://github.com/bootstrap-vue-next/bootstrap-vue-next/issues/1797)) ([2fe4e69](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/2fe4e69747c0c4b7a8f518d9d8c09fe673d56c72))
+* **BFormSelect:** array of numbers or dates ([#1839](https://github.com/bootstrap-vue-next/bootstrap-vue-next/issues/1839)) ([6ea7598](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/6ea759874fd41d3da08ae3cafee052e19b3e51e1))
+* **BFormTags:** limitTagsText props is not used fixes [#1804](https://github.com/bootstrap-vue-next/bootstrap-vue-next/issues/1804) ([0ce4174](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/0ce4174061b2bad2935d505641ccf9c02206545e))
+* **BPopover and Btooltip:** Fixes bootstrap-vue-next[#1232](https://github.com/bootstrap-vue-next/bootstrap-vue-next/issues/1232) - do not create a new app fro each tooltip or popover ([#1837](https://github.com/bootstrap-vue-next/bootstrap-vue-next/issues/1837)) ([259a5af](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/259a5af283148a754f71468d35bd9e9c2b196f49))
+* **BTable:** BTable rowDblClicked event not working fixes [#1795](https://github.com/bootstrap-vue-next/bootstrap-vue-next/issues/1795) ([bf9c8c4](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/bf9c8c4ec2f4a5e4553b13643e928e3183df4051))
+* **BTable:** fix handleFieldSorting algorithm to properly handle multisort with mustSort ([de60ce3](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/de60ce3cd2bc3ee8768331ae8ce69b2c5f3eed73))
+* **BTable:** generic types ([de60ce3](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/de60ce3cd2bc3ee8768331ae8ce69b2c5f3eed73))
+* **BTable:** set sort values to undefined so we dont accidentally wipe user defined comparer functions ([de60ce3](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/de60ce3cd2bc3ee8768331ae8ce69b2c5f3eed73))
+* **BTable:** stickyHeader true causes maxHeight 300px ([de60ce3](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/de60ce3cd2bc3ee8768331ae8ce69b2c5f3eed73))
+* **generics:** use generic constraints for BTable & BTableLite ([de60ce3](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/de60ce3cd2bc3ee8768331ae8ce69b2c5f3eed73))
+* some migration issues with defineModel ([de60ce3](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/de60ce3cd2bc3ee8768331ae8ce69b2c5f3eed73))
+* types generation -- use interfaces for componentprops ([de60ce3](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/de60ce3cd2bc3ee8768331ae8ce69b2c5f3eed73))
+
 ## [0.16.6](https://github.com/bootstrap-vue-next/bootstrap-vue-next/compare/bootstrapvuenext-v0.16.5...bootstrapvuenext-v0.16.6) (2024-02-22)
 
 
diff --git a/packages/bootstrap-vue-next/package.json b/packages/bootstrap-vue-next/package.json
index cf49a0665..dfb5654ea 100644
--- a/packages/bootstrap-vue-next/package.json
+++ b/packages/bootstrap-vue-next/package.json
@@ -2,7 +2,7 @@
   "name": "bootstrap-vue-next",
   "displayName": "BootstrapVueNext",
   "description": "BootstrapVueNext is an early and lovely component library for Vue 3 & Nuxt 3 based on Bootstrap 5 and Typescript.",
-  "version": "0.16.6",
+  "version": "0.17.0",
   "license": "MIT",
   "main": "./dist/bootstrap-vue-next.umd.js",
   "module": "./dist/bootstrap-vue-next.mjs",
@@ -30,7 +30,7 @@
   "scripts": {
     "dev": "vite --port 5174",
     "build-only": "vite build",
-    "type-check": "vue-tsc --noEmit -p tsconfig.app.json --composite false",
+    "type-check": "vue-tsc --noEmit -p tsconfig.app.json",
     "preview": "vite preview",
     "build": "pnpm run type-check && pnpm run build-only",
     "lint": "eslint --ext .js,.ts,.vue --ignore-path ../../.gitignore --fix src",
@@ -43,39 +43,39 @@
     "test:ci": "pnpm run test:lint:ci && pnpm run test:unit:ci"
   },
   "peerDependencies": {
-    "vue": "^3.4.18"
+    "vue": "^3.4.21"
   },
   "dependencies": {
     "@floating-ui/vue": "^1.0.6",
-    "@vueuse/core": "^10.7.2"
+    "@vueuse/core": "^10.9.0"
   },
   "devDependencies": {
     "@floating-ui/core": "^1.6.0",
-    "@rushstack/eslint-patch": "^1.7.2",
-    "@tsconfig/node20": "^20.1.2",
-    "@types/node": "^20.11.17",
+    "@rushstack/eslint-patch": "^1.10.2",
+    "@tsconfig/node20": "^20.1.4",
+    "@types/node": "^20.12.7",
     "@vitejs/plugin-vue": "^5.0.4",
-    "@vitest/coverage-v8": "^1.2.2",
+    "@vitest/coverage-v8": "^1.5.0",
     "@vue/eslint-config-prettier": "^9.0.0",
-    "@vue/eslint-config-typescript": "^12.0.0",
-    "@vue/runtime-core": "^3.4.18",
-    "@vue/test-utils": "^2.4.4",
+    "@vue/eslint-config-typescript": "^13.0.0",
+    "@vue/runtime-core": "^3.4.21",
+    "@vue/test-utils": "^2.4.5",
     "@vue/tsconfig": "^0.5.1",
-    "@vueuse/shared": "^10.7.2",
-    "bootstrap": "^5.3.2",
-    "eslint": "^8.56.0",
+    "@vueuse/shared": "^10.9.0",
+    "bootstrap": "^5.3.3",
+    "eslint": "^8.57.0",
     "eslint-define-config": "^2.1.0",
-    "eslint-plugin-vue": "^9.21.1",
-    "happy-dom": "^13.3.8",
+    "eslint-plugin-vue": "^9.25.0",
+    "happy-dom": "13.6.2",
     "prettier": "^3.2.5",
-    "sass": "^1.70.0",
-    "typescript": "^5.3.3",
-    "vite": "^5.1.1",
-    "vite-plugin-dts": "^3.7.2",
-    "vitest": "^1.2.2",
-    "vue": "^3.4.18",
-    "vue-router": "^4.2.5",
-    "vue-tsc": "^1.8.27"
+    "sass": "^1.75.0",
+    "typescript": "^5.4.5",
+    "vite": "^5.2.8",
+    "vite-plugin-dts": "^3.8.2",
+    "vitest": "^1.5.0",
+    "vue": "^3.4.21",
+    "vue-router": "^4.3.0",
+    "vue-tsc": "^2.0.13"
   },
   "repository": {
     "type": "git",
diff --git a/packages/bootstrap-vue-next/src/BootstrapVue.ts b/packages/bootstrap-vue-next/src/BootstrapVue.ts
index 53fb2a941..051fff80f 100644
--- a/packages/bootstrap-vue-next/src/BootstrapVue.ts
+++ b/packages/bootstrap-vue-next/src/BootstrapVue.ts
@@ -2,6 +2,7 @@ import type {Plugin} from 'vue'
 import type {BootstrapVueOptions, ComponentType, DirectiveType} from './types'
 import toastPlugin from './plugins/toastPlugin'
 import breadcrumbPlugin from './plugins/breadcrumbPlugin'
+import idPlugin from './plugins/idPlugin'
 import modalControllerPlugin from './plugins/modalControllerPlugin'
 import modalManagerPlugin from './plugins/modalManagerPlugin'
 import rtlPlugin from './plugins/rtlPlugin'
@@ -146,6 +147,9 @@ export const createBootstrap = ({
     if (plugins?.breadcrumb ?? true === true) {
       app.use(breadcrumbPlugin)
     }
+    if ((plugins?.id ?? true === true) || typeof plugins.id === 'object') {
+      app.use(idPlugin, plugins)
+    }
     if (plugins?.modalController ?? true === true) {
       app.use(modalControllerPlugin)
     }
diff --git a/packages/bootstrap-vue-next/src/components/BAccordion/BAccordion.vue b/packages/bootstrap-vue-next/src/components/BAccordion/BAccordion.vue
index 81c99bd8c..b66d0feae 100644
--- a/packages/bootstrap-vue-next/src/components/BAccordion/BAccordion.vue
+++ b/packages/bootstrap-vue-next/src/components/BAccordion/BAccordion.vue
@@ -5,50 +5,35 @@
 </template>
 
 <script setup lang="ts">
-import type {Booleanish} from '../../types'
-import {computed, provide, readonly} from 'vue'
+import {computed, provide, readonly, toRef} from 'vue'
 import {accordionInjectionKey} from '../../utils'
-import {useBooleanish, useId} from '../../composables'
-import {useVModel} from '@vueuse/core'
+import {useId} from '../../composables'
+import type {BAccordionProps} from '../../types'
 
-const props = withDefaults(
-  defineProps<{
-    flush?: Booleanish
-    free?: Booleanish
-    id?: string
-    modelValue?: string
-  }>(),
-  {
-    flush: false,
-    free: false,
-    id: undefined,
-    modelValue: undefined,
-  }
-)
-
-const emit = defineEmits<{
-  'update:modelValue': [value: string]
-}>()
+const props = withDefaults(defineProps<BAccordionProps>(), {
+  flush: false,
+  free: false,
+  id: undefined,
+})
 
 defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   default?: (props: Record<string, never>) => any
 }>()
 
-const modelValue = useVModel(props, 'modelValue', emit, {passive: true})
+const modelValue = defineModel<string | undefined>({
+  default: undefined,
+})
 
 const computedId = useId(() => props.id, 'accordion')
 
-const flushBoolean = useBooleanish(() => props.flush)
-const freeBoolean = useBooleanish(() => props.free)
-
 const computedClasses = computed(() => ({
-  'accordion-flush': flushBoolean.value,
+  'accordion-flush': props.flush,
 }))
 
 provide(accordionInjectionKey, {
   openItem: readonly(modelValue),
-  free: freeBoolean,
+  free: toRef(() => props.free),
   setOpenItem: (id: string) => {
     modelValue.value = id
   },
diff --git a/packages/bootstrap-vue-next/src/components/BAccordion/BAccordionItem.vue b/packages/bootstrap-vue-next/src/components/BAccordion/BAccordionItem.vue
index a57a1baaf..8753df030 100644
--- a/packages/bootstrap-vue-next/src/components/BAccordion/BAccordionItem.vue
+++ b/packages/bootstrap-vue-next/src/components/BAccordion/BAccordionItem.vue
@@ -49,57 +49,34 @@
 
 <script setup lang="ts">
 import {inject, onMounted, useAttrs, watch} from 'vue'
-import {useVModel} from '@vueuse/core'
 import BCollapse from '../BCollapse.vue'
 import {accordionInjectionKey, BvTriggerableEvent} from '../../utils'
 import {useId} from '../../composables'
-import type {AttrsValue, Booleanish, ClassValue} from '../../types'
+import type {BAccordionItemProps} from '../../types'
 
 defineOptions({
   inheritAttrs: false,
 })
 const {class: wrapperClass, ...collapseAttrs} = useAttrs()
 
-const props = withDefaults(
-  defineProps<{
-    bodyAttrs?: Readonly<AttrsValue>
-    bodyClass?: ClassValue
-    buttonAttrs?: Readonly<AttrsValue>
-    buttonClass?: ClassValue
-    collapseClass?: ClassValue
-    headerAttrs?: Readonly<AttrsValue>
-    headerClass?: ClassValue
-    headerTag?: string
-    horizontal?: Booleanish
-    id?: string
-    isNav?: Booleanish
-    modelValue?: boolean
-    tag?: string
-    title?: string
-    toggle?: Booleanish
-    visible?: Booleanish
-    wrapperAttrs?: Readonly<AttrsValue>
-  }>(),
-  {
-    bodyAttrs: undefined,
-    bodyClass: undefined,
-    buttonAttrs: undefined,
-    buttonClass: undefined,
-    collapseClass: undefined,
-    headerAttrs: undefined,
-    headerClass: undefined,
-    headerTag: 'h2',
-    horizontal: undefined,
-    id: undefined,
-    isNav: undefined,
-    modelValue: false,
-    tag: undefined,
-    title: undefined,
-    toggle: undefined,
-    visible: false,
-    wrapperAttrs: undefined,
-  }
-)
+const props = withDefaults(defineProps<BAccordionItemProps>(), {
+  bodyAttrs: undefined,
+  bodyClass: undefined,
+  buttonAttrs: undefined,
+  buttonClass: undefined,
+  collapseClass: undefined,
+  headerAttrs: undefined,
+  headerClass: undefined,
+  headerTag: 'h2',
+  horizontal: undefined,
+  id: undefined,
+  isNav: undefined,
+  tag: undefined,
+  title: undefined,
+  toggle: undefined,
+  visible: false,
+  wrapperAttrs: undefined,
+})
 
 const emit = defineEmits<{
   'hidden': []
@@ -108,7 +85,6 @@ const emit = defineEmits<{
   'show': [value: BvTriggerableEvent]
   'show-prevented': []
   'shown': []
-  'update:modelValue': [value: boolean]
 }>()
 
 defineSlots<{
@@ -118,7 +94,7 @@ defineSlots<{
   title?: (props: Record<string, never>) => any
 }>()
 
-const modelValue = useVModel(props, 'modelValue', emit, {passive: true})
+const modelValue = defineModel<boolean>({default: false})
 
 const parentData = inject(accordionInjectionKey, null)
 
diff --git a/packages/bootstrap-vue-next/src/components/BAccordion/accordion-item.spec.ts b/packages/bootstrap-vue-next/src/components/BAccordion/accordion-item.spec.ts
index 2b192255d..00892802f 100644
--- a/packages/bootstrap-vue-next/src/components/BAccordion/accordion-item.spec.ts
+++ b/packages/bootstrap-vue-next/src/components/BAccordion/accordion-item.spec.ts
@@ -2,6 +2,7 @@ import {enableAutoUnmount, mount} from '@vue/test-utils'
 import {afterEach, describe, expect, it} from 'vitest'
 import BAccordionItem from './BAccordionItem.vue'
 import BCollapse from '../BCollapse.vue'
+import {nextTick} from 'vue'
 
 describe('accordion-item', () => {
   enableAutoUnmount(afterEach)
@@ -145,12 +146,12 @@ describe('accordion-item', () => {
     expect($button.attributes('aria-expanded')).toBe('false')
   })
 
-  it('h2 child button child has aria-expanded true when visible true', () => {
+  it('h2 child button child has aria-expanded true when visible true', async () => {
     const wrapper = mount(BAccordionItem, {
       props: {visible: true},
     })
-    const $h2 = wrapper.get('h2')
-    const $button = $h2.get('button')
+    const $button = wrapper.get('.accordion-button')
+    await nextTick()
     expect($button.attributes('aria-expanded')).toBe('true')
   })
 
diff --git a/packages/bootstrap-vue-next/src/components/BAlert/BAlert.vue b/packages/bootstrap-vue-next/src/components/BAlert/BAlert.vue
index a9ca24ed9..4a4322aca 100644
--- a/packages/bootstrap-vue-next/src/components/BAlert/BAlert.vue
+++ b/packages/bootstrap-vue-next/src/components/BAlert/BAlert.vue
@@ -1,5 +1,5 @@
 <template>
-  <BTransition :no-fade="!fadeBoolean" :trans-props="{enterToClass: 'show'}">
+  <BTransition :no-fade="!props.fade" :trans-props="{enterToClass: 'show'}">
     <div
       v-if="isAlertVisible"
       ref="element"
@@ -10,7 +10,7 @@
       :class="computedClasses"
     >
       <slot />
-      <template v-if="dismissibleBoolean">
+      <template v-if="props.dismissible">
         <BButton v-if="hasCloseSlot || closeContent" v-bind="closeAttrs" @click="hide">
           <slot name="close">
             {{ closeContent }}
@@ -26,48 +26,30 @@
 import BTransition from '../BTransition/BTransition.vue'
 import BCloseButton from '../BButton/BCloseButton.vue'
 import BButton from '../BButton/BButton.vue'
-import type {Booleanish, ButtonVariant, ClassValue, ColorVariant, Numberish} from '../../types'
+import type {BAlertProps} from '../../types'
 import {computed, onBeforeUnmount, ref, toRef, watch, watchEffect} from 'vue'
-import {useBooleanish, useCountdown} from '../../composables'
+import {useCountdown} from '../../composables'
 import {isEmptySlot} from '../../utils'
-import {useElementHover, useToNumber, useVModel} from '@vueuse/core'
-
-const props = withDefaults(
-  defineProps<{
-    closeClass?: ClassValue
-    closeContent?: string
-    closeLabel?: string
-    closeVariant?: ButtonVariant | null
-    dismissible?: Booleanish
-    fade?: Booleanish
-    immediate?: Booleanish
-    interval?: Numberish
-    modelValue?: boolean | number
-    noHoverPause?: Booleanish
-    showOnPause?: Booleanish
-    variant?: ColorVariant | null
-  }>(),
-  {
-    closeClass: undefined,
-    closeContent: undefined,
-    closeLabel: 'Close',
-    closeVariant: 'secondary',
-    dismissible: false,
-    fade: false,
-    immediate: true,
-    interval: 1000,
-    modelValue: false,
-    noHoverPause: false,
-    showOnPause: true,
-    variant: 'info',
-  }
-)
+import {useElementHover, useToNumber} from '@vueuse/core'
+
+const props = withDefaults(defineProps<BAlertProps>(), {
+  closeClass: undefined,
+  closeContent: undefined,
+  closeLabel: 'Close',
+  closeVariant: 'secondary',
+  dismissible: false,
+  fade: false,
+  immediate: true,
+  interval: 1000,
+  noHoverPause: false,
+  showOnPause: true,
+  variant: 'info',
+})
 
 const emit = defineEmits<{
   'close': []
   'close-countdown': [value: number]
   'closed': []
-  'update:modelValue': [value: boolean | number]
 }>()
 
 const slots = defineSlots<{
@@ -79,14 +61,10 @@ const slots = defineSlots<{
 
 const element = ref<HTMLElement | null>(null)
 
-const modelValue = useVModel(props, 'modelValue', emit)
+const modelValue = defineModel<boolean | number>({default: false})
+
 const isHovering = useElementHover(element)
 
-const dismissibleBoolean = useBooleanish(() => props.dismissible)
-const fadeBoolean = useBooleanish(() => props.fade)
-const immediateBoolean = useBooleanish(() => props.immediate)
-const showOnPauseBoolean = useBooleanish(() => props.showOnPause)
-const noHoverPauseBoolean = useBooleanish(() => props.noHoverPause)
 const intervalNumber = useToNumber(() => props.interval)
 
 const hasCloseSlot = toRef(() => !isEmptySlot(slots.close))
@@ -95,7 +73,7 @@ const countdownLength = toRef(() => (typeof modelValue.value === 'boolean' ? 0 :
 
 const computedClasses = computed(() => ({
   [`alert-${props.variant}`]: props.variant !== null,
-  'alert-dismissible': dismissibleBoolean.value,
+  'alert-dismissible': props.dismissible,
 }))
 
 const closeClasses = computed(() => [props.closeClass, {'btn-close-custom': hasCloseSlot.value}])
@@ -109,13 +87,13 @@ const {
   isPaused,
   value: remainingMs,
 } = useCountdown(countdownLength, intervalNumber, {
-  immediate: typeof modelValue.value === 'number' && immediateBoolean.value,
+  immediate: typeof modelValue.value === 'number' && props.immediate,
 })
 
 const isAlertVisible = toRef(() =>
   typeof modelValue.value === 'boolean'
     ? modelValue.value
-    : isActive.value || (showOnPauseBoolean.value && isPaused.value)
+    : isActive.value || (props.showOnPause && isPaused.value)
 )
 
 const closeAttrs = computed(() => ({
@@ -141,7 +119,7 @@ const hide = () => {
 }
 
 const onMouseEnter = () => {
-  if (noHoverPauseBoolean.value) return
+  if (props.noHoverPause) return
   pause()
 }
 
diff --git a/packages/bootstrap-vue-next/src/components/BAvatar/BAvatar.vue b/packages/bootstrap-vue-next/src/components/BAvatar/BAvatar.vue
index a821d5589..623b91002 100644
--- a/packages/bootstrap-vue-next/src/components/BAvatar/BAvatar.vue
+++ b/packages/bootstrap-vue-next/src/components/BAvatar/BAvatar.vue
@@ -5,8 +5,8 @@
     :class="computedClasses"
     :style="computedStyle"
     v-bind="computedLinkProps"
-    :type="buttonBoolean && !computedLink ? props.buttonType : undefined"
-    :disabled="disabledBoolean || null"
+    :type="props.button && !computedLink ? props.buttonType : undefined"
+    :disabled="props.disabled || null"
     @click="clicked"
   >
     <span v-if="hasDefaultSlot" class="b-avatar-custom">
@@ -29,101 +29,66 @@
 <script setup lang="ts">
 import {avatarGroupInjectionKey, isEmptySlot} from '../../utils'
 import {computed, type CSSProperties, inject, type StyleValue, toRef} from 'vue'
-import type {
-  BLinkProps,
-  Booleanish,
-  ButtonType,
-  ColorExtendables,
-  ColorVariant,
-  LiteralUnion,
-  Numberish,
-  RadiusElementExtendables,
-  Size,
-  TextColorVariant,
-} from '../../types'
+import type {BAvatarProps} from '../../types'
 import {
-  useAvatarSize,
   useBLinkHelper,
-  useBooleanish,
   useColorVariantClasses,
+  useNumberishToStyle,
   useRadiusElementClasses,
 } from '../../composables'
 import BLink from '../BLink/BLink.vue'
 
-const props = withDefaults(
-  defineProps<
-    {
-      alt?: string
-      badge?: boolean | string // Can't make this Booleanish. string is valid text
-      badgeBgVariant?: ColorVariant | null
-      badgeOffset?: string
-      badgeStart?: Booleanish
-      badgeTextVariant?: TextColorVariant | null
-      badgeTop?: Booleanish
-      badgeVariant?: ColorVariant | null
-      button?: Booleanish
-      buttonType?: ButtonType
-      icon?: string
-      size?: LiteralUnion<Size, Numberish>
-      square?: Booleanish
-      src?: string
-      text?: string
-    } & Omit<BLinkProps, 'routerTag'> &
-      ColorExtendables &
-      RadiusElementExtendables
-  >(),
-  {
-    alt: 'avatar',
-    badge: false,
-    badgeBgVariant: null,
-    badgeOffset: undefined,
-    badgeStart: false,
-    badgeTextVariant: null,
-    badgeTop: false,
-    badgeVariant: 'primary',
-    button: false,
-    buttonType: 'button',
-    size: undefined,
-    square: false,
-    src: undefined,
-    text: undefined,
-    // Link props
-    variant: 'secondary',
-    // All others use defaults
-    active: undefined,
-    activeClass: undefined,
-    append: undefined,
-    disabled: undefined,
-    exactActiveClass: undefined,
-    href: undefined,
-    icon: undefined,
-    opacity: undefined,
-    opacityHover: undefined,
-    rel: undefined,
-    replace: undefined,
-    routerComponentName: undefined,
-    target: undefined,
-    to: undefined,
-    underlineOffset: undefined,
-    underlineOffsetHover: undefined,
-    underlineOpacity: undefined,
-    underlineOpacityHover: undefined,
-    underlineVariant: undefined,
-    // End link props
-    // ColorExtendables props
-    // Variant is here as well
-    bgVariant: null,
-    textVariant: null,
-    // End ColorExtendables props
-    // RadiusElementExtendables props
-    rounded: false,
-    roundedBottom: undefined,
-    roundedEnd: undefined,
-    roundedStart: undefined,
-    roundedTop: undefined,
-    // End RadiusElementExtendables props
-  }
-)
+const props = withDefaults(defineProps<BAvatarProps>(), {
+  alt: 'avatar',
+  badge: false,
+  badgeBgVariant: null,
+  badgeOffset: undefined,
+  badgeStart: false,
+  badgeTextVariant: null,
+  badgeTop: false,
+  badgeVariant: 'primary',
+  button: false,
+  buttonType: 'button',
+  size: undefined,
+  square: false,
+  src: undefined,
+  text: undefined,
+  // Link props
+  variant: 'secondary',
+  // All others use defaults
+  active: undefined,
+  activeClass: undefined,
+  append: undefined,
+  disabled: undefined,
+  exactActiveClass: undefined,
+  href: undefined,
+  icon: undefined,
+  opacity: undefined,
+  opacityHover: undefined,
+  rel: undefined,
+  replace: undefined,
+  routerComponentName: undefined,
+  target: undefined,
+  to: undefined,
+  underlineOffset: undefined,
+  underlineOffsetHover: undefined,
+  underlineOpacity: undefined,
+  underlineOpacityHover: undefined,
+  underlineVariant: undefined,
+  // End link props
+  // ColorExtendables props
+  // Variant is here as well
+  bgVariant: null,
+  textVariant: null,
+  // End ColorExtendables props
+  // RadiusElementExtendables props
+  rounded: false,
+  roundedBottom: undefined,
+  roundedEnd: undefined,
+  roundedStart: undefined,
+  roundedTop: undefined,
+  // End RadiusElementExtendables props
+})
 
 const emit = defineEmits<{
   'click': [value: MouseEvent]
@@ -145,37 +110,22 @@ const SIZES = ['sm', null, 'lg']
 const FONT_SIZE_SCALE = 0.4
 const BADGE_FONT_SIZE_SCALE = FONT_SIZE_SCALE * 0.7
 
-const badgeStartBoolean = useBooleanish(() => props.badgeStart)
-const badgeTopBoolean = useBooleanish(() => props.badgeTop)
-const buttonBoolean = useBooleanish(() => props.button)
-const disabledBoolean = useBooleanish(() => props.disabled)
-const squareBoolean = useBooleanish(() => props.square)
-const roundedBoolean = useBooleanish(() => props.rounded)
-const roundedTopBoolean = useBooleanish(() => props.roundedTop)
-const roundedBottomBoolean = useBooleanish(() => props.roundedBottom)
-const roundedStartBoolean = useBooleanish(() => props.roundedStart)
-const roundedEndBoolean = useBooleanish(() => props.roundedEnd)
-
 const hasDefaultSlot = toRef(() => !isEmptySlot(slots.default))
 const hasBadgeSlot = toRef(() => !isEmptySlot(slots.badge))
 
 const showBadge = toRef(() => !!props.badge || props.badge === '' || hasBadgeSlot.value)
-const computedSquare = toRef(() => parentData?.size.value ?? squareBoolean.value)
+const computedSquare = toRef(() => parentData?.size.value ?? props.square)
 
-const computedPropSize = useAvatarSize(() => props.size)
-const computedParentSize = useAvatarSize(() => parentData?.size.value)
+const computedPropSize = useNumberishToStyle(() => props.size)
+const computedParentSize = useNumberishToStyle(() => parentData?.size.value)
 const computedSize = computed(() => computedParentSize.value ?? computedPropSize.value)
 
 const computedVariant = toRef(() => parentData?.variant.value ?? props.variant)
-const computedRounded = toRef(() => parentData?.rounded.value ?? roundedBoolean.value)
-const computedRoundedTop = toRef(() => parentData?.roundedTop.value ?? roundedTopBoolean.value)
-const computedRoundedBottom = toRef(
-  () => parentData?.roundedBottom.value ?? roundedBottomBoolean.value
-)
-const computedRoundedStart = toRef(
-  () => parentData?.roundedStart.value ?? roundedStartBoolean.value
-)
-const computedRoundedEnd = toRef(() => parentData?.roundedEnd.value ?? roundedEndBoolean.value)
+const computedRounded = toRef(() => parentData?.rounded.value ?? props.rounded)
+const computedRoundedTop = toRef(() => parentData?.roundedTop.value ?? props.roundedTop)
+const computedRoundedBottom = toRef(() => parentData?.roundedBottom.value ?? props.roundedBottom)
+const computedRoundedStart = toRef(() => parentData?.roundedStart.value ?? props.roundedStart)
+const computedRoundedEnd = toRef(() => parentData?.roundedEnd.value ?? props.roundedEnd)
 
 const radiusElementClasses = useRadiusElementClasses(() => ({
   rounded: computedRounded.value,
@@ -208,9 +158,9 @@ const computedClasses = computed(() => [
   {
     [`b-avatar-${props.size}`]:
       !!props.size && SIZES.indexOf(computedPropSize.value as string) !== -1,
-    [`btn-${computedVariant.value}`]: buttonBoolean.value ? computedVariant.value !== null : false,
-    'badge': !buttonBoolean.value && computedVariant.value !== null && hasDefaultSlot.value,
-    'btn': buttonBoolean.value,
+    [`btn-${computedVariant.value}`]: props.button ? computedVariant.value !== null : false,
+    'badge': !props.button && computedVariant.value !== null && hasDefaultSlot.value,
+    'btn': props.button,
     // Square is the same as rounded-0 class
     'rounded-0': computedSquare.value === true,
   },
@@ -224,10 +174,10 @@ const badgeStyle = computed<StyleValue>(() => {
       : ''
   return {
     fontSize: fontSize || '',
-    top: badgeTopBoolean.value ? offset : '',
-    bottom: badgeTopBoolean.value ? '' : offset,
-    left: badgeStartBoolean.value ? offset : '',
-    right: badgeStartBoolean.value ? '' : offset,
+    top: props.badgeTop ? offset : '',
+    bottom: props.badgeTop ? '' : offset,
+    left: props.badgeStart ? offset : '',
+    right: props.badgeStart ? '' : offset,
   }
 })
 
@@ -247,9 +197,7 @@ const marginStyle = computed(() => {
   return value ? {marginLeft: value, marginRight: value} : {}
 })
 
-const computedTag = toRef(() =>
-  computedLink.value ? BLink : buttonBoolean.value ? 'button' : 'span'
-)
+const computedTag = toRef(() => (computedLink.value ? BLink : props.button ? 'button' : 'span'))
 
 const computedStyle = computed<CSSProperties>(() => ({
   ...marginStyle.value,
@@ -258,7 +206,7 @@ const computedStyle = computed<CSSProperties>(() => ({
 }))
 
 const clicked = (e: Readonly<MouseEvent>): void => {
-  if (!disabledBoolean.value && (computedLink.value || buttonBoolean.value)) emit('click', e)
+  if (!props.disabled && (computedLink.value || props.button)) emit('click', e)
 }
 
 const onImgError = (e: Readonly<Event>) => {
diff --git a/packages/bootstrap-vue-next/src/components/BAvatar/BAvatarGroup.vue b/packages/bootstrap-vue-next/src/components/BAvatar/BAvatarGroup.vue
index 1382ee3aa..0c4c3b4e0 100644
--- a/packages/bootstrap-vue-next/src/components/BAvatar/BAvatarGroup.vue
+++ b/packages/bootstrap-vue-next/src/components/BAvatar/BAvatarGroup.vue
@@ -8,62 +8,38 @@
 
 <script setup lang="ts">
 import {computed, provide, type StyleValue, toRef} from 'vue'
-import type {
-  Booleanish,
-  ColorExtendables,
-  LiteralUnion,
-  Numberish,
-  RadiusElementExtendables,
-  Size,
-} from '../../types'
+import type {BAvatarGroupProps} from '../../types'
 import {avatarGroupInjectionKey} from '../../utils'
-import {useAvatarSize, useBooleanish} from '../../composables'
+import {useNumberishToStyle} from '../../composables'
 import {useToNumber} from '@vueuse/core'
 
-const props = withDefaults(
-  defineProps<
-    {
-      overlap?: Numberish
-      size?: LiteralUnion<Size, Numberish>
-      square?: Booleanish
-      tag?: string
-    } & ColorExtendables &
-      RadiusElementExtendables
-  >(),
-  {
-    overlap: 0.3,
-    size: undefined,
-    square: false,
-    tag: 'div',
-    // RadiusElementExtendables props
-    rounded: false,
-    roundedBottom: undefined,
-    roundedEnd: undefined,
-    roundedStart: undefined,
-    roundedTop: undefined,
-    // End RadiusElementExtendables props
-    // ColorExtendables props
-    bgVariant: null,
-    textVariant: null,
-    variant: null,
-    // End ColorExtendables props
-  }
-)
+const props = withDefaults(defineProps<BAvatarGroupProps>(), {
+  overlap: 0.3,
+  size: undefined,
+  square: false,
+  tag: 'div',
+  // RadiusElementExtendables props
+  rounded: false,
+  roundedBottom: undefined,
+  roundedEnd: undefined,
+  roundedStart: undefined,
+  roundedTop: undefined,
+  // End RadiusElementExtendables props
+  // ColorExtendables props
+  bgVariant: null,
+  textVariant: null,
+  variant: null,
+  // End ColorExtendables props
+})
 
 defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   default?: (props: Record<string, never>) => any
 }>()
 
-const squareBoolean = useBooleanish(() => props.square)
-const roundedBoolean = useBooleanish(() => props.rounded)
-const roundedTopBoolean = useBooleanish(() => props.roundedTop)
-const roundedBottomBoolean = useBooleanish(() => props.roundedBottom)
-const roundedStartBoolean = useBooleanish(() => props.roundedStart)
-const roundedEndBoolean = useBooleanish(() => props.roundedEnd)
 const overlapNumber = useToNumber(() => props.overlap)
 
-const computedSize = useAvatarSize(() => props.size)
+const computedSize = useNumberishToStyle(() => props.size)
 const overlapScale = toRef(() => Math.min(Math.max(overlapNumber.value, 0), 1) / 2)
 
 const paddingStyle = computed<StyleValue>(() => {
@@ -74,12 +50,12 @@ const paddingStyle = computed<StyleValue>(() => {
 provide(avatarGroupInjectionKey, {
   overlapScale,
   size: toRef(() => props.size),
-  square: squareBoolean,
-  rounded: roundedBoolean,
-  roundedTop: roundedTopBoolean,
-  roundedBottom: roundedBottomBoolean,
-  roundedStart: roundedStartBoolean,
-  roundedEnd: roundedEndBoolean,
+  square: toRef(() => props.square),
+  rounded: toRef(() => props.rounded),
+  roundedTop: toRef(() => props.roundedTop),
+  roundedBottom: toRef(() => props.roundedBottom),
+  roundedStart: toRef(() => props.roundedStart),
+  roundedEnd: toRef(() => props.roundedEnd),
   variant: toRef(() => props.variant),
   bgVariant: toRef(() => props.bgVariant),
   textVariant: toRef(() => props.textVariant),
diff --git a/packages/bootstrap-vue-next/src/components/BBadge/BBadge.vue b/packages/bootstrap-vue-next/src/components/BBadge/BBadge.vue
index 7b54a06a7..a00747e40 100644
--- a/packages/bootstrap-vue-next/src/components/BBadge/BBadge.vue
+++ b/packages/bootstrap-vue-next/src/components/BBadge/BBadge.vue
@@ -5,9 +5,9 @@
 </template>
 
 <script setup lang="ts">
-import {useBLinkHelper, useBooleanish, useColorVariantClasses} from '../../composables'
+import {useBLinkHelper, useColorVariantClasses} from '../../composables'
 import {computed, toRef} from 'vue'
-import type {BLinkProps, Booleanish, ColorExtendables} from '../../types'
+import type {BBadgeProps} from '../../types'
 import BLink from '../BLink/BLink.vue'
 
 defineSlots<{
@@ -15,57 +15,41 @@ defineSlots<{
   default?: (props: Record<string, never>) => any
 }>()
 
-const props = withDefaults(
-  defineProps<
-    {
-      dotIndicator?: Booleanish
-      pill?: Booleanish
-      tag?: string
-      textIndicator?: Booleanish
-    } & Omit<BLinkProps, 'routerTag'> &
-      ColorExtendables
-  >(),
-  {
-    dotIndicator: false,
-    pill: false,
-    tag: 'span',
-    textIndicator: false,
-    // Link props
-    variant: 'secondary',
-    // All others use defaults
-    active: undefined,
-    activeClass: undefined,
-    append: undefined,
-    disabled: undefined,
-    exactActiveClass: undefined,
-    href: undefined,
-    icon: undefined,
-    opacity: undefined,
-    opacityHover: undefined,
-    rel: undefined,
-    replace: undefined,
-    routerComponentName: undefined,
-    target: undefined,
-    to: undefined,
-    underlineOffset: undefined,
-    underlineOffsetHover: undefined,
-    underlineOpacity: undefined,
-    underlineOpacityHover: undefined,
-    underlineVariant: undefined,
-    // End link props
-    // ColorExtendables props
-    // Variant is here as well
-    textVariant: null,
-    bgVariant: null,
-    // End ColorExtendables props
-  }
-)
+const props = withDefaults(defineProps<BBadgeProps>(), {
+  dotIndicator: false,
+  pill: false,
+  tag: 'span',
+  textIndicator: false,
+  // Link props
+  variant: 'secondary',
+  // All others use defaults
+  active: undefined,
+  activeClass: undefined,
+  append: undefined,
+  disabled: undefined,
+  exactActiveClass: undefined,
+  href: undefined,
+  icon: undefined,
+  opacity: undefined,
+  opacityHover: undefined,
+  rel: undefined,
+  replace: undefined,
+  routerComponentName: undefined,
+  target: undefined,
+  to: undefined,
+  underlineOffset: undefined,
+  underlineOffsetHover: undefined,
+  underlineOpacity: undefined,
+  underlineOpacityHover: undefined,
+  underlineVariant: undefined,
+  // End link props
+  // ColorExtendables props
+  // Variant is here as well
+  textVariant: null,
+  bgVariant: null,
+  // End ColorExtendables props
+})
 
-const pillBoolean = useBooleanish(() => props.pill)
-const textIndicatorBoolean = useBooleanish(() => props.textIndicator)
-const dotIndicatorBoolean = useBooleanish(() => props.dotIndicator)
-const activeBoolean = useBooleanish(() => props.active)
-const disabledBoolean = useBooleanish(() => props.disabled)
 const resolvedBackgroundClasses = useColorVariantClasses(props)
 
 const {computedLink, computedLinkProps} = useBLinkHelper(props, [
@@ -94,12 +78,11 @@ const computedTag = toRef(() => (computedLink.value ? BLink : props.tag))
 const computedClasses = computed(() => [
   resolvedBackgroundClasses.value,
   {
-    'active': activeBoolean.value,
-    'disabled': disabledBoolean.value,
-    'rounded-pill': pillBoolean.value,
-    'position-absolute top-0 start-100 translate-middle':
-      textIndicatorBoolean.value || dotIndicatorBoolean.value,
-    'p-2 border border-light rounded-circle': dotIndicatorBoolean.value,
+    'active': props.active,
+    'disabled': props.disabled,
+    'rounded-pill': props.pill,
+    'position-absolute top-0 start-100 translate-middle': props.textIndicator || props.dotIndicator,
+    'p-2 border border-light rounded-circle': props.dotIndicator,
     'text-decoration-none': computedLink.value,
   },
 ])
diff --git a/packages/bootstrap-vue-next/src/components/BBreadcrumb/BBreadcrumb.vue b/packages/bootstrap-vue-next/src/components/BBreadcrumb/BBreadcrumb.vue
index 4ad600ad7..3cf8a89d2 100644
--- a/packages/bootstrap-vue-next/src/components/BBreadcrumb/BBreadcrumb.vue
+++ b/packages/bootstrap-vue-next/src/components/BBreadcrumb/BBreadcrumb.vue
@@ -14,15 +14,10 @@
 <script setup lang="ts">
 import {computed} from 'vue'
 import {useBreadcrumb} from '../../composables'
-import type {BreadcrumbItem, BreadcrumbItemRaw} from '../../types'
+import type {BBreadcrumbProps, BreadcrumbItem} from '../../types'
 import BBreadcrumbItem from './BBreadcrumbItem.vue'
 
-const props = withDefaults(
-  defineProps<{
-    items?: readonly BreadcrumbItemRaw[]
-  }>(),
-  {items: undefined}
-)
+const props = withDefaults(defineProps<BBreadcrumbProps>(), {items: undefined})
 
 defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
diff --git a/packages/bootstrap-vue-next/src/components/BBreadcrumb/BBreadcrumbItem.vue b/packages/bootstrap-vue-next/src/components/BBreadcrumb/BBreadcrumbItem.vue
index 591111d30..6d440a73a 100644
--- a/packages/bootstrap-vue-next/src/components/BBreadcrumb/BBreadcrumbItem.vue
+++ b/packages/bootstrap-vue-next/src/components/BBreadcrumb/BBreadcrumbItem.vue
@@ -15,67 +15,55 @@
 
 <script setup lang="ts">
 import {pick} from '../../utils'
-import {useBooleanish} from '../../composables'
 import {computed, toRef} from 'vue'
 import BLink from '../BLink/BLink.vue'
-import type {BLinkProps} from '../../types'
+import type {BBreadcrumbItemProps} from '../../types'
 
 defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   default?: (props: Record<string, never>) => any
 }>()
 
-const props = withDefaults(
-  defineProps<
-    {
-      ariaCurrent?: string
-      text?: string
-    } & Omit<BLinkProps, 'routerTag'>
-  >(),
-  {
-    ariaCurrent: 'location',
-    text: undefined,
-    // Link props
-    active: false, // Why is this active: false?
-    // All others use defaults
-    activeClass: undefined,
-    append: undefined,
-    disabled: undefined,
-    exactActiveClass: undefined,
-    href: undefined,
-    icon: undefined,
-    opacity: undefined,
-    opacityHover: undefined,
-    rel: undefined,
-    replace: undefined,
-    routerComponentName: undefined,
-    routerTag: undefined,
-    target: undefined,
-    to: undefined,
-    underlineOffset: undefined,
-    underlineOffsetHover: undefined,
-    underlineOpacity: undefined,
-    underlineOpacityHover: undefined,
-    underlineVariant: undefined,
-    variant: undefined,
-    // End link props
-  }
-)
+const props = withDefaults(defineProps<BBreadcrumbItemProps>(), {
+  ariaCurrent: 'location',
+  text: undefined,
+  // Link props
+  active: false, // Why is this active: false?
+  // All others use defaults
+  activeClass: undefined,
+  append: undefined,
+  disabled: undefined,
+  exactActiveClass: undefined,
+  href: undefined,
+  icon: undefined,
+  opacity: undefined,
+  opacityHover: undefined,
+  rel: undefined,
+  replace: undefined,
+  routerComponentName: undefined,
+  routerTag: undefined,
+  target: undefined,
+  to: undefined,
+  underlineOffset: undefined,
+  underlineOffsetHover: undefined,
+  underlineOpacity: undefined,
+  underlineOpacityHover: undefined,
+  underlineVariant: undefined,
+  variant: undefined,
+  // End link props
+})
 
 const emit = defineEmits<{
   click: [value: MouseEvent]
 }>()
 
-const activeBoolean = useBooleanish(() => props.active)
-const disabledBoolean = useBooleanish(() => props.disabled)
-
 const computedClasses = computed(() => ({
-  active: activeBoolean.value,
+  active: props.active,
 }))
 
-const computedTag = toRef(() => (activeBoolean.value ? 'span' : BLink))
+const computedTag = toRef(() => (props.active ? 'span' : BLink))
 
-const computedAriaCurrent = toRef(() => (activeBoolean.value ? props.ariaCurrent : undefined))
+const computedAriaCurrent = toRef(() => (props.active ? props.ariaCurrent : undefined))
 
 const computedLinkProps = computed(() =>
   computedTag.value !== 'span'
@@ -104,11 +92,11 @@ const computedLinkProps = computed(() =>
 )
 
 const clicked = (e: Readonly<MouseEvent>): void => {
-  if (disabledBoolean.value || activeBoolean.value) {
+  if (props.disabled || props.active) {
     e.preventDefault()
     e.stopImmediatePropagation()
     return
   }
-  if (!disabledBoolean.value) emit('click', e)
+  if (!props.disabled) emit('click', e)
 }
 </script>
diff --git a/packages/bootstrap-vue-next/src/components/BButton/BButton.vue b/packages/bootstrap-vue-next/src/components/BButton/BButton.vue
index cb5593461..de8311753 100644
--- a/packages/bootstrap-vue-next/src/components/BButton/BButton.vue
+++ b/packages/bootstrap-vue-next/src/components/BButton/BButton.vue
@@ -4,10 +4,10 @@
     class="btn"
     v-bind="linkProps"
     :class="computedClasses"
-    :aria-disabled="nonStandardTag ? disabledBoolean : null"
-    :aria-pressed="isToggle ? pressedBoolean : null"
+    :aria-disabled="nonStandardTag ? props.disabled : null"
+    :aria-pressed="isToggle ? props.pressed : null"
     :autocomplete="isToggle ? 'off' : null"
-    :disabled="isButton ? disabledBoolean : null"
+    :disabled="isButton ? props.disabled : null"
     :href="href"
     :rel="computedLink ? rel : null"
     :role="nonStandardTag || computedLink ? 'button' : null"
@@ -17,13 +17,13 @@
     :append="computedLink ? append : null"
     @click="clicked"
   >
-    <template v-if="loadingBoolean">
+    <template v-if="props.loading">
       <slot name="loading">
-        <template v-if="!loadingFillBoolean">
+        <template v-if="!props.loadingFill">
           {{ loadingText }}
         </template>
         <slot name="loading-spinner">
-          <BSpinner :small="size !== 'lg'" :label="loadingFillBoolean ? loadingText : undefined" />
+          <BSpinner :small="size !== 'lg'" :label="props.loadingFill ? loadingText : undefined" />
         </slot>
       </slot>
     </template>
@@ -36,10 +36,9 @@
 <script setup lang="ts">
 import {computed, toRef} from 'vue'
 import BSpinner from '../BSpinner.vue'
-import {useBLinkHelper, useBooleanish} from '../../composables'
-import type {BLinkProps, Booleanish, ButtonType, ButtonVariant, Size} from '../../types'
+import {useBLinkHelper} from '../../composables'
+import type {BButtonProps} from '../../types'
 import BLink from '../BLink/BLink.vue'
-import {useVModel} from '@vueuse/core'
 
 defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -50,72 +49,46 @@ defineSlots<{
   'loading-spinner'?: (props: Record<string, never>) => any
 }>()
 
-const props = withDefaults(
-  defineProps<
-    {
-      loading?: Booleanish
-      loadingFill?: Booleanish
-      loadingText?: string
-      pill?: Booleanish
-      pressed?: Booleanish
-      size?: Size
-      squared?: Booleanish
-      tag?: string
-      type?: ButtonType
-      variant?: ButtonVariant | null
-    } & Omit<BLinkProps, 'variant'>
-  >(),
-  {
-    loading: false,
-    loadingFill: false,
-    loadingText: 'Loading...',
-    pill: false,
-    pressed: undefined,
-    size: 'md',
-    squared: false,
-    tag: 'button',
-    type: 'button',
-    // Link props
-    active: false, // Why is this active: false?
-    variant: 'secondary',
-    // All others use defaults
-    activeClass: undefined,
-    append: undefined,
-    disabled: undefined,
-    exactActiveClass: undefined,
-    href: undefined,
-    icon: undefined,
-    opacity: undefined,
-    opacityHover: undefined,
-    rel: undefined,
-    replace: undefined,
-    routerComponentName: undefined,
-    routerTag: undefined,
-    target: undefined,
-    to: undefined,
-    underlineOffset: undefined,
-    underlineOffsetHover: undefined,
-    underlineOpacity: undefined,
-    underlineOpacityHover: undefined,
-    underlineVariant: undefined,
-    // End link props
-  }
-)
+const props = withDefaults(defineProps<BButtonProps>(), {
+  loading: false,
+  loadingFill: false,
+  loadingText: 'Loading...',
+  pill: false,
+  size: 'md',
+  squared: false,
+  tag: 'button',
+  type: 'button',
+  // Link props
+  active: false, // Why is this active: false?
+  variant: 'secondary',
+  // All others use defaults
+  activeClass: undefined,
+  append: undefined,
+  disabled: undefined,
+  exactActiveClass: undefined,
+  href: undefined,
+  icon: undefined,
+  opacity: undefined,
+  opacityHover: undefined,
+  rel: undefined,
+  replace: undefined,
+  routerComponentName: undefined,
+  routerTag: undefined,
+  target: undefined,
+  to: undefined,
+  underlineOffset: undefined,
+  underlineOffsetHover: undefined,
+  underlineOpacity: undefined,
+  underlineOpacityHover: undefined,
+  underlineVariant: undefined,
+  // End link props
+})
 
 const emit = defineEmits<{
-  'click': [value: MouseEvent]
-  'update:pressed': [value: boolean]
+  click: [value: MouseEvent]
 }>()
 
-const pressedValue = useVModel(props, 'pressed', emit)
-
-const activeBoolean = useBooleanish(() => props.active)
-const disabledBoolean = useBooleanish(() => props.disabled)
-const pillBoolean = useBooleanish(() => props.pill)
-const pressedBoolean = useBooleanish(() => props.pressed)
-const squaredBoolean = useBooleanish(() => props.squared)
-const loadingBoolean = useBooleanish(() => props.loading)
-const loadingFillBoolean = useBooleanish(() => props.loadingFill)
+const pressedValue = defineModel<boolean | undefined>('pressed', {default: undefined})
 
 const {computedLink, computedLinkProps} = useBLinkHelper(props, [
   'active-class',
@@ -125,7 +98,7 @@ const {computedLink, computedLinkProps} = useBLinkHelper(props, [
   'routerTag',
 ])
 
-const isToggle = toRef(() => typeof pressedBoolean.value === 'boolean')
+const isToggle = toRef(() => typeof props.pressed === 'boolean')
 const isButton = toRef(
   () => props.tag === 'button' && props.href === undefined && props.to === undefined
 )
@@ -138,24 +111,24 @@ const computedClasses = computed(() => [
   [`btn-${props.size}`],
   {
     [`btn-${props.variant}`]: props.variant !== null,
-    'active': activeBoolean.value || pressedBoolean.value,
-    'rounded-pill': pillBoolean.value,
-    'rounded-0': squaredBoolean.value,
-    'disabled': disabledBoolean.value,
+    'active': props.active || props.pressed,
+    'rounded-pill': props.pill,
+    'rounded-0': props.squared,
+    'disabled': props.disabled,
   },
 ])
 
 const computedTag = toRef(() => (isBLink.value ? BLink : props.href ? 'a' : props.tag))
 
 const clicked = (e: Readonly<MouseEvent>): void => {
-  if (disabledBoolean.value) {
+  if (props.disabled) {
     e.preventDefault()
     e.stopPropagation()
     return
   }
   emit('click', e)
   if (isToggle.value) {
-    pressedValue.value = !pressedBoolean.value
+    pressedValue.value = !props.pressed
   }
 }
 </script>
diff --git a/packages/bootstrap-vue-next/src/components/BButton/BButtonGroup.vue b/packages/bootstrap-vue-next/src/components/BButton/BButtonGroup.vue
index b357a1d4f..cf5d4e892 100644
--- a/packages/bootstrap-vue-next/src/components/BButton/BButtonGroup.vue
+++ b/packages/bootstrap-vue-next/src/components/BButton/BButtonGroup.vue
@@ -5,35 +5,24 @@
 </template>
 
 <script setup lang="ts">
-import type {Booleanish, Size} from '../../types'
+import type {BButtonGroupProps} from '../../types'
 import {computed} from 'vue'
-import {useBooleanish} from '../../composables'
 
-const props = withDefaults(
-  defineProps<{
-    ariaLabel?: string
-    size?: Size
-    tag?: string
-    vertical?: Booleanish
-  }>(),
-  {
-    ariaLabel: 'Group',
-    size: 'md',
-    tag: 'div',
-    vertical: false,
-  }
-)
+const props = withDefaults(defineProps<BButtonGroupProps>(), {
+  ariaLabel: 'Group',
+  size: 'md',
+  tag: 'div',
+  vertical: false,
+})
 
 defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   default?: (props: Record<string, never>) => any
 }>()
 
-const verticalBoolean = useBooleanish(() => props.vertical)
-
 const computedClasses = computed(() => ({
-  'btn-group': !verticalBoolean.value,
+  'btn-group': !props.vertical,
   [`btn-group-${props.size}`]: props.size !== 'md',
-  'btn-group-vertical': verticalBoolean.value,
+  'btn-group-vertical': props.vertical,
 }))
 </script>
diff --git a/packages/bootstrap-vue-next/src/components/BButton/BButtonToolbar.vue b/packages/bootstrap-vue-next/src/components/BButton/BButtonToolbar.vue
index 4cbd222f0..f4641934d 100644
--- a/packages/bootstrap-vue-next/src/components/BButton/BButtonToolbar.vue
+++ b/packages/bootstrap-vue-next/src/components/BButton/BButtonToolbar.vue
@@ -5,32 +5,21 @@
 </template>
 
 <script setup lang="ts">
-import type {Booleanish} from '../../types'
+import type {BButtonToolbarProps} from '../../types'
 import {computed} from 'vue'
-import {useBooleanish} from '../../composables'
 
-const props = withDefaults(
-  defineProps<{
-    ariaLabel?: string
-    // keyNav?: Booleanish
-    justify?: Booleanish
-    role?: string
-  }>(),
-  {
-    ariaLabel: 'Group',
-    justify: false,
-    role: 'toolbar',
-  }
-)
+const props = withDefaults(defineProps<BButtonToolbarProps>(), {
+  ariaLabel: 'Group',
+  justify: false,
+  role: 'toolbar',
+})
 
 defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   default?: (props: Record<string, never>) => any
 }>()
 
-const justifyBoolean = useBooleanish(() => props.justify)
-
 const computedClasses = computed(() => ({
-  'justify-content-between': justifyBoolean.value,
+  'justify-content-between': props.justify,
 }))
 </script>
diff --git a/packages/bootstrap-vue-next/src/components/BButton/BCloseButton.vue b/packages/bootstrap-vue-next/src/components/BButton/BCloseButton.vue
index 22e4f2d95..139883550 100644
--- a/packages/bootstrap-vue-next/src/components/BButton/BCloseButton.vue
+++ b/packages/bootstrap-vue-next/src/components/BButton/BCloseButton.vue
@@ -2,32 +2,22 @@
   <button
     :type="type"
     class="btn-close"
-    :disabled="disabledBoolean"
+    :disabled="props.disabled"
     :aria-label="ariaLabel"
     @click="emit('click', $event)"
   />
 </template>
 
 <script setup lang="ts">
-import type {Booleanish, ButtonType} from '../../types'
-import {useBooleanish} from '../../composables'
+import type {BCloseButtonProps} from '../../types'
 
-const props = withDefaults(
-  defineProps<{
-    ariaLabel?: string
-    disabled?: Booleanish
-    type?: ButtonType
-  }>(),
-  {
-    ariaLabel: 'Close',
-    disabled: false,
-    type: 'button',
-  }
-)
+const props = withDefaults(defineProps<BCloseButtonProps>(), {
+  ariaLabel: 'Close',
+  disabled: false,
+  type: 'button',
+})
 
 const emit = defineEmits<{
   click: [value: MouseEvent]
 }>()
-
-const disabledBoolean = useBooleanish(() => props.disabled)
 </script>
diff --git a/packages/bootstrap-vue-next/src/components/BCard/BCard.vue b/packages/bootstrap-vue-next/src/components/BCard/BCard.vue
index ded3149e4..7d6fab5a9 100644
--- a/packages/bootstrap-vue-next/src/components/BCard/BCard.vue
+++ b/packages/bootstrap-vue-next/src/components/BCard/BCard.vue
@@ -6,7 +6,7 @@
       </slot>
     </ReusableImg.define>
 
-    <ReusableImg.reuse v-if="!imgBottomBoolean" />
+    <ReusableImg.reuse v-if="!props.imgBottom" />
     <BCardHeader
       v-if="header || hasHeaderSlot || headerHtml"
       :bg-variant="headerBgVariant"
@@ -22,7 +22,7 @@
       </slot>
     </BCardHeader>
     <BCardBody
-      v-if="!noBodyBoolean"
+      v-if="!props.noBody"
       :overlay="overlay"
       :bg-variant="bodyBgVariant"
       :tag="bodyTag"
@@ -55,120 +55,67 @@
         {{ footer }}
       </slot>
     </BCardFooter>
-    <ReusableImg.reuse v-if="imgBottomBoolean" />
+    <ReusableImg.reuse v-if="props.imgBottom" />
   </component>
 </template>
 
 <script setup lang="ts">
-import type {
-  AlignmentTextHorizontal,
-  Booleanish,
-  ClassValue,
-  ColorExtendables,
-  ColorVariant,
-  Numberish,
-  TextColorVariant,
-} from '../../types'
+import type {BCardProps} from '../../types'
 import {isEmptySlot} from '../../utils'
 import {computed, toRef} from 'vue'
-import {useBooleanish, useColorVariantClasses} from '../../composables'
+import {useColorVariantClasses} from '../../composables'
 import BCardImg from './BCardImg.vue'
 import BCardHeader from './BCardHeader.vue'
 import BCardBody from './BCardBody.vue'
 import BCardFooter from './BCardFooter.vue'
 import {createReusableTemplate} from '@vueuse/core'
 
-const props = withDefaults(
-  defineProps<
-    {
-      align?: AlignmentTextHorizontal
-      bodyBgVariant?: ColorVariant | null
-      bodyClass?: ClassValue
-      bodyTag?: string
-      bodyText?: string
-      bodyTextVariant?: TextColorVariant | null
-      borderVariant?: ColorVariant | null
-      footer?: string
-      footerBgVariant?: ColorVariant | null
-      footerBorderVariant?: ColorVariant | null
-      footerClass?: ClassValue
-      footerHtml?: string
-      footerTag?: string
-      footerTextVariant?: TextColorVariant | null
-      footerVariant?: ColorVariant | null
-      header?: string
-      headerBgVariant?: ColorVariant | null
-      headerBorderVariant?: ColorVariant | null
-      headerClass?: ClassValue
-      headerHtml?: string
-      headerTag?: string
-      headerTextVariant?: TextColorVariant | null
-      headerVariant?: ColorVariant | null
-      imgAlt?: string
-      imgBottom?: Booleanish
-      imgEnd?: Booleanish
-      imgHeight?: Numberish
-      imgSrc?: string
-      imgStart?: Booleanish
-      imgTop?: Booleanish
-      imgWidth?: Numberish
-      noBody?: Booleanish
-      overlay?: Booleanish
-      subtitle?: string
-      subtitleTag?: string
-      subtitleTextVariant?: TextColorVariant | null
-      tag?: string
-      title?: string
-      titleTag?: string
-    } & ColorExtendables
-  >(),
-  {
-    align: undefined,
-    bodyBgVariant: undefined,
-    bodyClass: undefined,
-    bodyTag: 'div',
-    bodyText: '',
-    bodyTextVariant: undefined,
-    borderVariant: null,
-    footer: undefined,
-    footerBgVariant: undefined,
-    footerBorderVariant: undefined,
-    footerClass: undefined,
-    footerHtml: '',
-    footerTag: 'div',
-    footerTextVariant: undefined,
-    footerVariant: null,
-    header: undefined,
-    headerBgVariant: undefined,
-    headerBorderVariant: undefined,
-    headerClass: undefined,
-    headerHtml: '',
-    headerTag: 'div',
-    headerTextVariant: undefined,
-    headerVariant: null,
-    imgAlt: undefined,
-    imgBottom: false,
-    imgEnd: false,
-    imgHeight: undefined,
-    imgSrc: undefined,
-    imgStart: false,
-    imgTop: false,
-    imgWidth: undefined,
-    noBody: false,
-    overlay: false,
-    subtitle: undefined,
-    subtitleTag: 'h6',
-    subtitleTextVariant: 'body-secondary',
-    tag: 'div',
-    title: undefined,
-    titleTag: 'h4',
-    // ColorExtendables props
-    bgVariant: null,
-    textVariant: null,
-    variant: null,
-    // End ColorExtendables props
-  }
-)
+const props = withDefaults(defineProps<BCardProps>(), {
+  align: undefined,
+  bodyBgVariant: undefined,
+  bodyClass: undefined,
+  bodyTag: 'div',
+  bodyText: '',
+  bodyTextVariant: undefined,
+  borderVariant: null,
+  footer: undefined,
+  footerBgVariant: undefined,
+  footerBorderVariant: undefined,
+  footerClass: undefined,
+  footerHtml: '',
+  footerTag: 'div',
+  footerTextVariant: undefined,
+  footerVariant: null,
+  header: undefined,
+  headerBgVariant: undefined,
+  headerBorderVariant: undefined,
+  headerClass: undefined,
+  headerHtml: '',
+  headerTag: 'div',
+  headerTextVariant: undefined,
+  headerVariant: null,
+  imgAlt: undefined,
+  imgBottom: false,
+  imgEnd: false,
+  imgHeight: undefined,
+  imgSrc: undefined,
+  imgStart: false,
+  imgTop: false,
+  imgWidth: undefined,
+  noBody: false,
+  overlay: false,
+  subtitle: undefined,
+  subtitleTag: 'h6',
+  subtitleTextVariant: 'body-secondary',
+  tag: 'div',
+  title: undefined,
+  titleTag: 'h4',
+  // ColorExtendables props
+  bgVariant: null,
+  textVariant: null,
+  variant: null,
+  // End ColorExtendables props
+})
 
 const slots = defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -181,11 +128,6 @@ const slots = defineSlots<{
   img?: (props: Record<string, never>) => any
 }>()
 
-const imgBottomBoolean = useBooleanish(() => props.imgBottom)
-const imgEndBoolean = useBooleanish(() => props.imgEnd)
-const imgStartBoolean = useBooleanish(() => props.imgStart)
-const noBodyBoolean = useBooleanish(() => props.noBody)
-
 const hasHeaderSlot = toRef(() => !isEmptySlot(slots.header))
 const hasFooterSlot = toRef(() => !isEmptySlot(slots.footer))
 
@@ -196,8 +138,8 @@ const computedClasses = computed(() => [
   {
     [`text-${props.align}`]: props.align !== undefined,
     [`border-${props.borderVariant}`]: props.borderVariant !== null,
-    'flex-row': imgStartBoolean.value,
-    'flex-row-reverse': imgEndBoolean.value,
+    'flex-row': props.imgStart,
+    'flex-row-reverse': props.imgEnd,
   },
 ])
 
diff --git a/packages/bootstrap-vue-next/src/components/BCard/BCardBody.vue b/packages/bootstrap-vue-next/src/components/BCard/BCardBody.vue
index 7997c101e..154a4d22d 100644
--- a/packages/bootstrap-vue-next/src/components/BCard/BCardBody.vue
+++ b/packages/bootstrap-vue-next/src/components/BCard/BCardBody.vue
@@ -27,38 +27,24 @@ import {computed, toRef} from 'vue'
 import BCardTitle from './BCardTitle.vue'
 import {isEmptySlot} from '../../utils'
 import BCardSubtitle from './BCardSubtitle.vue'
-import type {Booleanish, ColorExtendables, TextColorVariant} from '../../types'
-import {useBooleanish, useColorVariantClasses} from '../../composables'
+import type {BCardBodyProps} from '../../types'
+import {useColorVariantClasses} from '../../composables'
 
-const props = withDefaults(
-  defineProps<
-    {
-      overlay?: Booleanish
-      subtitle?: string
-      subtitleTag?: string
-      subtitleTextVariant?: TextColorVariant | null
-      tag?: string
-      text?: string
-      title?: string
-      titleTag?: string
-    } & ColorExtendables
-  >(),
-  {
-    overlay: false,
-    subtitle: undefined,
-    subtitleTag: 'h4',
-    subtitleTextVariant: undefined,
-    tag: 'div',
-    text: undefined,
-    title: undefined,
-    titleTag: 'h4',
-    // ColorExtendables props
-    bgVariant: null,
-    textVariant: null,
-    variant: null,
-    // End ColorExtendables props
-  }
-)
+const props = withDefaults(defineProps<BCardBodyProps>(), {
+  overlay: false,
+  subtitle: undefined,
+  subtitleTag: 'h4',
+  subtitleTextVariant: undefined,
+  tag: 'div',
+  text: undefined,
+  title: undefined,
+  titleTag: 'h4',
+  // ColorExtendables props
+  bgVariant: null,
+  textVariant: null,
+  variant: null,
+  // End ColorExtendables props
+})
 
 const slots = defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -69,7 +55,6 @@ const slots = defineSlots<{
   title?: (props: Record<string, never>) => any
 }>()
 
-const overlayBoolean = useBooleanish(() => props.overlay)
 const resolvedBackgroundClasses = useColorVariantClasses(props)
 
 const hasTitleSlot = toRef(() => !isEmptySlot(slots.title))
@@ -78,7 +63,7 @@ const hasSubtitleSlot = toRef(() => !isEmptySlot(slots.subtitle))
 const computedClasses = computed(() => [
   resolvedBackgroundClasses.value,
   {
-    'card-img-overlay': overlayBoolean.value,
+    'card-img-overlay': props.overlay,
   },
 ])
 </script>
diff --git a/packages/bootstrap-vue-next/src/components/BCard/BCardGroup.vue b/packages/bootstrap-vue-next/src/components/BCard/BCardGroup.vue
index 874ed0de6..913e3af08 100644
--- a/packages/bootstrap-vue-next/src/components/BCard/BCardGroup.vue
+++ b/packages/bootstrap-vue-next/src/components/BCard/BCardGroup.vue
@@ -5,32 +5,21 @@
 </template>
 
 <script setup lang="ts">
+import type {BCardGroupProps} from '../../types'
 import {toRef} from 'vue'
-import type {Booleanish} from '../../types'
-import {useBooleanish} from '../../composables'
 
-const props = withDefaults(
-  defineProps<{
-    columns?: Booleanish
-    deck?: Booleanish
-    tag?: string
-  }>(),
-  {
-    columns: false,
-    deck: false,
-    tag: 'div',
-  }
-)
+const props = withDefaults(defineProps<BCardGroupProps>(), {
+  columns: false,
+  deck: false,
+  tag: 'div',
+})
 
 defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   default?: (props: Record<string, never>) => any
 }>()
 
-const columnsBoolean = useBooleanish(() => props.columns)
-const deckBoolean = useBooleanish(() => props.deck)
-
 const cardTypeClass = toRef(() =>
-  deckBoolean.value ? 'card-deck' : columnsBoolean.value ? 'card-columns' : 'card-group'
+  props.deck ? 'card-deck' : props.columns ? 'card-columns' : 'card-group'
 )
 </script>
diff --git a/packages/bootstrap-vue-next/src/components/BCard/BCardImg.vue b/packages/bootstrap-vue-next/src/components/BCard/BCardImg.vue
index c4a850301..5c4f4e029 100644
--- a/packages/bootstrap-vue-next/src/components/BCard/BCardImg.vue
+++ b/packages/bootstrap-vue-next/src/components/BCard/BCardImg.vue
@@ -4,59 +4,45 @@
 
 <script setup lang="ts">
 import BImg from '../BImg.vue'
-import type {BImgProps, Booleanish} from '../../types'
-import {useBooleanish} from '../../composables'
+import type {BCardImageProps} from '../../types'
 import {omit} from '../../utils'
 import {computed, toRef} from 'vue'
 
-const props = withDefaults(
-  defineProps<
-    {
-      bottom?: Booleanish
-      top?: Booleanish
-    } & BImgProps
-  >(),
-  {
-    bottom: false,
-    top: false,
-    // BImg props
-    blank: undefined,
-    blankColor: undefined,
-    block: undefined,
-    center: undefined,
-    end: undefined,
-    fluid: undefined,
-    fluidGrow: undefined,
-    height: undefined,
-    lazy: undefined,
-    rounded: undefined,
-    roundedBottom: undefined,
-    roundedEnd: undefined,
-    roundedStart: undefined,
-    roundedTop: undefined,
-    sizes: undefined,
-    src: undefined,
-    srcset: undefined,
-    start: undefined,
-    thumbnail: undefined,
-    width: undefined,
-    // End BImg props
-  }
-)
-
-const bottomBoolean = useBooleanish(() => props.bottom)
-const endBoolean = useBooleanish(() => props.end)
-const startBoolean = useBooleanish(() => props.start)
-const topBoolean = useBooleanish(() => props.top)
+const props = withDefaults(defineProps<BCardImageProps>(), {
+  bottom: false,
+  top: false,
+  // BImg props
+  blank: undefined,
+  blankColor: undefined,
+  block: undefined,
+  center: undefined,
+  end: undefined,
+  fluid: undefined,
+  fluidGrow: undefined,
+  height: undefined,
+  lazy: undefined,
+  rounded: undefined,
+  roundedBottom: undefined,
+  roundedEnd: undefined,
+  roundedStart: undefined,
+  roundedTop: undefined,
+  sizes: undefined,
+  src: undefined,
+  srcset: undefined,
+  start: undefined,
+  thumbnail: undefined,
+  width: undefined,
+  // End BImg props
+})
 
 const baseClass = toRef(() =>
-  topBoolean.value
+  props.top
     ? 'card-img-top'
-    : endBoolean.value
+    : props.end
       ? 'card-img-right'
-      : bottomBoolean.value
+      : props.bottom
         ? 'card-img-bottom'
-        : startBoolean.value
+        : props.start
           ? 'card-img-left'
           : 'card-img'
 )
diff --git a/packages/bootstrap-vue-next/src/components/BCard/BCardSubtitle.vue b/packages/bootstrap-vue-next/src/components/BCard/BCardSubtitle.vue
index bc0dff9a3..f1ff89ced 100644
--- a/packages/bootstrap-vue-next/src/components/BCard/BCardSubtitle.vue
+++ b/packages/bootstrap-vue-next/src/components/BCard/BCardSubtitle.vue
@@ -7,21 +7,14 @@
 </template>
 
 <script setup lang="ts">
-import type {TextColorVariant} from '../../types'
+import type {BCardSubtitleProps} from '../../types'
 import {computed} from 'vue'
 
-const props = withDefaults(
-  defineProps<{
-    text?: string
-    tag?: string
-    textVariant?: TextColorVariant | null
-  }>(),
-  {
-    tag: 'h6',
-    text: undefined,
-    textVariant: 'body-secondary',
-  }
-)
+const props = withDefaults(defineProps<BCardSubtitleProps>(), {
+  tag: 'h6',
+  text: undefined,
+  textVariant: 'body-secondary',
+})
 
 defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
diff --git a/packages/bootstrap-vue-next/src/components/BCard/BCardText.vue b/packages/bootstrap-vue-next/src/components/BCard/BCardText.vue
index eb76971a4..790392378 100644
--- a/packages/bootstrap-vue-next/src/components/BCard/BCardText.vue
+++ b/packages/bootstrap-vue-next/src/components/BCard/BCardText.vue
@@ -7,16 +7,12 @@
 </template>
 
 <script setup lang="ts">
-withDefaults(
-  defineProps<{
-    tag?: string
-    text?: string
-  }>(),
-  {
-    tag: 'p',
-    text: undefined,
-  }
-)
+import type {BCardTextProps} from '../../types'
+
+withDefaults(defineProps<BCardTextProps>(), {
+  tag: 'p',
+  text: undefined,
+})
 
 defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
diff --git a/packages/bootstrap-vue-next/src/components/BCard/BCardTitle.vue b/packages/bootstrap-vue-next/src/components/BCard/BCardTitle.vue
index b5c2e9dfe..22da5527c 100644
--- a/packages/bootstrap-vue-next/src/components/BCard/BCardTitle.vue
+++ b/packages/bootstrap-vue-next/src/components/BCard/BCardTitle.vue
@@ -7,16 +7,12 @@
 </template>
 
 <script setup lang="ts">
-withDefaults(
-  defineProps<{
-    tag?: string
-    text?: string
-  }>(),
-  {
-    tag: 'h4',
-    text: undefined,
-  }
-)
+import type {BCardTitleProps} from '../../types'
+
+withDefaults(defineProps<BCardTitleProps>(), {
+  tag: 'h4',
+  text: undefined,
+})
 
 defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
diff --git a/packages/bootstrap-vue-next/src/components/BCarousel/BCarousel.vue b/packages/bootstrap-vue-next/src/components/BCarousel/BCarousel.vue
index 285d7cc47..614035ee1 100644
--- a/packages/bootstrap-vue-next/src/components/BCarousel/BCarousel.vue
+++ b/packages/bootstrap-vue-next/src/components/BCarousel/BCarousel.vue
@@ -1,6 +1,6 @@
 <template>
   <div :id="computedId" ref="element" class="carousel slide pointer-event" :class="computedClasses">
-    <div v-if="indicatorsBoolean" class="carousel-indicators">
+    <div v-if="props.indicators" class="carousel-indicators">
       <!-- :data-bs-target="`#${computedId}`" is required since the classes target elems with that attr -->
       <button
         v-for="(_, i) in slides.length"
@@ -36,7 +36,7 @@
       </TransitionGroup>
     </div>
 
-    <template v-if="controlsBoolean">
+    <template v-if="props.controls">
       <button class="carousel-control-prev" type="button" @click="prev">
         <span class="carousel-control-prev-icon" aria-hidden="true" />
         <span class="visually-hidden">{{ controlsPrevText }}</span>
@@ -52,67 +52,35 @@
 <script setup lang="ts">
 import {BvCarouselEvent, carouselInjectionKey, getSlotElements} from '../../utils'
 import {computed, provide, ref, toRef, watch} from 'vue'
-import {useBooleanish, useId} from '../../composables'
-import type {Booleanish, Numberish} from '../../types'
-import {
-  onKeyStroke,
-  useElementHover,
-  useIntervalFn,
-  useSwipe,
-  useToNumber,
-  useVModel,
-} from '@vueuse/core'
+import {useId} from '../../composables'
+import type {BCarouselProps} from '../../types'
+import {onKeyStroke, useElementHover, useIntervalFn, useSwipe, useToNumber} from '@vueuse/core'
 
-const props = withDefaults(
-  defineProps<{
-    background?: string
-    controls?: Booleanish
-    controlsNextText?: string
-    controlsPrevText?: string
-    fade?: Booleanish
-    id?: string
-    imgHeight?: string
-    imgWidth?: string
-    indicators?: Booleanish
-    indicatorsButtonLabel?: string
-    interval?: Numberish
-    keyboard?: Booleanish
-    modelValue?: number
-    noHoverPause?: Booleanish
-    noTouch?: Booleanish
-    noWrap?: Booleanish
-    ride?: Booleanish | 'carousel'
-    rideReverse?: Booleanish
-    touchThreshold?: Numberish
-  }>(),
-  {
-    background: undefined,
-    controls: false,
-    controlsNextText: 'Next',
-    controlsPrevText: 'Previous',
-    fade: false,
-    id: undefined,
-    imgHeight: undefined,
-    imgWidth: undefined,
-    indicators: false,
-    indicatorsButtonLabel: 'Slide',
-    interval: 5000,
-    keyboard: true,
-    modelValue: 0,
-    noHoverPause: false,
-    noTouch: false,
-    noWrap: false,
-    // eslint-disable-next-line vue/require-valid-default-prop
-    ride: false,
-    rideReverse: false,
-    touchThreshold: 50,
-  }
-)
+const props = withDefaults(defineProps<BCarouselProps>(), {
+  background: undefined,
+  controls: false,
+  controlsNextText: 'Next',
+  controlsPrevText: 'Previous',
+  fade: false,
+  id: undefined,
+  imgHeight: undefined,
+  imgWidth: undefined,
+  indicators: false,
+  indicatorsButtonLabel: 'Slide',
+  interval: 5000,
+  keyboard: true,
+  noHoverPause: false,
+  noTouch: false,
+  noWrap: false,
+  // eslint-disable-next-line vue/require-valid-default-prop
+  ride: false,
+  rideReverse: false,
+  touchThreshold: 50,
+})
 
 const emit = defineEmits<{
-  'slide': [value: BvCarouselEvent]
-  'slid': [value: BvCarouselEvent]
-  'update:modelValue': [value: number]
+  slide: [value: BvCarouselEvent]
+  slid: [value: BvCarouselEvent]
 }>()
 
 const slots = defineSlots<{
@@ -122,19 +90,10 @@ const slots = defineSlots<{
 
 const computedId = useId(() => props.id, 'carousel')
 
-const modelValue = useVModel(props, 'modelValue', emit, {passive: true})
+const modelValue = defineModel<number>({default: 0})
 
-const keyboardBoolean = useBooleanish(() => props.keyboard)
-const rideReverseBoolean = useBooleanish(() => props.rideReverse)
-const noHoverPauseBoolean = useBooleanish(() => props.noHoverPause)
-const fadeBoolean = useBooleanish(() => props.fade)
-const controlsBoolean = useBooleanish(() => props.controls)
-const indicatorsBoolean = useBooleanish(() => props.indicators)
-const noTouchBoolean = useBooleanish(() => props.noTouch)
-const noWrapBoolean = useBooleanish(() => props.noWrap)
 const touchThresholdNumber = useToNumber(() => props.touchThreshold)
 const intervalNumber = useToNumber(() => props.interval)
-const rideResolved = useBooleanish(() => props.ride)
 
 const isTransitioning = ref(false)
 const rideStarted = ref(false)
@@ -162,18 +121,17 @@ const leaveClasses = toRef(
 
 const {pause, resume} = useIntervalFn(
   () => {
-    rideReverseBoolean.value ? prev() : next()
+    props.rideReverse ? prev() : next()
   },
   intervalNumber,
-  {immediate: rideResolved.value === 'carousel'}
+  {immediate: props.ride === 'carousel'}
 )
 
 const isRiding = toRef(
-  () =>
-    (rideResolved.value === true && rideStarted.value === true) || rideResolved.value === 'carousel'
+  () => (props.ride === true && rideStarted.value === true) || props.ride === 'carousel'
 )
 const slides = computed(() => getSlotElements(slots.default, 'BCarouselSlide'))
-const computedClasses = computed(() => ({'carousel-fade': fadeBoolean.value}))
+const computedClasses = computed(() => ({'carousel-fade': props.fade}))
 // TODO a general idea of showing only slides that are in bounds
 // const localValue = computed(() =>
 //   props.modelValue >= slides.value.length
@@ -197,7 +155,7 @@ const buildBvCarouselEvent = (event: 'slid' | 'slide') =>
 const goToValue = (value: number): void => {
   if (isTransitioning.value === true) return
 
-  if (rideResolved.value === true) {
+  if (props.ride === true) {
     rideStarted.value = true
   }
   if (isRiding.value === true) {
@@ -205,12 +163,12 @@ const goToValue = (value: number): void => {
   }
   direction.value = value < modelValue.value ? false : true
   if (value >= slides.value.length) {
-    if (noWrapBoolean.value) return
+    if (props.noWrap) return
     modelValue.value = 0
     return
   }
   if (value < 0) {
-    if (noWrapBoolean.value) return
+    if (props.noWrap) return
     modelValue.value = slides.value.length - 1
     return
   }
@@ -226,12 +184,12 @@ const next = (): void => {
 }
 
 const onKeydown = (fn: () => void) => {
-  if (keyboardBoolean.value === false) return
+  if (props.keyboard === false) return
   fn()
 }
 
 const onMouseEnter = () => {
-  if (noHoverPauseBoolean.value) return
+  if (props.noHoverPause) return
   pause()
 }
 const onMouseLeave = () => {
@@ -242,11 +200,11 @@ const onMouseLeave = () => {
 const {lengthX} = useSwipe(element, {
   passive: true,
   onSwipeStart() {
-    if (noTouchBoolean.value === true) return
+    if (props.noTouch === true) return
     pause()
   },
   onSwipeEnd() {
-    if (noTouchBoolean.value === true) return
+    if (props.noTouch === true) return
     const resumeRiding = () => {
       if (isRiding.value === false) return
       resume()
@@ -295,9 +253,12 @@ onKeyStroke(
   {target: element}
 )
 
-watch(rideResolved, () => {
-  rideStarted.value = false
-})
+watch(
+  () => props.ride,
+  () => {
+    rideStarted.value = false
+  }
+)
 
 watch(isHovering, (newValue) => {
   if (newValue) {
diff --git a/packages/bootstrap-vue-next/src/components/BCarousel/BCarouselSlide.vue b/packages/bootstrap-vue-next/src/components/BCarousel/BCarouselSlide.vue
index ef558e758..100c84906 100644
--- a/packages/bootstrap-vue-next/src/components/BCarousel/BCarouselSlide.vue
+++ b/packages/bootstrap-vue-next/src/components/BCarousel/BCarouselSlide.vue
@@ -39,7 +39,7 @@
 
 <script setup lang="ts">
 import {computed, type CSSProperties, inject, toRef} from 'vue'
-import type {Booleanish, Numberish} from '../../types'
+import type {BCarouselSlideProps} from '../../types'
 import {carouselInjectionKey, isEmptySlot} from '../../utils'
 import BImg from '../BImg.vue'
 
@@ -47,48 +47,26 @@ import BImg from '../BImg.vue'
 // Need to add https://getbootstrap.com/docs/5.3/components/carousel/#individual-carousel-item-interval
 // Perhaps a provide/inject with next/prev values where the component can call those would work.
 
-const props = withDefaults(
-  defineProps<{
-    background?: string
-    caption?: string
-    captionHtml?: string
-    captionTag?: string
-    contentTag?: string
-    contentVisibleUp?: string
-    id?: string
-    imgAlt?: string
-    imgBlank?: Booleanish
-    imgBlankColor?: string
-    imgHeight?: Numberish
-    imgSrc?: string
-    imgSrcset?: string | readonly string[]
-    imgWidth?: Numberish
-    interval?: Numberish
-    text?: string
-    textHtml?: string
-    textTag?: string
-  }>(),
-  {
-    background: undefined,
-    caption: undefined,
-    captionHtml: undefined,
-    captionTag: 'h3',
-    contentTag: 'div',
-    contentVisibleUp: undefined,
-    id: undefined,
-    imgAlt: undefined,
-    imgBlank: false,
-    imgBlankColor: 'transparent',
-    imgHeight: undefined,
-    imgSrc: undefined,
-    imgSrcset: undefined,
-    imgWidth: undefined,
-    interval: undefined,
-    text: undefined,
-    textHtml: undefined,
-    textTag: 'p',
-  }
-)
+const props = withDefaults(defineProps<BCarouselSlideProps>(), {
+  background: undefined,
+  caption: undefined,
+  captionHtml: undefined,
+  captionTag: 'h3',
+  contentTag: 'div',
+  contentVisibleUp: undefined,
+  id: undefined,
+  imgAlt: undefined,
+  imgBlank: false,
+  imgBlankColor: 'transparent',
+  imgHeight: undefined,
+  imgSrc: undefined,
+  imgSrcset: undefined,
+  imgWidth: undefined,
+  interval: undefined,
+  text: undefined,
+  textHtml: undefined,
+  textTag: 'p',
+})
 
 const slots = defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
diff --git a/packages/bootstrap-vue-next/src/components/BCol.vue b/packages/bootstrap-vue-next/src/components/BCol.vue
index cf4d44603..d699861d0 100644
--- a/packages/bootstrap-vue-next/src/components/BCol.vue
+++ b/packages/bootstrap-vue-next/src/components/BCol.vue
@@ -6,9 +6,8 @@
 
 <script lang="ts">
 import {computed, defineComponent, type PropType, type SlotsType} from 'vue'
-import type {AlignmentVertical, Booleanish} from '../types'
+import type {AlignmentVertical} from '../types'
 import {getBreakpointProps, getClasses} from '../utils'
-import {useBooleanish} from '../composables'
 
 const breakpointCol = getBreakpointProps('', [], {type: [Boolean, String, Number], default: false})
 const breakpointOffset = getBreakpointProps('offset', [''], {type: [String, Number], default: null})
@@ -20,7 +19,7 @@ export default defineComponent({
     default?: Record<string, never>
   }>,
   props: {
-    col: {type: [Boolean, String] as PropType<Booleanish>, default: false}, // Generic flexbox .col (xs)
+    col: {type: Boolean, default: false}, // Generic flexbox .col (xs)
     cols: {type: [String, Number], default: null}, // .col-[1-12]|auto (xs)
     ...breakpointCol,
     offset: {type: [String, Number], default: null},
@@ -37,8 +36,6 @@ export default defineComponent({
       {content: breakpointOrder, propPrefix: 'order'},
     ]
 
-    const colBoolean = useBooleanish(() => props.col)
-
     const classList = computed(() =>
       properties.flatMap((el) => getClasses(props, el.content, el.propPrefix, el.classPrefix))
     )
@@ -46,7 +43,7 @@ export default defineComponent({
     const computedClasses = computed(() => [
       classList.value,
       {
-        col: colBoolean.value || (!classList.value.some((e) => /^col-/.test(e)) && !props.cols),
+        col: props.col || (!classList.value.some((e) => /^col-/.test(e)) && !props.cols),
         [`col-${props.cols}`]: !!props.cols,
         [`offset-${props.offset}`]: !!props.offset,
         [`order-${props.order}`]: !!props.order,
diff --git a/packages/bootstrap-vue-next/src/components/BCollapse.vue b/packages/bootstrap-vue-next/src/components/BCollapse.vue
index 63950b184..34b19d1f2 100644
--- a/packages/bootstrap-vue-next/src/components/BCollapse.vue
+++ b/packages/bootstrap-vue-next/src/components/BCollapse.vue
@@ -6,7 +6,7 @@
     ref="element"
     class="collapse"
     :class="computedClasses"
-    :is-nav="isNavBoolean"
+    :is-nav="props.isNav"
     v-bind="$attrs"
   >
     <slot v-bind="sharedSlots" />
@@ -15,39 +15,25 @@
 </template>
 
 <script setup lang="ts">
-import {computed, nextTick, onMounted, provide, readonly, ref, watch} from 'vue'
-import {useBooleanish, useId} from '../composables'
-import {useEventListener, useVModel} from '@vueuse/core'
-import type {Booleanish} from '../types'
+import {computed, nextTick, onMounted, provide, readonly, ref, toRef, watch} from 'vue'
+import {useId} from '../composables'
+import {useEventListener} from '@vueuse/core'
 import {BvTriggerableEvent, collapseInjectionKey, getTransitionDelay} from '../utils'
+import type {BCollapseProps} from '../types'
 
 defineOptions({
   inheritAttrs: false,
 })
 
-const props = withDefaults(
-  defineProps<{
-    // appear?: Booleanish
-    horizontal?: Booleanish
-    id?: string
-    isNav?: Booleanish
-    modelValue?: Booleanish
-    skipAnimation?: Booleanish
-    tag?: string
-    toggle?: Booleanish
-    visible?: Booleanish
-  }>(),
-  {
-    horizontal: false,
-    id: undefined,
-    isNav: false,
-    modelValue: false,
-    skipAnimation: false,
-    tag: 'div',
-    toggle: false,
-    visible: false,
-  }
-)
+const props = withDefaults(defineProps<BCollapseProps>(), {
+  horizontal: false,
+  id: undefined,
+  isNav: false,
+  skipAnimation: false,
+  tag: 'div',
+  toggle: false,
+  visible: false,
+})
 
 const emit = defineEmits<{
   'hidden': []
@@ -56,13 +42,12 @@ const emit = defineEmits<{
   'show': [value: BvTriggerableEvent]
   'show-prevented': []
   'shown': []
-  'update:modelValue': [value: boolean]
 }>()
 
 type SharedSlotsData = {
-  close: () => void
+  hide: () => void
   id: string
-  open: () => void
+  show: () => void
   toggle: () => void
   visible: boolean
 }
@@ -89,50 +74,45 @@ const buildTriggerableEvent = (
     componentId: computedId.value,
   })
 
-const modelValue = useVModel(props, 'modelValue', emit, {passive: true})
-
-const modelValueBoolean = useBooleanish(modelValue)
-const toggleBoolean = useBooleanish(() => props.toggle)
-const horizontalBoolean = useBooleanish(() => props.horizontal)
-const isNavBoolean = useBooleanish(() => props.isNav)
-const visibleBoolean = useBooleanish(() => props.visible)
-const skipAnimationBoolean = useBooleanish(() => props.skipAnimation)
+const modelValue = defineModel<boolean>({
+  default: false,
+})
 
 const computedId = useId(() => props.id, 'collapse')
 
 const element = ref<HTMLElement | null>(null)
 const isCollapsing = ref(false)
-const show = ref(modelValueBoolean.value)
+const showRef = ref(modelValue.value)
 
 const computedClasses = computed(() => ({
-  'show': show.value,
-  'navbar-collapse': isNavBoolean.value,
+  'show': showRef.value,
+  'navbar-collapse': props.isNav,
   'collapsing': isCollapsing.value,
-  'closing': show.value && !modelValueBoolean.value,
-  'collapse-horizontal': horizontalBoolean.value,
+  'closing': showRef.value && !modelValue.value,
+  'collapse-horizontal': props.horizontal,
 }))
 
-const close = () => {
+const hide = () => {
   modelValue.value = false
 }
-const open = () => {
+const show = () => {
   modelValue.value = true
 }
 const toggleFn = () => {
-  modelValue.value = !modelValueBoolean.value
+  modelValue.value = !modelValue.value
 }
 
 const sharedSlots = computed<SharedSlotsData>(() => ({
   toggle: toggleFn,
-  open,
-  close,
+  show,
+  hide,
   id: computedId.value,
-  visible: modelValueBoolean.value,
+  visible: modelValue.value,
 }))
 
 let revealTimeout: ReturnType<typeof setTimeout> | undefined
 let hideTimeout: ReturnType<typeof setTimeout> | undefined
-let _skipAnimation = skipAnimationBoolean.value
+let _skipAnimation = props.skipAnimation
 
 const reveal = () => {
   const event = buildTriggerableEvent('show', {cancelable: true})
@@ -143,12 +123,12 @@ const reveal = () => {
   }
   clearTimeout(hideTimeout)
   clearTimeout(revealTimeout)
-  show.value = true
+  showRef.value = true
   if (_skipAnimation) return
   isCollapsing.value = true
   nextTick(() => {
     if (element.value === null) return
-    if (horizontalBoolean.value) {
+    if (props.horizontal) {
       element.value.style.width = `${element.value.scrollWidth}px`
     } else {
       element.value.style.height = `${element.value.scrollHeight}px`
@@ -163,7 +143,7 @@ const reveal = () => {
   })
 }
 
-const hide = () => {
+const hideFn = () => {
   const event = buildTriggerableEvent('hide', {cancelable: true})
   emit('hide', event)
   if (event.defaultPrevented) {
@@ -174,7 +154,7 @@ const hide = () => {
   clearTimeout(hideTimeout)
   if (element.value === null) return
   if (_skipAnimation) {
-    show.value = false
+    showRef.value = false
     return
   }
   if (isCollapsing.value) {
@@ -182,7 +162,7 @@ const hide = () => {
     element.value.style.width = ``
     // return
   } else {
-    if (horizontalBoolean.value) {
+    if (props.horizontal) {
       element.value.style.width = `${element.value.scrollWidth}px`
     } else {
       element.value.style.height = `${element.value.scrollHeight}px`
@@ -196,7 +176,7 @@ const hide = () => {
     element.value.style.height = ``
     element.value.style.width = ``
     hideTimeout = setTimeout(() => {
-      show.value = false
+      showRef.value = false
       isCollapsing.value = false
       emit('hidden')
     }, getTransitionDelay(element.value))
@@ -204,56 +184,62 @@ const hide = () => {
 }
 
 watch(modelValue, () => {
-  modelValueBoolean.value ? reveal() : hide()
+  modelValue.value ? reveal() : hideFn()
 })
 
 onMounted(() => {
   if (element.value === null) return
-  if (!modelValueBoolean.value && toggleBoolean.value) {
+  if (!modelValue.value && props.toggle) {
     nextTick(() => {
       modelValue.value = true
     })
   }
 })
 
-watch(skipAnimationBoolean, (newval) => {
-  _skipAnimation = newval
-})
+watch(
+  () => props.skipAnimation,
+  (newval) => {
+    _skipAnimation = newval
+  }
+)
 
-if (visibleBoolean.value) {
+if (props.visible) {
   _skipAnimation = true
   modelValue.value = true
   nextTick(() => {
-    _skipAnimation = skipAnimationBoolean.value
+    _skipAnimation = props.skipAnimation
   })
 }
 
-watch(visibleBoolean, (newval) => {
-  _skipAnimation = true
-  newval ? open() : close()
-  nextTick(() => {
-    _skipAnimation = skipAnimationBoolean.value
-  })
-})
+watch(
+  () => props.visible,
+  (newval) => {
+    _skipAnimation = true
+    newval ? show() : hide()
+    nextTick(() => {
+      _skipAnimation = props.skipAnimation
+    })
+  }
+)
 
 useEventListener(element, 'bv-toggle', () => {
-  modelValue.value = !modelValueBoolean.value
+  modelValue.value = !modelValue.value
 })
 
 defineExpose({
-  close,
-  isNav: isNavBoolean,
-  open,
+  hide,
+  isNav: props.isNav,
+  show,
   toggle: toggleFn,
-  visible: readonly(show),
+  visible: readonly(showRef),
 })
 
 provide(collapseInjectionKey, {
   id: computedId,
-  close,
-  open,
+  hide,
+  show,
   toggle: toggleFn,
-  visible: readonly(show),
-  isNav: isNavBoolean,
+  visible: readonly(showRef),
+  isNav: toRef(() => props.isNav),
 })
 </script>
diff --git a/packages/bootstrap-vue-next/src/components/BContainer.vue b/packages/bootstrap-vue-next/src/components/BContainer.vue
index 9c617a2f3..57e2a92a6 100644
--- a/packages/bootstrap-vue-next/src/components/BContainer.vue
+++ b/packages/bootstrap-vue-next/src/components/BContainer.vue
@@ -5,34 +5,24 @@
 </template>
 
 <script setup lang="ts">
-import type {Booleanish, Breakpoint, Numberish} from '../types'
+import type {BContainerProps} from '../types'
 import {computed} from 'vue'
 import {useToNumber} from '@vueuse/core'
-import {useBooleanish} from '..//composables'
 
-const props = withDefaults(
-  defineProps<{
-    fluid?: Booleanish | Breakpoint
-    gutterX?: Numberish
-    gutterY?: Numberish
-    tag?: string
-  }>(),
-  {
-    fluid: false,
-    gutterX: undefined,
-    gutterY: undefined,
-    tag: 'div',
-  }
-)
+const props = withDefaults(defineProps<BContainerProps>(), {
+  fluid: false,
+  gutterX: undefined,
+  gutterY: undefined,
+  tag: 'div',
+})
 
 const gutterXToNumber = useToNumber(() => props.gutterX ?? NaN, {method: 'parseInt'})
 const gutterYToNumber = useToNumber(() => props.gutterY ?? NaN, {method: 'parseInt'})
-const resolvedFluid = useBooleanish(() => props.fluid)
 
 const computedClasses = computed(() => ({
-  container: resolvedFluid.value === false,
-  [`container-fluid`]: resolvedFluid.value === true,
-  [`container-${resolvedFluid.value}`]: typeof resolvedFluid.value === 'string',
+  container: props.fluid === false,
+  [`container-fluid`]: props.fluid === true,
+  [`container-${props.fluid}`]: typeof props.fluid === 'string',
   [`gx-${gutterXToNumber.value}`]: !Number.isNaN(gutterXToNumber.value),
   [`gy-${gutterYToNumber.value}`]: !Number.isNaN(gutterYToNumber.value),
 }))
diff --git a/packages/bootstrap-vue-next/src/components/BDropdown/BDropdown.vue b/packages/bootstrap-vue-next/src/components/BDropdown/BDropdown.vue
index a9385da6a..89eb575ff 100644
--- a/packages/bootstrap-vue-next/src/components/BDropdown/BDropdown.vue
+++ b/packages/bootstrap-vue-next/src/components/BDropdown/BDropdown.vue
@@ -6,13 +6,13 @@
       :variant="splitVariant || variant"
       :size="size"
       :class="buttonClasses"
-      :disabled="splitDisabledBoolean || disabled"
+      :disabled="props.splitDisabled || disabled"
       :type="splitButtonType"
       :aria-label="ariaLabel"
-      :aria-expanded="splitBoolean ? undefined : modelValueBoolean"
-      :aria-haspopup="splitBoolean ? undefined : 'menu'"
-      :href="splitBoolean ? splitHref : undefined"
-      :to="splitBoolean && splitTo ? splitTo : undefined"
+      :aria-expanded="props.split ? undefined : modelValue"
+      :aria-haspopup="props.split ? undefined : 'menu'"
+      :href="props.split ? splitHref : undefined"
+      :to="props.split && splitTo ? splitTo : undefined"
       @click="onSplitClick"
     >
       <slot name="button-content">
@@ -20,14 +20,14 @@
       </slot>
     </BButton>
     <BButton
-      v-if="splitBoolean"
+      v-if="props.split"
       ref="button"
       :variant="variant"
       :size="size"
       :disabled="disabled"
-      :class="[toggleClass, {show: modelValueBoolean}]"
+      :class="[toggleClass, {show: modelValue}]"
       class="dropdown-toggle-split dropdown-toggle"
-      :aria-expanded="modelValueBoolean"
+      :aria-expanded="modelValue"
       aria-haspopup="menu"
       @click="onButtonClick"
     >
@@ -37,19 +37,19 @@
         </slot>
       </span>
     </BButton>
-    <Teleport :to="container || 'body'" :disabled="!container">
+    <Teleport :to="teleportTo" :disabled="!teleportTo || teleportDisabled">
       <ul
-        v-if="!lazyBoolean || modelValueBoolean"
-        v-show="lazyBoolean || modelValueBoolean"
+        v-if="!props.lazy || modelValue"
+        v-show="props.lazy || modelValue"
         ref="floating"
         :style="[floatingStyles, sizeStyles]"
         class="dropdown-menu overflow-auto"
-        :class="[menuClass, {show: modelValueBoolean}]"
+        :class="[menuClass, {show: modelValue}]"
         :aria-labelledby="computedId"
         :role="role"
         @click="onClickInside"
       >
-        <slot :hide="close" :show="open" />
+        <slot :hide="hide" :show="show" />
       </ul>
     </Teleport>
   </div>
@@ -67,9 +67,9 @@ import {
   size as sizeMiddleware,
   useFloating,
 } from '@floating-ui/vue'
-import {onClickOutside, onKeyStroke, useToNumber, useVModel} from '@vueuse/core'
+import {onClickOutside, onKeyStroke, useToNumber} from '@vueuse/core'
 import {computed, type CSSProperties, nextTick, provide, ref, toRef, watch} from 'vue'
-import {useBooleanish, useId} from '../../composables'
+import {useId} from '../../composables'
 import type {BDropdownProps} from '../../types'
 import {BvTriggerableEvent, dropdownInjectionKey, resolveFloatingPlacement} from '../../utils'
 import BButton from '../BButton/BButton.vue'
@@ -83,7 +83,8 @@ const props = withDefaults(defineProps<BDropdownProps>(), {
   boundary: 'clippingAncestors',
   boundaryPadding: undefined,
   center: false,
-  container: undefined,
+  teleportTo: undefined,
+  teleportDisabled: false,
   disabled: false,
   dropend: false,
   dropstart: false,
@@ -94,7 +95,6 @@ const props = withDefaults(defineProps<BDropdownProps>(), {
   isNav: false,
   lazy: false,
   menuClass: undefined,
-  modelValue: false,
   noCaret: false,
   noFlip: false,
   noShift: false,
@@ -125,7 +125,6 @@ const emit = defineEmits<{
   'show-prevented': []
   'shown': []
   'toggle': []
-  'update:modelValue': [value: boolean]
 }>()
 
 defineSlots<{
@@ -139,22 +138,7 @@ defineSlots<{
 
 const computedId = useId(() => props.id, 'dropdown')
 
-const modelValue = useVModel(props, 'modelValue', emit, {passive: true})
-
-const modelValueBoolean = useBooleanish(modelValue)
-const dropupBoolean = useBooleanish(() => props.dropup)
-const dropendBoolean = useBooleanish(() => props.dropend)
-const isNavBoolean = useBooleanish(() => props.isNav)
-const dropstartBoolean = useBooleanish(() => props.dropstart)
-const centerBoolean = useBooleanish(() => props.center)
-const endBoolean = useBooleanish(() => props.end)
-const splitBoolean = useBooleanish(() => props.split)
-const noCaretBoolean = useBooleanish(() => props.noCaret)
-const noFlipBoolean = useBooleanish(() => props.noFlip)
-const noShiftBoolean = useBooleanish(() => props.noShift)
-const noSizeBoolean = useBooleanish(() => props.noSize)
-const lazyBoolean = useBooleanish(() => props.lazy)
-const splitDisabledBoolean = useBooleanish(() => props.splitDisabled)
+const modelValue = defineModel<boolean>({default: false})
 
 const computedOffset = toRef(() =>
   typeof props.offset === 'string' || typeof props.offset === 'number' ? props.offset : NaN
@@ -173,26 +157,28 @@ const rootBoundary = computed<RootBoundary | undefined>(() =>
   props.boundary === 'document' || props.boundary === 'viewport' ? props.boundary : undefined
 )
 
-const referencePlacement = toRef(() => (!splitBoolean.value ? splitButton.value : button.value))
+const referencePlacement = toRef(() => (!props.split ? splitButton.value : button.value))
 
 onKeyStroke(
   'Escape',
   () => {
-    modelValue.value = !modelValueBoolean
+    modelValue.value = !modelValue.value
   },
   {target: referencePlacement}
 )
 onKeyStroke(
   'Escape',
   () => {
-    modelValue.value = !modelValueBoolean
+    modelValue.value = !modelValue.value
   },
   {target: floating}
 )
 
 const keynav = (e: Readonly<Event>, v: number) => {
+  if (floating.value?.contains((e.target as HTMLElement)?.closest('form'))) return
+  if (/input|select|option|textarea|form/i.test((e.target as HTMLElement)?.tagName)) return
   e.preventDefault()
-  if (!modelValueBoolean.value) {
+  if (!modelValue.value) {
     open()
     nextTick(() => keynav(e, v))
     return
@@ -215,11 +201,11 @@ onKeyStroke('ArrowDown', (e) => keynav(e, 1), {target: floating})
 
 const floatingPlacement = computed(() =>
   resolveFloatingPlacement({
-    top: dropupBoolean.value,
-    start: dropstartBoolean.value,
-    end: dropendBoolean.value,
-    alignCenter: centerBoolean.value,
-    alignEnd: endBoolean.value,
+    top: props.dropup,
+    start: props.dropstart,
+    end: props.dropend,
+    alignCenter: props.center,
+    alignEnd: props.end,
   })
 )
 const sizeStyles = ref<CSSProperties>({})
@@ -232,7 +218,7 @@ const floatingMiddleware = computed<Middleware[]>(() => {
       ? offsetToNumber.value
       : props.offset
   const arr: Middleware[] = [offsetMiddleware(localOffset)]
-  if (noFlipBoolean.value === false) {
+  if (props.noFlip === false) {
     arr.push(
       flip({
         boundary: boundary.value,
@@ -241,7 +227,7 @@ const floatingMiddleware = computed<Middleware[]>(() => {
       })
     )
   }
-  if (noShiftBoolean.value === false) {
+  if (props.noShift === false) {
     arr.push(
       shift({
         boundary: boundary.value,
@@ -250,7 +236,7 @@ const floatingMiddleware = computed<Middleware[]>(() => {
       })
     )
   }
-  if (noSizeBoolean.value === false) {
+  if (props.noSize === false) {
     arr.push(
       sizeMiddleware({
         boundary: boundary.value,
@@ -258,9 +244,8 @@ const floatingMiddleware = computed<Middleware[]>(() => {
         padding: props.boundaryPadding,
         apply({availableWidth, availableHeight}) {
           sizeStyles.value = {
-            maxHeight:
-              availableHeight && modelValueBoolean.value ? `${availableHeight}px` : undefined,
-            maxWidth: availableWidth && modelValueBoolean.value ? `${availableWidth}px` : undefined,
+            maxHeight: availableHeight && modelValue.value ? `${availableHeight}px` : undefined,
+            maxWidth: availableWidth && modelValue.value ? `${availableWidth}px` : undefined,
           }
         },
       })
@@ -276,19 +261,19 @@ const {update, floatingStyles} = useFloating(referencePlacement, floating, {
 })
 
 const computedClasses = computed(() => ({
-  'dropup': dropupBoolean.value,
-  'dropend': dropendBoolean.value,
-  'dropstart': dropstartBoolean.value,
-  'position-static': props.boundary !== 'clippingAncestors' && !isNavBoolean.value,
+  'dropup': props.dropup,
+  'dropend': props.dropend,
+  'dropstart': props.dropstart,
+  'position-static': props.boundary !== 'clippingAncestors' && !props.isNav,
 }))
 
 const buttonClasses = computed(() => [
-  splitBoolean.value ? props.splitClass : props.toggleClass,
+  props.split ? props.splitClass : props.toggleClass,
   {
-    'nav-link': isNavBoolean.value,
-    'dropdown-toggle': !splitBoolean.value,
-    'dropdown-toggle-no-caret': noCaretBoolean.value && !splitBoolean.value,
-    'show': splitBoolean.value ? undefined : modelValueBoolean.value,
+    'nav-link': props.isNav,
+    'dropdown-toggle': !props.split,
+    'dropdown-toggle-no-caret': props.noCaret && !props.split,
+    'show': props.split ? undefined : modelValue.value,
   },
 ])
 
@@ -297,33 +282,33 @@ const onButtonClick = () => {
 }
 
 const onSplitClick = (event: Readonly<MouseEvent>) => {
-  splitBoolean.value ? emit('click', event) : onButtonClick()
+  props.split ? emit('click', event) : onButtonClick()
 }
 
 onClickOutside(
   floating,
   () => {
-    if (modelValueBoolean.value && (props.autoClose === true || props.autoClose === 'outside')) {
+    if (modelValue.value && (props.autoClose === true || props.autoClose === 'outside')) {
       toggle()
     }
   },
   {ignore: [button, splitButton]}
 )
 const onClickInside = () => {
-  if (modelValueBoolean.value && (props.autoClose === true || props.autoClose === 'inside')) {
+  if (modelValue.value && (props.autoClose === true || props.autoClose === 'inside')) {
     toggle()
   }
 }
 
-const close = () => {
+const hide = () => {
   modelValue.value && toggle()
 }
-const open = () => {
+const show = () => {
   modelValue.value || toggle()
 }
 const toggle = () => {
   emit('toggle')
-  const currentModelValue = modelValueBoolean.value
+  const currentModelValue = modelValue.value
   const e = new BvTriggerableEvent(currentModelValue ? 'hide' : 'show')
   currentModelValue ? emit('hide', e) : emit('show', e)
   if (e.defaultPrevented) {
@@ -335,22 +320,22 @@ const toggle = () => {
   wrapper.value?.dispatchEvent(new Event('forceHide'))
 }
 
-watch(modelValueBoolean, () => {
+watch(modelValue, () => {
   update()
 })
 
 defineExpose({
-  close,
-  open,
+  hide,
+  show,
   toggle,
 })
 
 provide(dropdownInjectionKey, {
   id: computedId,
-  open,
-  close,
+  show,
+  hide,
   toggle,
-  visible: modelValueBoolean,
-  isNav: isNavBoolean,
+  visible: toRef(() => modelValue.value),
+  isNav: toRef(() => props.isNav),
 })
 </script>
diff --git a/packages/bootstrap-vue-next/src/components/BDropdown/BDropdownDivider.vue b/packages/bootstrap-vue-next/src/components/BDropdown/BDropdownDivider.vue
index 81f407a17..0c87927f8 100644
--- a/packages/bootstrap-vue-next/src/components/BDropdown/BDropdownDivider.vue
+++ b/packages/bootstrap-vue-next/src/components/BDropdown/BDropdownDivider.vue
@@ -5,12 +5,9 @@
 </template>
 
 <script setup lang="ts">
-withDefaults(
-  defineProps<{
-    tag?: string
-  }>(),
-  {
-    tag: 'hr',
-  }
-)
+import type {BDropdownDividerProps} from '../../types'
+
+withDefaults(defineProps<BDropdownDividerProps>(), {
+  tag: 'hr',
+})
 </script>
diff --git a/packages/bootstrap-vue-next/src/components/BDropdown/BDropdownGroup.vue b/packages/bootstrap-vue-next/src/components/BDropdown/BDropdownGroup.vue
index 526a2a2a6..0e5493886 100644
--- a/packages/bootstrap-vue-next/src/components/BDropdown/BDropdownGroup.vue
+++ b/packages/bootstrap-vue-next/src/components/BDropdown/BDropdownGroup.vue
@@ -24,31 +24,21 @@
 </template>
 
 <script setup lang="ts">
-import type {ClassValue, ColorVariant} from '../../types'
+import type {BDropdownGroupProps} from '../../types'
 import {computed, toRef} from 'vue'
 
 defineOptions({
   inheritAttrs: false,
 })
 
-const props = withDefaults(
-  defineProps<{
-    ariaDescribedby?: string
-    header?: string
-    headerClass?: ClassValue
-    headerTag?: string
-    headerVariant?: ColorVariant | null
-    id?: string
-  }>(),
-  {
-    ariaDescribedby: undefined,
-    header: undefined,
-    headerClass: undefined,
-    headerTag: 'header',
-    headerVariant: null,
-    id: undefined,
-  }
-)
+const props = withDefaults(defineProps<BDropdownGroupProps>(), {
+  ariaDescribedby: undefined,
+  header: undefined,
+  headerClass: undefined,
+  headerTag: 'header',
+  headerVariant: null,
+  id: undefined,
+})
 
 defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
diff --git a/packages/bootstrap-vue-next/src/components/BDropdown/BDropdownItem.vue b/packages/bootstrap-vue-next/src/components/BDropdown/BDropdownItem.vue
index db1929199..d994f9f8a 100644
--- a/packages/bootstrap-vue-next/src/components/BDropdown/BDropdownItem.vue
+++ b/packages/bootstrap-vue-next/src/components/BDropdown/BDropdownItem.vue
@@ -4,9 +4,9 @@
       :is="computedTag"
       class="dropdown-item"
       :class="computedClasses"
-      :disabled="disabledBoolean"
-      :aria-disabled="disabledBoolean ? true : null"
-      :aria-current="activeBoolean ? true : null"
+      :disabled="props.disabled"
+      :aria-disabled="props.disabled ? true : null"
+      :aria-current="props.active ? true : null"
       :href="computedTag === 'a' ? href : null"
       :rel="rel"
       role="menuitem"
@@ -23,49 +23,41 @@
 <script setup lang="ts">
 import BLink from '../BLink/BLink.vue'
 import {computed, inject, toRef, useAttrs} from 'vue'
-import type {AttrsValue, BLinkProps, ClassValue} from '../../types'
-import {useBLinkHelper, useBooleanish} from '../../composables'
+import type {BDropdownItemProps} from '../../types'
+import {useBLinkHelper} from '../../composables'
 import {collapseInjectionKey, dropdownInjectionKey, navbarInjectionKey} from '../../utils'
 
 defineOptions({
   inheritAttrs: false,
 })
 
-const props = withDefaults(
-  defineProps<
-    {
-      linkClass?: ClassValue
-      wrapperAttrs?: Readonly<AttrsValue>
-    } & Omit<BLinkProps, 'routerTag'>
-  >(),
-  {
-    wrapperAttrs: undefined,
-    // Link props
-    linkClass: undefined,
-    variant: null,
-    // All others use defaults
-    active: undefined,
-    activeClass: undefined,
-    append: undefined,
-    disabled: undefined,
-    exactActiveClass: undefined,
-    href: undefined,
-    icon: undefined,
-    opacity: undefined,
-    opacityHover: undefined,
-    rel: undefined,
-    replace: undefined,
-    routerComponentName: undefined,
-    target: undefined,
-    to: undefined,
-    underlineOffset: undefined,
-    underlineOffsetHover: undefined,
-    underlineOpacity: undefined,
-    underlineOpacityHover: undefined,
-    underlineVariant: undefined,
-    // End link props
-  }
-)
+const props = withDefaults(defineProps<BDropdownItemProps>(), {
+  wrapperAttrs: undefined,
+  // Link props
+  linkClass: undefined,
+  variant: null,
+  // All others use defaults
+  active: undefined,
+  activeClass: undefined,
+  append: undefined,
+  disabled: undefined,
+  exactActiveClass: undefined,
+  href: undefined,
+  icon: undefined,
+  opacity: undefined,
+  opacityHover: undefined,
+  rel: undefined,
+  replace: undefined,
+  routerComponentName: undefined,
+  target: undefined,
+  to: undefined,
+  underlineOffset: undefined,
+  underlineOffsetHover: undefined,
+  underlineOpacity: undefined,
+  underlineOpacityHover: undefined,
+  underlineVariant: undefined,
+  // End link props
+})
 
 const emit = defineEmits<{
   click: [value: MouseEvent]
@@ -73,9 +65,6 @@ const emit = defineEmits<{
 
 const {class: wrapperClass, ...attrs} = useAttrs()
 
-const activeBoolean = useBooleanish(() => props.active)
-const disabledBoolean = useBooleanish(() => props.disabled)
-
 defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   default?: (props: Record<string, never>) => any
@@ -86,8 +75,8 @@ const {computedLink, computedLinkProps} = useBLinkHelper(props)
 const computedClasses = computed(() => [
   props.linkClass,
   {
-    active: activeBoolean.value,
-    disabled: disabledBoolean.value,
+    active: props.active,
+    disabled: props.disabled,
     [`text-${props.variant}`]: props.variant !== null,
   },
 ])
@@ -102,8 +91,8 @@ const navbarData = inject(navbarInjectionKey, null)
 const clicked = (e: Readonly<MouseEvent>): void => {
   emit('click', e)
   if (navbarData !== null && navbarData?.autoClose?.value === true) {
-    collapseData?.close?.()
+    collapseData?.hide?.()
   }
-  dropdownData?.close?.()
+  dropdownData?.hide?.()
 }
 </script>
diff --git a/packages/bootstrap-vue-next/src/components/BDropdown/BDropdownItemButton.vue b/packages/bootstrap-vue-next/src/components/BDropdown/BDropdownItemButton.vue
index 33c507094..ee170f061 100644
--- a/packages/bootstrap-vue-next/src/components/BDropdown/BDropdownItemButton.vue
+++ b/packages/bootstrap-vue-next/src/components/BDropdown/BDropdownItemButton.vue
@@ -5,7 +5,7 @@
       type="button"
       class="dropdown-item"
       :class="computedClasses"
-      :disabled="disabledBoolean"
+      :disabled="props.disabled"
       @click="clicked"
     >
       <slot />
@@ -14,38 +14,25 @@
 </template>
 
 <script setup lang="ts">
-import type {Booleanish, ClassValue, ColorVariant} from '../../types'
+import type {BDropdownItemButtonProps} from '../../types'
 import {computed} from 'vue'
-import {useBooleanish} from '../../composables'
 
 defineOptions({
   inheritAttrs: false,
 })
 
-const props = withDefaults(
-  defineProps<{
-    active?: Booleanish
-    activeClass?: ClassValue
-    buttonClass?: ClassValue
-    disabled?: Booleanish
-    variant?: ColorVariant | null
-  }>(),
-  {
-    active: false,
-    activeClass: 'active',
-    buttonClass: undefined,
-    disabled: false,
-    variant: null,
-  }
-)
+const props = withDefaults(defineProps<BDropdownItemButtonProps>(), {
+  active: false,
+  activeClass: 'active',
+  buttonClass: undefined,
+  disabled: false,
+  variant: null,
+})
 
 const emit = defineEmits<{
   click: [value: MouseEvent]
 }>()
 
-const activeBoolean = useBooleanish(() => props.active)
-const disabledBoolean = useBooleanish(() => props.disabled)
-
 defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   default?: (props: Record<string, never>) => any
@@ -54,8 +41,8 @@ defineSlots<{
 const computedClasses = computed(() => [
   props.buttonClass,
   {
-    [props.activeClass]: activeBoolean.value,
-    disabled: disabledBoolean.value,
+    [props.activeClass]: props.active,
+    disabled: props.disabled,
     [`text-${props.variant}`]: props.variant !== null,
   },
 ])
diff --git a/packages/bootstrap-vue-next/src/components/BDropdown/BDropdownText.vue b/packages/bootstrap-vue-next/src/components/BDropdown/BDropdownText.vue
index 1f882f822..647c4c1d1 100644
--- a/packages/bootstrap-vue-next/src/components/BDropdown/BDropdownText.vue
+++ b/packages/bootstrap-vue-next/src/components/BDropdown/BDropdownText.vue
@@ -9,14 +9,11 @@
 </template>
 
 <script setup lang="ts">
-withDefaults(
-  defineProps<{
-    text?: string
-  }>(),
-  {
-    text: '',
-  }
-)
+import type {BDropdownTextProps} from '../../types'
+
+withDefaults(defineProps<BDropdownTextProps>(), {
+  text: '',
+})
 
 defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
diff --git a/packages/bootstrap-vue-next/src/components/BDropdown/dropdown.spec.ts b/packages/bootstrap-vue-next/src/components/BDropdown/dropdown.spec.ts
index a333ae522..e95e1f259 100644
--- a/packages/bootstrap-vue-next/src/components/BDropdown/dropdown.spec.ts
+++ b/packages/bootstrap-vue-next/src/components/BDropdown/dropdown.spec.ts
@@ -434,9 +434,9 @@ describe('dropdown', () => {
     await $bbutton.trigger('click')
     expect(wrapper.emitted()).toHaveProperty('toggle')
   })
-  it('container prop to teleport to body', async () => {
+  it('teleportTo prop to teleport to body', async () => {
     const wrapper = mount(BDropdown, {
-      props: {container: 'body'},
+      props: {teleportTo: 'body'},
     })
     expect(wrapper.exists()).toBe(true)
     expect(wrapper.element.querySelector('ul')).toBe(null)
diff --git a/packages/bootstrap-vue-next/src/components/BForm/BForm.vue b/packages/bootstrap-vue-next/src/components/BForm/BForm.vue
index d0ac0c3e5..25f705a3d 100644
--- a/packages/bootstrap-vue-next/src/components/BForm/BForm.vue
+++ b/packages/bootstrap-vue-next/src/components/BForm/BForm.vue
@@ -2,7 +2,7 @@
   <form
     :id="id"
     ref="element"
-    :novalidate="novalidateBoolean"
+    :novalidate="props.novalidate"
     :class="computedClasses"
     @submit.prevent="submitted"
   >
@@ -12,7 +12,6 @@
 
 <script setup lang="ts">
 import type {BFormProps} from '../../types'
-import {useBooleanish} from '../../composables'
 import {computed, ref} from 'vue'
 
 const props = withDefaults(defineProps<BFormProps>(), {
@@ -28,18 +27,14 @@ const emit = defineEmits<{
 
 const element = ref<HTMLFormElement | null>(null)
 
-const floatingBoolean = useBooleanish(() => props.floating)
-const novalidateBoolean = useBooleanish(() => props.novalidate)
-const validatedBoolean = useBooleanish(() => props.validated)
-
 defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   default?: (props: Record<string, never>) => any
 }>()
 
 const computedClasses = computed(() => ({
-  'form-floating': floatingBoolean.value,
-  'was-validated': validatedBoolean.value,
+  'form-floating': props.floating,
+  'was-validated': props.validated,
 }))
 
 const submitted = (e: Readonly<Event>) => {
diff --git a/packages/bootstrap-vue-next/src/components/BForm/BFormFloatingLabel.vue b/packages/bootstrap-vue-next/src/components/BForm/BFormFloatingLabel.vue
index bd78f1983..25711d54c 100644
--- a/packages/bootstrap-vue-next/src/components/BForm/BFormFloatingLabel.vue
+++ b/packages/bootstrap-vue-next/src/components/BForm/BFormFloatingLabel.vue
@@ -12,18 +12,13 @@
 </template>
 
 <script setup lang="ts">
-withDefaults(
-  defineProps<{
-    label?: string
-    labelFor?: string
-    text?: string
-  }>(),
-  {
-    label: undefined,
-    labelFor: undefined,
-    text: undefined,
-  }
-)
+import type {BFormFloatingLabelProps} from '../../types'
+
+withDefaults(defineProps<BFormFloatingLabelProps>(), {
+  label: undefined,
+  labelFor: undefined,
+  text: undefined,
+})
 
 defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
diff --git a/packages/bootstrap-vue-next/src/components/BForm/BFormInvalidFeedback.vue b/packages/bootstrap-vue-next/src/components/BForm/BFormInvalidFeedback.vue
index 990738237..3deec84e5 100644
--- a/packages/bootstrap-vue-next/src/components/BForm/BFormInvalidFeedback.vue
+++ b/packages/bootstrap-vue-next/src/components/BForm/BFormInvalidFeedback.vue
@@ -16,7 +16,6 @@
 <script setup lang="ts">
 import {computed, toRef} from 'vue'
 import type {BFormFeedbackSharedProps} from '../../types'
-import {useBooleanish} from '../../composables'
 
 const props = withDefaults(defineProps<BFormFeedbackSharedProps>(), {
   ariaLive: undefined,
@@ -34,15 +33,11 @@ defineSlots<{
   default?: (props: Record<string, never>) => any
 }>()
 
-const forceShowBoolean = useBooleanish(() => props.forceShow)
-const stateBoolean = useBooleanish(() => props.state)
-const tooltipBoolean = useBooleanish(() => props.tooltip)
-
-const computedShow = toRef(() => forceShowBoolean.value === true || stateBoolean.value === false)
+const computedShow = toRef(() => props.forceShow === true || props.state === false)
 
 const computedClasses = computed(() => ({
   'd-block': computedShow.value,
-  'invalid-feedback': !tooltipBoolean.value,
-  'invalid-tooltip': tooltipBoolean.value,
+  'invalid-feedback': !props.tooltip,
+  'invalid-tooltip': props.tooltip,
 }))
 </script>
diff --git a/packages/bootstrap-vue-next/src/components/BForm/BFormRow.vue b/packages/bootstrap-vue-next/src/components/BForm/BFormRow.vue
index bd18a212c..6e85f6fcc 100644
--- a/packages/bootstrap-vue-next/src/components/BForm/BFormRow.vue
+++ b/packages/bootstrap-vue-next/src/components/BForm/BFormRow.vue
@@ -5,14 +5,11 @@
 </template>
 
 <script setup lang="ts">
-withDefaults(
-  defineProps<{
-    tag?: string
-  }>(),
-  {
-    tag: 'div',
-  }
-)
+import type {BFormRowProps} from '../../types'
+
+withDefaults(defineProps<BFormRowProps>(), {
+  tag: 'div',
+})
 
 defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
diff --git a/packages/bootstrap-vue-next/src/components/BForm/BFormText.vue b/packages/bootstrap-vue-next/src/components/BForm/BFormText.vue
index 70ecf6157..dd52adff3 100644
--- a/packages/bootstrap-vue-next/src/components/BForm/BFormText.vue
+++ b/packages/bootstrap-vue-next/src/components/BForm/BFormText.vue
@@ -8,35 +8,23 @@
 
 <script setup lang="ts">
 import {computed} from 'vue'
-import type {Booleanish, TextColorVariant} from '../../types'
-import {useBooleanish} from '../../composables'
+import type {BFormTextProps} from '../../types'
 
-const props = withDefaults(
-  defineProps<{
-    id?: string
-    inline?: Booleanish
-    tag?: string
-    text?: string
-    textVariant?: TextColorVariant | null
-  }>(),
-  {
-    id: undefined,
-    inline: false,
-    tag: 'small',
-    text: undefined,
-    textVariant: 'body-secondary',
-  }
-)
+const props = withDefaults(defineProps<BFormTextProps>(), {
+  id: undefined,
+  inline: false,
+  tag: 'small',
+  text: undefined,
+  textVariant: 'body-secondary',
+})
 
 defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   default?: (props: Record<string, never>) => any
 }>()
 
-const inlineBoolean = useBooleanish(() => props.inline)
-
 const computedClasses = computed(() => ({
   [`text-${props.textVariant}`]: props.textVariant !== null,
-  'form-text': !inlineBoolean.value,
+  'form-text': !props.inline,
 }))
 </script>
diff --git a/packages/bootstrap-vue-next/src/components/BForm/BFormValidFeedback.vue b/packages/bootstrap-vue-next/src/components/BForm/BFormValidFeedback.vue
index 558cc90f8..fba6c6297 100644
--- a/packages/bootstrap-vue-next/src/components/BForm/BFormValidFeedback.vue
+++ b/packages/bootstrap-vue-next/src/components/BForm/BFormValidFeedback.vue
@@ -16,7 +16,6 @@
 <script setup lang="ts">
 import {computed, toRef} from 'vue'
 import type {BFormFeedbackSharedProps} from '../../types'
-import {useBooleanish} from '../../composables'
 
 const props = withDefaults(defineProps<BFormFeedbackSharedProps>(), {
   ariaLive: undefined,
@@ -34,15 +33,11 @@ defineSlots<{
   default?: (props: Record<string, never>) => any
 }>()
 
-const forceShowBoolean = useBooleanish(() => props.forceShow)
-const stateBoolean = useBooleanish(() => props.state)
-const tooltipBoolean = useBooleanish(() => props.tooltip)
-
-const computedShow = toRef(() => forceShowBoolean.value === true || stateBoolean.value === true)
+const computedShow = toRef(() => props.forceShow === true || props.state === true)
 
 const computedClasses = computed(() => ({
   'd-block': computedShow.value,
-  'valid-feedback': !tooltipBoolean.value,
-  'valid-tooltip': tooltipBoolean.value,
+  'valid-feedback': !props.tooltip,
+  'valid-tooltip': props.tooltip,
 }))
 </script>
diff --git a/packages/bootstrap-vue-next/src/components/BFormCheckbox/BFormCheckbox.vue b/packages/bootstrap-vue-next/src/components/BFormCheckbox/BFormCheckbox.vue
index b8d494808..e9999cfae 100644
--- a/packages/bootstrap-vue-next/src/components/BFormCheckbox/BFormCheckbox.vue
+++ b/packages/bootstrap-vue-next/src/components/BFormCheckbox/BFormCheckbox.vue
@@ -7,7 +7,7 @@
       v-model="localValue"
       :class="inputClasses"
       type="checkbox"
-      :disabled="disabledBoolean || parentData?.disabled.value"
+      :disabled="props.disabled || parentData?.disabled.value"
       :required="computedRequired || undefined"
       :name="name || parentData?.name.value"
       :form="form || parentData?.form.value"
@@ -17,19 +17,19 @@
       :value="value"
       :true-value="value"
       :false-value="uncheckedValue"
-      :indeterminate="indeterminateBoolean"
+      :indeterminate="props.indeterminate"
     />
-    <label v-if="hasDefaultSlot || plainBoolean === false" :for="computedId" :class="labelClasses">
+    <label v-if="hasDefaultSlot || props.plain === false" :for="computedId" :class="labelClasses">
       <slot />
     </label>
   </RenderComponentOrSkip>
 </template>
 
 <script setup lang="ts">
-import {useFocus, useVModel} from '@vueuse/core'
+import {useFocus} from '@vueuse/core'
 import {computed, inject, ref, toRef} from 'vue'
-import {getClasses, getInputClasses, getLabelClasses, useBooleanish, useId} from '../../composables'
-import type {Booleanish, ButtonVariant, CheckboxValue, Size} from '../../types'
+import {getClasses, getInputClasses, getLabelClasses, useId} from '../../composables'
+import type {BFormCheckboxProps, CheckboxValue} from '../../types'
 import {checkboxGroupKey, isEmptySlot} from '../../utils'
 import RenderComponentOrSkip from '../RenderComponentOrSkip.vue'
 
@@ -37,85 +37,48 @@ defineOptions({
   inheritAttrs: false,
 })
 
-const props = withDefaults(
-  defineProps<{
-    ariaLabel?: string
-    ariaLabelledby?: string
-    autofocus?: Booleanish
-    button?: Booleanish
-    buttonGroup?: Booleanish
-    buttonVariant?: ButtonVariant | null
-    disabled?: Booleanish
-    form?: string
-    id?: string
-    indeterminate?: Booleanish
-    inline?: Booleanish
-    modelValue?: CheckboxValue | readonly CheckboxValue[]
-    name?: string
-    plain?: Booleanish
-    required?: Booleanish
-    size?: Size
-    state?: Booleanish | null
-    switch?: Booleanish
-    uncheckedValue?: CheckboxValue
-    value?: CheckboxValue
-  }>(),
-  {
-    ariaLabel: undefined,
-    ariaLabelledby: undefined,
-    autofocus: false,
-    button: false,
-    buttonGroup: false,
-    buttonVariant: null,
-    disabled: false,
-    form: undefined,
-    id: undefined,
-    indeterminate: false,
-    inline: false,
-    modelValue: undefined,
-    name: undefined,
-    plain: false,
-    required: undefined,
-    size: undefined,
-    state: null,
-    switch: false,
-    uncheckedValue: false,
-    value: true,
-  }
-)
-
-const emit = defineEmits<{
-  'update:modelValue': [value: CheckboxValue | CheckboxValue[]]
-  'update:indeterminate': [value: boolean]
-}>()
+const props = withDefaults(defineProps<BFormCheckboxProps>(), {
+  ariaLabel: undefined,
+  ariaLabelledby: undefined,
+  autofocus: false,
+  button: false,
+  buttonGroup: false,
+  buttonVariant: null,
+  disabled: false,
+  form: undefined,
+  id: undefined,
+  inline: false,
+  name: undefined,
+  plain: false,
+  required: undefined,
+  reverse: false,
+  size: undefined,
+  state: null,
+  switch: false,
+  uncheckedValue: false,
+  value: true,
+})
 
 const slots = defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   default?: (props: Record<string, never>) => any
 }>()
 
-const modelValue = useVModel(props, 'modelValue', emit, {passive: true})
-const indeterminate = useVModel(props, 'indeterminate', emit)
+const modelValue = defineModel<CheckboxValue | CheckboxValue[]>({
+  default: undefined,
+})
+const indeterminate = defineModel<boolean>('indeterminate', {
+  default: false,
+})
 
 const computedId = useId(() => props.id, 'form-check')
 
-const indeterminateBoolean = useBooleanish(() => props.indeterminate)
-const autofocusBoolean = useBooleanish(() => props.autofocus)
-const plainBoolean = useBooleanish(() => props.plain)
-const buttonBoolean = useBooleanish(() => props.button)
-const buttonGroupBoolean = useBooleanish(() => props.buttonGroup)
-const switchBoolean = useBooleanish(() => props.switch)
-const disabledBoolean = useBooleanish(() => props.disabled)
-const inlineBoolean = useBooleanish(() => props.inline)
-const requiredBoolean = useBooleanish(() => props.required)
-const stateBoolean = useBooleanish(() => props.state)
-
 const parentData = inject(checkboxGroupKey, null)
 
 const input = ref<HTMLElement | null>(null)
 
 const {focused} = useFocus(input, {
-  initialValue: autofocusBoolean.value,
+  initialValue: props.autofocus,
 })
 
 const hasDefaultSlot = toRef(() => !isEmptySlot(slots.default))
@@ -140,21 +103,21 @@ const localValue = computed({
 })
 
 const computedRequired = toRef(
-  () =>
-    !!(props.name ?? parentData?.name.value) &&
-    (requiredBoolean.value || parentData?.required.value)
+  () => !!(props.name ?? parentData?.name.value) && (props.required || parentData?.required.value)
 )
 
-const isButtonGroup = toRef(() => buttonGroupBoolean.value || (parentData?.buttons.value ?? false))
+const isButtonGroup = toRef(() => props.buttonGroup || (parentData?.buttons.value ?? false))
 
 const classesObject = computed(() => ({
-  plain: plainBoolean.value || (parentData?.plain.value ?? false),
-  button: buttonBoolean.value || (parentData?.buttons.value ?? false),
-  inline: inlineBoolean.value || (parentData?.inline.value ?? false),
-  switch: switchBoolean.value || (parentData?.switch.value ?? false),
-  state: stateBoolean.value || parentData?.state.value,
+  plain: props.plain || (parentData?.plain.value ?? false),
+  button: props.button || (parentData?.buttons.value ?? false),
+  inline: props.inline || (parentData?.inline.value ?? false),
+  reverse: props.reverse || (parentData?.reverse.value ?? false),
+  switch: props.switch || (parentData?.switch.value ?? false),
+  state: props.state || parentData?.state.value,
   size: props.size ?? parentData?.size.value ?? 'md', // This is where the true default is made
   buttonVariant: props.buttonVariant ?? parentData?.buttonVariant.value ?? 'secondary', // This is where the true default is made
+  hasDefaultSlot: hasDefaultSlot.value,
 }))
 const computedClasses = getClasses(classesObject)
 const inputClasses = getInputClasses(classesObject)
diff --git a/packages/bootstrap-vue-next/src/components/BFormCheckbox/BFormCheckboxGroup.vue b/packages/bootstrap-vue-next/src/components/BFormCheckbox/BFormCheckboxGroup.vue
index 51522ab42..c03bfc37c 100644
--- a/packages/bootstrap-vue-next/src/components/BFormCheckbox/BFormCheckboxGroup.vue
+++ b/packages/bootstrap-vue-next/src/components/BFormCheckbox/BFormCheckboxGroup.vue
@@ -21,74 +21,36 @@
 </template>
 
 <script setup lang="ts">
-import {computed, nextTick, provide, ref, toRef, watch} from 'vue'
+import {computed, provide, ref, toRef} from 'vue'
 import BFormCheckbox from './BFormCheckbox.vue'
-import type {
-  AriaInvalid,
-  Booleanish,
-  ButtonVariant,
-  CheckboxOptionRaw,
-  CheckboxValue,
-  Size,
-} from '../../types'
-import {getGroupAttr, getGroupClasses, useBooleanish, useId} from '../../composables'
+import type {BFormCheckboxGroupProps, CheckboxValue} from '../../types'
+import {getGroupAttr, getGroupClasses, useId} from '../../composables'
 import {checkboxGroupKey} from '../../utils'
-import {useFocus, useVModel} from '@vueuse/core'
+import {useFocus} from '@vueuse/core'
 
-const props = withDefaults(
-  defineProps<{
-    ariaInvalid?: AriaInvalid
-    autofocus?: Booleanish
-    buttonVariant?: ButtonVariant | null
-    buttons?: Booleanish
-    disabled?: Booleanish
-    disabledField?: string
-    form?: string
-    htmlField?: string
-    id?: string
-    modelValue?: readonly CheckboxValue[]
-    name?: string
-    options?: readonly CheckboxOptionRaw[]
-    plain?: Booleanish
-    required?: Booleanish
-    size?: Size
-    stacked?: Booleanish
-    state?: Booleanish | null
-    switches?: Booleanish
-    textField?: string
-    validated?: Booleanish
-    valueField?: string
-  }>(),
-  {
-    ariaInvalid: undefined,
-    autofocus: false,
-    buttonVariant: 'secondary',
-    buttons: false,
-    disabled: false,
-    disabledField: 'disabled',
-    form: undefined,
-    htmlField: 'html',
-    id: undefined,
-    modelValue: () => [],
-    name: undefined,
-    options: () => [],
-    plain: false,
-    required: false,
-    size: 'md',
-    stacked: false,
-    state: null,
-    switches: false,
-    textField: 'text',
-    validated: false,
-    valueField: 'value',
-  }
-)
-
-const emit = defineEmits<{
-  'change': [value: CheckboxValue[]]
-  'input': [value: CheckboxValue[]]
-  'update:modelValue': [value: CheckboxValue[]]
-}>()
+const props = withDefaults(defineProps<BFormCheckboxGroupProps>(), {
+  ariaInvalid: undefined,
+  autofocus: false,
+  buttonVariant: 'secondary',
+  buttons: false,
+  disabled: false,
+  disabledField: 'disabled',
+  form: undefined,
+  htmlField: 'html',
+  id: undefined,
+  name: undefined,
+  options: () => [],
+  plain: false,
+  required: false,
+  reverse: false,
+  size: 'md',
+  stacked: false,
+  state: null,
+  switches: false,
+  textField: 'text',
+  validated: false,
+  valueField: 'value',
+})
 
 defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -97,46 +59,33 @@ defineSlots<{
   first?: (props: Record<string, never>) => any
 }>()
 
-const modelValue = useVModel(props, 'modelValue', emit, {passive: true})
+const modelValue = defineModel<CheckboxValue[]>({
+  default: () => [],
+})
 
 const computedId = useId(() => props.id, 'checkbox')
 const computedName = useId(() => props.name, 'checkbox')
-const autofocusBoolean = useBooleanish(() => props.autofocus)
-const buttonsBoolean = useBooleanish(() => props.buttons)
-const disabledBoolean = useBooleanish(() => props.disabled)
-const plainBoolean = useBooleanish(() => props.plain)
-const requiredBoolean = useBooleanish(() => props.required)
-const stackedBoolean = useBooleanish(() => props.stacked)
-const stateBoolean = useBooleanish(() => props.state)
-const switchesBoolean = useBooleanish(() => props.switches)
-const validatedBoolean = useBooleanish(() => props.validated)
 
 const element = ref<HTMLElement | null>(null)
 
 const {focused} = useFocus(element, {
-  initialValue: autofocusBoolean.value,
+  initialValue: props.autofocus,
 })
 
 provide(checkboxGroupKey, {
   modelValue,
-  switch: switchesBoolean,
+  switch: toRef(() => props.switches),
   buttonVariant: toRef(() => props.buttonVariant),
   form: toRef(() => props.form),
   name: computedName,
-  state: stateBoolean,
-  plain: plainBoolean,
+  state: toRef(() => props.state),
+  plain: toRef(() => props.plain),
   size: toRef(() => props.size),
-  inline: toRef(() => !stackedBoolean.value),
-  required: requiredBoolean,
-  buttons: buttonsBoolean,
-  disabled: disabledBoolean,
-})
-
-watch(modelValue, (newValue) => {
-  emit('input', [...newValue])
-  nextTick(() => {
-    emit('change', [...newValue])
-  })
+  inline: toRef(() => !props.stacked),
+  reverse: toRef(() => props.reverse),
+  required: toRef(() => props.required),
+  buttons: toRef(() => props.buttons),
+  disabled: toRef(() => props.disabled),
 })
 
 const normalizeOptions = computed(() =>
@@ -145,7 +94,7 @@ const normalizeOptions = computed(() =>
       ? {
           props: {
             value: el,
-            disabled: disabledBoolean.value,
+            disabled: props.disabled,
           },
           text: el.toString(),
           html: undefined,
@@ -165,12 +114,12 @@ const normalizeOptions = computed(() =>
 )
 
 const classesObject = computed(() => ({
-  required: requiredBoolean.value,
+  required: props.required,
   ariaInvalid: props.ariaInvalid,
-  state: stateBoolean.value,
-  validated: validatedBoolean.value,
-  buttons: buttonsBoolean.value,
-  stacked: stackedBoolean.value,
+  state: props.state,
+  validated: props.validated,
+  buttons: props.buttons,
+  stacked: props.stacked,
   size: props.size,
 }))
 const computedAttrs = getGroupAttr(classesObject)
diff --git a/packages/bootstrap-vue-next/src/components/BFormCheckbox/form-checkbox.spec.ts b/packages/bootstrap-vue-next/src/components/BFormCheckbox/form-checkbox.spec.ts
index 22853f507..cc9ea29d0 100644
--- a/packages/bootstrap-vue-next/src/components/BFormCheckbox/form-checkbox.spec.ts
+++ b/packages/bootstrap-vue-next/src/components/BFormCheckbox/form-checkbox.spec.ts
@@ -5,7 +5,7 @@ import BFormCheckbox from './BFormCheckbox.vue'
 describe('form-checkbox', () => {
   enableAutoUnmount(afterEach)
 
-  describe('useFormCHeck attributes', () => {
+  describe('useFormCheck attributes', () => {
     it('tag is div', () => {
       const wrapper = mount(BFormCheckbox)
       expect(wrapper.element.tagName).toBe('DIV')
@@ -14,6 +14,9 @@ describe('form-checkbox', () => {
     it('has class form-check if prop plain and prop button are false', () => {
       const wrapper = mount(BFormCheckbox, {
         props: {plain: false, button: false},
+        slots: {
+          default: 'checkbox',
+        },
       })
       expect(wrapper.classes()).toContain('form-check')
     })
@@ -25,6 +28,11 @@ describe('form-checkbox', () => {
       expect(wrapper.classes()).not.toContain('form-check')
     })
 
+    it('does not have class form-check if default slot is empty', () => {
+      const wrapper = mount(BFormCheckbox, {})
+      expect(wrapper.classes()).not.toContain('form-check')
+    })
+
     it('does not have class form-check if prop plain false and prop button true', () => {
       const wrapper = mount(BFormCheckbox, {
         props: {plain: false, button: true},
@@ -46,13 +54,27 @@ describe('form-checkbox', () => {
       expect(wrapper.classes()).toContain('form-check-inline')
     })
 
-    it('has class form-check-inline when prop inline', () => {
+    it('does not have class form-check-inline when prop inline', () => {
       const wrapper = mount(BFormCheckbox, {
         props: {inline: false},
       })
       expect(wrapper.classes()).not.toContain('form-check-inline')
     })
 
+    it('has class form-check-reverse when prop reverse', () => {
+      const wrapper = mount(BFormCheckbox, {
+        props: {reverse: true},
+      })
+      expect(wrapper.classes()).toContain('form-check-reverse')
+    })
+
+    it('does not have class form-check-reverse when prop reverse', () => {
+      const wrapper = mount(BFormCheckbox, {
+        props: {reverse: false},
+      })
+      expect(wrapper.classes()).not.toContain('form-check-reverse')
+    })
+
     it('does not have class form-switch when prop switch is false', () => {
       const wrapper = mount(BFormCheckbox, {
         props: {switch: false},
@@ -570,26 +592,6 @@ describe('form-checkbox', () => {
   })
 
   describe('model behavior', () => {
-    it('default unchecked checkbox emits input event when clicked', async () => {
-      const wrapper = mount(BFormCheckbox, {props: {modelValue: false}, attachTo: document.body})
-
-      await wrapper.find('input').trigger('click')
-
-      expect(wrapper.emitted('input')).toBeDefined()
-      expect(wrapper.emitted('input')?.length).toBe(1)
-      expect(wrapper.emitted('input')?.[0][0]).toBeInstanceOf(Event)
-    })
-
-    it('default unchecked checkbox emits change event when clicked', async () => {
-      const wrapper = mount(BFormCheckbox, {props: {modelValue: false}, attachTo: document.body})
-
-      await wrapper.find('input').trigger('click')
-
-      expect(wrapper.emitted('change')).toBeDefined()
-      expect(wrapper.emitted('change')?.length).toBe(1)
-      expect(wrapper.emitted('change')?.[0][0]).toBeInstanceOf(Event)
-    })
-
     it('default unchecked checkbox emits update:modelValue===true event when clicked', async () => {
       const wrapper = mount(BFormCheckbox, {props: {modelValue: false}, attachTo: document.body})
 
@@ -600,26 +602,6 @@ describe('form-checkbox', () => {
       expect(wrapper.emitted('update:modelValue')?.[0][0]).toBe(true)
     })
 
-    it('default checked checkbox emits input event when clicked', async () => {
-      const wrapper = mount(BFormCheckbox, {props: {modelValue: true}, attachTo: document.body})
-
-      await wrapper.find('input').trigger('click')
-
-      expect(wrapper.emitted('input')).toBeDefined()
-      expect(wrapper.emitted('input')?.length).toBe(1)
-      expect(wrapper.emitted('input')?.[0][0]).toBeInstanceOf(Event)
-    })
-
-    it('default checked checkbox emits change event when clicked', async () => {
-      const wrapper = mount(BFormCheckbox, {props: {modelValue: true}, attachTo: document.body})
-
-      await wrapper.find('input').trigger('click')
-
-      expect(wrapper.emitted('change')).toBeDefined()
-      expect(wrapper.emitted('change')?.length).toBe(1)
-      expect(wrapper.emitted('change')?.[0][0]).toBeInstanceOf(Event)
-    })
-
     it('default checked checkbox emits update:modelValue===false event when clicked', async () => {
       const wrapper = mount(BFormCheckbox, {props: {modelValue: true}, attachTo: document.body})
 
@@ -630,36 +612,6 @@ describe('form-checkbox', () => {
       expect(wrapper.emitted('update:modelValue')?.[0][0]).toBe(false)
     })
 
-    it('custom value unchecked checkbox emits input event when clicked', async () => {
-      const wrapper = mount(BFormCheckbox, {
-        props: {
-          modelValue: 'unchecked',
-          value: 'checked',
-          uncheckedValue: 'unchecked',
-        },
-        attachTo: document.body,
-      })
-
-      await wrapper.find('input').trigger('click')
-
-      expect(wrapper.emitted('input')).toBeDefined()
-      expect(wrapper.emitted('input')?.length).toBe(1)
-      expect(wrapper.emitted('input')?.[0][0]).toBeInstanceOf(Event)
-    })
-
-    it('custom value unchecked checkbox emits change event when clicked', async () => {
-      const wrapper = mount(BFormCheckbox, {
-        props: {value: 'checked', uncheckedValue: 'unchecked'},
-        attachTo: document.body,
-      })
-
-      await wrapper.find('input').trigger('click')
-
-      expect(wrapper.emitted('change')).toBeDefined()
-      expect(wrapper.emitted('change')?.length).toBe(1)
-      expect(wrapper.emitted('change')?.[0][0]).toBeInstanceOf(Event)
-    })
-
     it('custom value unchecked checkbox emits update:modelValue==="checked" event when clicked', async () => {
       const wrapper = mount(BFormCheckbox, {
         props: {value: 'checked', uncheckedValue: 'unchecked'},
@@ -673,41 +625,6 @@ describe('form-checkbox', () => {
       expect(wrapper.emitted('update:modelValue')?.[0][0]).toBe('checked')
     })
 
-    it('custom value checked checkbox emits input event when clicked', async () => {
-      const wrapper = mount(BFormCheckbox, {
-        props: {
-          modelValue: 'checked',
-          value: 'checked',
-          uncheckedValue: 'unchecked',
-        },
-        attachTo: document.body,
-      })
-
-      await wrapper.find('input').trigger('click')
-
-      expect(wrapper.emitted('input')).toBeDefined()
-      expect(wrapper.emitted('input')?.length).toBe(1)
-      expect(wrapper.emitted('input')?.[0][0]).toBeInstanceOf(Event)
-    })
-
-    it('custom value checked checkbox emits change event when clicked', async () => {
-      const props = {
-        modelValue: 'checked',
-        value: 'checked',
-        uncheckedValue: 'unchecked',
-      }
-      const wrapper = mount(BFormCheckbox, {
-        props,
-        attachTo: document.body,
-      })
-
-      await wrapper.find('input').trigger('click')
-
-      expect(wrapper.emitted('change')).toBeDefined()
-      expect(wrapper.emitted('change')?.length).toBe(1)
-      expect(wrapper.emitted('change')?.[0][0]).toBeInstanceOf(Event)
-    })
-
     it('custom value checked checkbox emits update:modelValue==="unhecked-value" event when clicked', async () => {
       const wrapper = mount(BFormCheckbox, {
         props: {
@@ -718,7 +635,7 @@ describe('form-checkbox', () => {
         attachTo: document.body,
       })
 
-      await wrapper.find('input').trigger('click')
+      await wrapper.get('input').trigger('click')
 
       expect(wrapper.emitted('update:modelValue')).toBeDefined()
       expect(wrapper.emitted('update:modelValue')?.length).toBe(1)
diff --git a/packages/bootstrap-vue-next/src/components/BFormFile/BFormFile.vue b/packages/bootstrap-vue-next/src/components/BFormFile/BFormFile.vue
index 2b9bf43f5..aac02b221 100644
--- a/packages/bootstrap-vue-next/src/components/BFormFile/BFormFile.vue
+++ b/packages/bootstrap-vue-next/src/components/BFormFile/BFormFile.vue
@@ -1,36 +1,49 @@
 <template>
-  <label v-if="hasLabelSlot || label" :for="computedId" class="form-label" :class="labelClass">
+  <DefineTemplate>
+    <label class="input-group-text" :for="computedId">
+      {{ browserText }}
+    </label>
+  </DefineTemplate>
+
+  <label v-if="hasLabelSlot || label" class="form-label" :class="labelClass" :for="computedId">
     <slot name="label">
       {{ label }}
     </slot>
   </label>
-  <input
-    :id="computedId"
-    v-bind="$attrs"
-    ref="input"
-    type="file"
-    class="form-control"
-    :class="computedClasses"
-    :form="form"
-    :name="name"
-    :multiple="multipleBoolean"
-    :disabled="disabledBoolean"
-    :capture="computedCapture"
-    :accept="computedAccept || undefined"
-    :required="requiredBoolean || undefined"
-    :aria-required="requiredBoolean || undefined"
-    :directory="directoryBoolean"
-    :webkitdirectory="directoryBoolean"
-    @change="onChange"
-    @drop="onDrop"
-  />
+
+  <div class="input-group form-input-file">
+    <ReusableTemplate v-if="placement === 'start'" />
+    <input
+      :id="computedId"
+      v-bind="$attrs"
+      ref="input"
+      type="file"
+      class="form-control"
+      :class="computedClasses"
+      :form="form"
+      :name="name"
+      :multiple="props.multiple"
+      :disabled="props.disabled"
+      :capture="props.capture"
+      :accept="computedAccept || undefined"
+      :required="props.required || undefined"
+      :aria-label="ariaLabel"
+      :aria-labelledby="ariaLabelledby"
+      :aria-required="props.required || undefined"
+      :directory="props.directory"
+      :webkitdirectory="props.directory"
+      @change="onChange"
+      @drop="onDrop"
+    />
+    <ReusableTemplate v-if="placement === 'end'" />
+  </div>
 </template>
 
 <script setup lang="ts">
+import {createReusableTemplate, useFocus} from '@vueuse/core'
 import {computed, ref, toRef, watch} from 'vue'
-import {useFocus, useVModel} from '@vueuse/core'
-import type {Booleanish, ClassValue, Size} from '../../types'
-import {useBooleanish, useId, useStateClass} from '../../composables'
+import type {BFormFileProps} from '../../types'
+import {useId, useStateClass} from '../../composables'
 import {isEmptySlot} from '../../utils'
 
 defineOptions({
@@ -42,74 +55,45 @@ const slots = defineSlots<{
   label?: (props: Record<string, never>) => any
 }>()
 
-const props = withDefaults(
-  defineProps<{
-    accept?: string | readonly string[]
-    autofocus?: Booleanish
-    capture?: Booleanish | 'user' | 'environment'
-    directory?: Booleanish
-    disabled?: Booleanish
-    form?: string
-    id?: string
-    label?: string
-    labelClass?: ClassValue
-    modelValue?: readonly File[] | File | null
-    multiple?: Booleanish
-    name?: string
-    noDrop?: Booleanish
-    noTraverse?: Booleanish
-    required?: Booleanish
-    size?: Size
-    state?: Booleanish | null
-  }>(),
-  {
-    accept: '',
-    autofocus: false,
-    // eslint-disable-next-line vue/require-valid-default-prop
-    capture: false,
-    directory: false,
-    disabled: false,
-    form: undefined,
-    id: undefined,
-    label: '',
-    labelClass: undefined,
-    modelValue: null,
-    multiple: false,
-    name: undefined,
-    noDrop: false,
-    noTraverse: false,
-    required: false,
-    size: undefined,
-    state: null,
-  }
-)
-
-const emit = defineEmits<{
-  'update:modelValue': [value: File | File[] | null]
-}>()
+const props = withDefaults(defineProps<BFormFileProps>(), {
+  ariaLabel: undefined,
+  ariaLabelledby: undefined,
+  accept: '',
+  autofocus: false,
+  browserText: 'Choose',
+  // eslint-disable-next-line vue/require-valid-default-prop
+  capture: false,
+  directory: false,
+  disabled: false,
+  form: undefined,
+  id: undefined,
+  label: '',
+  labelClass: undefined,
+  multiple: false,
+  name: undefined,
+  noDrop: false,
+  noTraverse: false,
+  placement: 'start',
+  required: false,
+  size: undefined,
+  state: null,
+})
 
-const modelValue = useVModel(props, 'modelValue', emit, {passive: true})
+const modelValue = defineModel<File | File[] | null>({
+  default: null,
+})
 const computedId = useId(() => props.id)
 
-const autofocusBoolean = useBooleanish(() => props.autofocus)
-const directoryBoolean = useBooleanish(() => props.directory)
-const disabledBoolean = useBooleanish(() => props.disabled)
-const multipleBoolean = useBooleanish(() => props.multiple)
-const noDropBoolean = useBooleanish(() => props.noDrop)
-// TODO not implemented yet
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-const noTraverseBoolean = useBooleanish(() => props.noTraverse)
-const requiredBoolean = useBooleanish(() => props.required)
-const stateBoolean = useBooleanish(() => props.state)
-const computedCapture = useBooleanish(() => props.capture)
+// TODO noTraverse is not implemented yet
 
-const stateClass = useStateClass(stateBoolean)
+const stateClass = useStateClass(() => props.state)
 
 const input = ref<HTMLInputElement | null>(null)
 
-const {focused} = useFocus(input, {initialValue: autofocusBoolean.value})
+const {focused} = useFocus(input, {initialValue: props.autofocus})
 
 const hasLabelSlot = toRef(() => !isEmptySlot(slots['label']))
+
 const computedAccept = toRef(() =>
   typeof props.accept === 'string' ? props.accept : props.accept.join(',')
 )
@@ -124,11 +108,11 @@ const computedClasses = computed(() => [
 const onChange = () => {
   const value =
     input.value?.files === null || input.value?.files === undefined ? null : [...input.value.files]
-  modelValue.value = value === null ? null : multipleBoolean.value === true ? value : value[0]
+  modelValue.value = value === null ? null : props.multiple === true ? value : value[0]
 }
 
 const onDrop = (e: Readonly<Event>) => {
-  if (noDropBoolean.value === true) {
+  if (props.noDrop === true) {
     e.preventDefault()
   }
 }
@@ -156,4 +140,29 @@ defineExpose({
   },
   reset,
 })
+
+const [DefineTemplate, ReusableTemplate] = createReusableTemplate()
 </script>
+
+<style scoped>
+.form-input-file {
+  input[type='file'] {
+    margin-left: -2px !important;
+
+    &::-webkit-file-upload-button {
+      display: none;
+    }
+
+    &::file-selector-button {
+      display: none;
+    }
+  }
+
+  &:hover {
+    label {
+      background-color: #dde0e3;
+      cursor: pointer;
+    }
+  }
+}
+</style>
diff --git a/packages/bootstrap-vue-next/src/components/BFormFile/form-file.spec.ts b/packages/bootstrap-vue-next/src/components/BFormFile/form-file.spec.ts
new file mode 100644
index 000000000..d753114a4
--- /dev/null
+++ b/packages/bootstrap-vue-next/src/components/BFormFile/form-file.spec.ts
@@ -0,0 +1,507 @@
+import {enableAutoUnmount, mount} from '@vue/test-utils'
+import {afterEach, describe, expect, it} from 'vitest'
+import BFormFile from './BFormFile.vue'
+
+describe('form-file', () => {
+  enableAutoUnmount(afterEach)
+
+  it('tag is default div', () => {
+    const wrapper = mount(BFormFile)
+    expect(wrapper.element.tagName).toBe('DIV')
+  })
+
+  it('has class form-control-{type} when prop size', () => {
+    const wrapper = mount(BFormFile, {
+      props: {size: 'lg'},
+    })
+
+    const $input = wrapper.find('input')
+    expect($input.classes()).toContain('form-control-lg')
+  })
+
+  it('does not have class form-control-{type} when prop size undefined', () => {
+    const wrapper = mount(BFormFile, {
+      props: {size: undefined},
+    })
+
+    const $input = wrapper.find('input')
+    expect($input.classes()).not.toContain('form-control-lg')
+  })
+
+  it('wrapper has class form-input-file', () => {
+    const wrapper = mount(BFormFile)
+    expect(wrapper.find('div').classes()).toContain('form-input-file')
+  })
+
+  describe('input attributes', () => {
+    it('has input element', () => {
+      const wrapper = mount(BFormFile)
+      const $input = wrapper.find('input')
+      expect($input.exists()).toBe(true)
+    })
+
+    it('input element has attr id', () => {
+      const wrapper = mount(BFormFile)
+      const $input = wrapper.get('input')
+      expect($input.attributes('id')).toBeDefined()
+    })
+
+    it('input element attr id contains content from prop id', () => {
+      const wrapper = mount(BFormFile, {
+        props: {id: 'foobar'},
+      })
+      const $input = wrapper.get('input')
+      expect($input.attributes('id')).toBe('foobar')
+    })
+
+    it('input element has attr type to be file', () => {
+      const wrapper = mount(BFormFile)
+      const $input = wrapper.get('input')
+      expect($input.attributes('type')).toBe('file')
+    })
+
+    it('input element has attr disabled when prop disabled', () => {
+      const wrapper = mount(BFormFile, {
+        props: {disabled: true},
+      })
+      const $input = wrapper.get('input')
+      expect($input.attributes('disabled')).toBe('')
+    })
+
+    it('input element does not have attr disabled when prop disabled is false', () => {
+      const wrapper = mount(BFormFile, {
+        props: {disabled: false},
+      })
+      const $input = wrapper.get('input')
+      expect($input.attributes('disabled')).toBeUndefined()
+    })
+
+    it('input element does not have attr disabled when prop disabled is undefined', () => {
+      const wrapper = mount(BFormFile, {
+        props: {disabled: undefined},
+      })
+      const $input = wrapper.get('input')
+      expect($input.attributes('disabled')).toBeUndefined()
+    })
+
+    it('input element has attr required when prop name and prop required', () => {
+      const wrapper = mount(BFormFile, {
+        props: {required: true, name: 'foo'},
+      })
+      const $input = wrapper.get('input')
+      expect($input.attributes('required')).toBe('')
+    })
+
+    it('input element does not have attr required when prop name is empty string and prop required', () => {
+      const wrapper = mount(BFormFile)
+      const $input = wrapper.get('input')
+      expect($input.attributes('required')).toBeUndefined()
+    })
+
+    it('input element has attr name to be prop name', () => {
+      const wrapper = mount(BFormFile, {
+        props: {name: 'foobar'},
+      })
+      const $input = wrapper.get('input')
+      expect($input.attributes('name')).toBe('foobar')
+    })
+
+    it('input element has attr name is undefined when prop name undefined', () => {
+      const wrapper = mount(BFormFile, {
+        props: {name: undefined},
+      })
+      const $input = wrapper.get('input')
+      expect($input.attributes('name')).toBeUndefined()
+    })
+
+    it('input element has attr form to be prop form', () => {
+      const wrapper = mount(BFormFile, {
+        props: {form: 'foobar'},
+      })
+      const $input = wrapper.get('input')
+      expect($input.attributes('form')).toBe('foobar')
+    })
+
+    it('input element has attr form is undefined when prop form undefined', () => {
+      const wrapper = mount(BFormFile, {
+        props: {form: undefined},
+      })
+      const $input = wrapper.get('input')
+      expect($input.attributes('form')).toBeUndefined()
+    })
+
+    it('input element has attr aria-label to be prop ariaLabel', () => {
+      const wrapper = mount(BFormFile, {
+        props: {ariaLabel: 'foobar'},
+      })
+      const $input = wrapper.get('input')
+      expect($input.attributes('aria-label')).toBe('foobar')
+    })
+
+    it('input element has attr aria-label is undefined when prop ariaLabel undefined', () => {
+      const wrapper = mount(BFormFile, {
+        props: {ariaLabel: undefined},
+      })
+      const $input = wrapper.get('input')
+      expect($input.attributes('aria-label')).toBeUndefined()
+    })
+
+    it('input element has attr aria-labelledby to be prop ariaLabelledby', () => {
+      const wrapper = mount(BFormFile, {
+        props: {ariaLabelledby: 'foobar'},
+      })
+      const $input = wrapper.get('input')
+      expect($input.attributes('aria-labelledby')).toBe('foobar')
+    })
+
+    it('input element has attr aria-labelledby is undefined when prop ariaLabelledby undefined', () => {
+      const wrapper = mount(BFormFile, {
+        props: {ariaLabelledby: undefined},
+      })
+      const $input = wrapper.get('input')
+      expect($input.attributes('aria-labelledby')).toBeUndefined()
+    })
+
+    it('input element has attr aria-labelledby is undefined when prop ariaLabelledby undefined', () => {
+      const wrapper = mount(BFormFile, {
+        props: {ariaLabelledby: undefined},
+      })
+      const $input = wrapper.get('input')
+      expect($input.attributes('aria-labelledby')).toBeUndefined()
+    })
+
+    it('input element has attr value to be true when value is undefined', () => {
+      const wrapper = mount(BFormFile, {
+        props: {value: undefined},
+      })
+      const $input = wrapper.get('input')
+      expect($input.attributes('value')).toBeUndefined()
+    })
+
+    it('input element aria-required when prop name and prop required true', () => {
+      const wrapper = mount(BFormFile, {
+        props: {name: 'foo', required: true},
+      })
+      const $input = wrapper.get('input')
+      expect($input.attributes('aria-required')).toBe('true')
+    })
+
+    it('input element does not have aria-required when prop name and prop required false', () => {
+      const wrapper = mount(BFormFile, {
+        props: {name: 'foo', required: false},
+      })
+      const $input = wrapper.get('input')
+      expect($input.attributes('aria-required')).toBeUndefined()
+    })
+
+    it('input element has set attr multiple to true when prop multiple is true', () => {
+      const wrapper = mount(BFormFile, {
+        props: {multiple: 'true'},
+      })
+      const $input = wrapper.get('input')
+      expect($input.attributes('multiple')).toBeDefined()
+    })
+
+    it('input element has set attr multiple to false when prop multiple is false', () => {
+      const wrapper = mount(BFormFile, {
+        props: {multiple: false},
+      })
+      const $input = wrapper.get('input')
+      expect($input.attributes('multiple')).toBeUndefined()
+    })
+
+    it('input element has set attr multiple to false when prop multiple is undefined', () => {
+      const wrapper = mount(BFormFile, {
+        props: {multiple: undefined},
+      })
+      const $input = wrapper.get('input')
+      expect($input.attributes('multiple')).toBeUndefined()
+    })
+
+    it('input element has set attr capture to true when prop capture is true', () => {
+      const wrapper = mount(BFormFile, {
+        props: {capture: true},
+      })
+      const $input = wrapper.get('input')
+      expect($input.attributes('capture')).toBe('true')
+    })
+
+    it('input element has set attr capture to false when prop capture is false', () => {
+      const wrapper = mount(BFormFile, {
+        props: {capture: false},
+      })
+      const $input = wrapper.get('input')
+      expect($input.attributes('capture')).toBe('false')
+    })
+
+    it('input element has set attr capture to false when prop disabled is undefined', () => {
+      const wrapper = mount(BFormFile, {
+        props: {capture: undefined},
+      })
+      const $input = wrapper.get('input')
+      expect($input.attributes('capture')).toBe('false')
+    })
+
+    it('input element has set attr accept to empty when prop accept is true', () => {
+      const wrapper = mount(BFormFile, {
+        props: {accept: ''},
+      })
+      const $input = wrapper.get('input')
+      expect($input.attributes('accept')).toBeUndefined()
+    })
+
+    it('input element has set attr accept to "foo" when prop accept is false', () => {
+      const wrapper = mount(BFormFile, {
+        props: {accept: 'foo'},
+      })
+      const $input = wrapper.get('input')
+      expect($input.attributes('accept')).toBe('foo')
+    })
+
+    it('input element does not have attr accept when prop accept is undefined', () => {
+      const wrapper = mount(BFormFile, {
+        props: {accept: undefined},
+      })
+      const $input = wrapper.get('input')
+      expect($input.attributes('accept')).toBeUndefined()
+    })
+
+    it('input element has set attr directory to true when prop directory is true', () => {
+      const wrapper = mount(BFormFile, {
+        props: {directory: true},
+      })
+      const $input = wrapper.get('input')
+      expect($input.attributes('directory')).toBe('true')
+    })
+
+    it('input element has set attr directory to false when prop directory is false', () => {
+      const wrapper = mount(BFormFile, {
+        props: {directory: false},
+      })
+      const $input = wrapper.get('input')
+      expect($input.attributes('directory')).toBe('false')
+    })
+
+    it('input element has set attr directory to false when prop directory is undefined', () => {
+      const wrapper = mount(BFormFile, {
+        props: {directory: undefined},
+      })
+      const $input = wrapper.get('input')
+      expect($input.attributes('directory')).toBe('false')
+    })
+
+    it('default has custom attributes transferred input element', async () => {
+      const wrapper = mount(BFormFile, {
+        propsData: {
+          id: 'foo',
+          foo: 'bar',
+        },
+      })
+
+      const $input = wrapper.find('input')
+      expect($input.attributes('foo')).toBeDefined()
+      expect($input.attributes('foo')).toEqual('bar')
+    })
+  })
+
+  describe('label attributes', () => {
+    it('has label by default', () => {
+      const wrapper = mount(BFormFile)
+      const $label = wrapper.find('label')
+      expect($label.exists()).toBe(true)
+    })
+
+    it('has label when has label slot defined', () => {
+      const wrapper = mount(BFormFile, {
+        props: {labelClass: 'labelClass'},
+        slots: {label: 'foo'},
+      })
+      const $label = wrapper.get('label')
+      expect($label).not.toBeUndefined()
+      expect($label.attributes('class')?.includes('labelClass'))
+    })
+    it('has label has attr for to be defined by default', () => {
+      const wrapper = mount(BFormFile, {
+        props: {id: 'fooFile'},
+        slots: {default: 'foo'},
+      })
+
+      const $input = wrapper.get('input')
+      const $label = wrapper.get('label')
+
+      const $labelFor = $label.attributes('for')
+      const $inputId = $input.attributes('id')
+
+      expect($labelFor).toBe($inputId)
+    })
+  })
+
+  describe('file button', () => {
+    it('the button is placed on the start when prop placement is start', () => {
+      const wrapper = mount(BFormFile, {
+        props: {id: 'fooFile', placement: 'start'},
+      })
+
+      const $label = wrapper.get('label')
+      expect($label.classes()).toContain('input-group-text')
+
+      const childElements = wrapper.get('div').findAll('*')
+
+      expect(childElements[0].exists())
+      expect(childElements[0].element.tagName).toBe('LABEL')
+
+      expect(childElements[1].exists())
+      expect(childElements[1].element.tagName).toBe('INPUT')
+    })
+    it('the button is placed on the end when prop placement is end', () => {
+      const wrapper = mount(BFormFile, {
+        props: {id: 'fooFile', placement: 'end'},
+      })
+
+      const $label = wrapper.get('label')
+      expect($label.classes()).not.toContain('form-label')
+      expect($label.classes()).toContain('input-group-text')
+
+      const childElements = wrapper.get('div').findAll('*')
+
+      expect(childElements[0].exists())
+      expect(childElements[0].element.tagName).toBe('INPUT')
+
+      expect(childElements[1].exists())
+      expect(childElements[1].element.tagName).toBe('LABEL')
+    })
+    it('the button is placed on the start when prop placement is undefined', () => {
+      const wrapper = mount(BFormFile, {
+        props: {id: 'fooFile'},
+      })
+
+      const $label = wrapper.get('label')
+      expect($label.classes()).not.toContain('form-label')
+      expect($label.classes()).toContain('input-group-text')
+
+      const childElements = wrapper.get('div').findAll('*')
+
+      expect(childElements[0].exists())
+      expect(childElements[0].element.tagName).toBe('LABEL')
+
+      expect(childElements[1].exists())
+      expect(childElements[1].element.tagName).toBe('INPUT')
+    })
+
+    it('the button has value text when prop browser text is defined', () => {
+      const wrapper = mount(BFormFile, {
+        props: {browserText: 'Browse'},
+      })
+
+      const $label = wrapper.get('label')
+      expect($label.classes()).not.toContain('form-label')
+      expect($label.classes()).toContain('input-group-text')
+      expect($label.text()).toBe('Browse')
+    })
+    it('the button has `Choose` when prop browser text is undefined', () => {
+      const wrapper = mount(BFormFile)
+
+      const $label = wrapper.get('label')
+      expect($label.classes()).not.toContain('form-label')
+      expect($label.classes()).toContain('input-group-text')
+      expect($label.text()).toBe('Choose')
+    })
+  })
+
+  describe('model behavior', () => {
+    it('emits input even when file changed', async () => {
+      const file = new File(['foo'], 'foo.txt', {
+        type: 'text/plain',
+        lastModified: Date.now(),
+      })
+
+      const wrapper = mount(BFormFile, {props: {id: 'foo', modelValue: file}})
+
+      const $input = wrapper.get('input')
+      await $input.trigger('change')
+
+      expect(wrapper.emitted('change')).toBeDefined()
+      expect(wrapper.emitted('change')).toHaveLength(1)
+      expect(wrapper.emitted('change')?.[0][0]).toBeInstanceOf(Event)
+    })
+
+    it('emits update:modelValue===file event when file changed', async () => {
+      const file = new File(['foo'], 'foo.txt', {
+        type: 'text/plain',
+        lastModified: Date.now(),
+      })
+
+      const dataTransfer = new ClipboardEvent('').clipboardData ?? new DataTransfer()
+      dataTransfer.items.add(file)
+
+      const wrapper = mount(BFormFile, {props: {id: 'foo', modelValue: undefined}})
+
+      const $input = wrapper.get('input')
+      $input.element.files = dataTransfer.files
+      await $input.trigger('change')
+
+      expect(wrapper.emitted('update:modelValue')).toBeDefined()
+      expect(wrapper.emitted('update:modelValue')).toHaveLength(1)
+      expect(wrapper.emitted('update:modelValue')?.[0][0]).toStrictEqual(file)
+    })
+
+    it('emits update:modelValue===file event when file changed in multiple mode', async () => {
+      const file1 = new File(['foo'], 'foo.txt', {
+        type: 'text/plain',
+        lastModified: Date.now(),
+      })
+
+      const file2 = new File(['foo2'], 'foo2.txt', {
+        type: 'text/plain',
+        lastModified: Date.now(),
+      })
+
+      const dataTransfer = new ClipboardEvent('').clipboardData ?? new DataTransfer()
+      dataTransfer.items.add(file1)
+      dataTransfer.items.add(file2)
+
+      const wrapper = mount(BFormFile, {props: {id: 'foo', modelValue: undefined, multiple: true}})
+
+      const $input = wrapper.get('input')
+      $input.element.files = dataTransfer.files
+      await $input.trigger('change')
+
+      expect(wrapper.emitted('update:modelValue')).toBeDefined()
+      expect(wrapper.emitted('update:modelValue')).toHaveLength(1)
+      expect((wrapper.emitted('update:modelValue')?.[0][0] as File[])[0]).toStrictEqual(file1)
+      expect((wrapper.emitted('update:modelValue')?.[0][0] as File[])[1]).toStrictEqual(file2)
+    })
+
+    it('emits update:modelValue===file event when file changed in directory mode', async () => {
+      const file1 = new File(['foo'], 'foo.txt', {
+        type: 'text/plain',
+        lastModified: Date.now(),
+      })
+
+      const file2 = new File(['foo2'], 'foo2.txt', {
+        type: 'text/plain',
+        lastModified: Date.now(),
+      })
+
+      const dataTransfer = new ClipboardEvent('').clipboardData ?? new DataTransfer()
+      dataTransfer.items.add(file1)
+      dataTransfer.items.add(file2)
+
+      const wrapper = mount(BFormFile, {
+        props: {id: 'foo', modelValue: undefined, multiple: true, directory: true},
+      })
+
+      const $input = wrapper.get('input')
+      $input.element.files = dataTransfer.files
+      await $input.trigger('change')
+
+      expect(wrapper.emitted('update:modelValue')).toBeDefined()
+      expect(wrapper.emitted('update:modelValue')).toHaveLength(1)
+      expect((wrapper.emitted('update:modelValue')?.[0][0] as File[])[0]).toStrictEqual(file1)
+      expect((wrapper.emitted('update:modelValue')?.[0][0] as File[])[1]).toStrictEqual(file2)
+    })
+
+    it('reset() method works in single mode', async () => {})
+    it('reset() method works in multiple mode', async () => {})
+  })
+})
diff --git a/packages/bootstrap-vue-next/src/components/BFormGroup/BFormGroup.vue b/packages/bootstrap-vue-next/src/components/BFormGroup/BFormGroup.vue
index 8e99a3a1a..2847938e2 100644
--- a/packages/bootstrap-vue-next/src/components/BFormGroup/BFormGroup.vue
+++ b/packages/bootstrap-vue-next/src/components/BFormGroup/BFormGroup.vue
@@ -1,21 +1,14 @@
 <script lang="ts">
-import {useAriaInvalid, useBooleanish, useId, useStateClass} from '../../composables'
+import {useAriaInvalid, useId, useStateClass} from '../../composables'
 import {RX_SPACE_SPLIT} from '../../constants/regex'
-import {
-  attemptFocus,
-  getId,
-  IS_BROWSER,
-  isVisible,
-  normalizeSlot,
-  suffixPropName,
-} from '../../utils'
+import {attemptFocus, IS_BROWSER, isVisible, normalizeSlot, suffixPropName} from '../../utils'
 import {computed, defineComponent, h, nextTick, onMounted, type PropType, ref, watch} from 'vue'
 import BCol from '../BCol.vue'
 import BFormInvalidFeedback from '../BForm/BFormInvalidFeedback.vue'
 import BFormRow from '../BForm/BFormRow.vue'
 import BFormText from '../BForm/BFormText.vue'
 import BFormValidFeedback from '../BForm/BFormValidFeedback.vue'
-import type {AriaInvalid, Booleanish} from '../../types'
+import type {AriaInvalid} from '../../types'
 
 const INPUTS = ['input', 'select', 'textarea']
 // Selector for finding first input in the form group
@@ -40,7 +33,7 @@ export default defineComponent({
     contentColsSm: {type: [Boolean, String, Number], default: undefined},
     contentColsXl: {type: [Boolean, String, Number], default: undefined},
     description: {type: [String], default: undefined},
-    disabled: {type: [Boolean, String] as PropType<Booleanish>, default: false},
+    disabled: {type: Boolean, default: false},
     feedbackAriaLive: {type: String, default: 'assertive'},
     id: {type: String, default: undefined},
     invalidFeedback: {type: String, default: undefined},
@@ -58,21 +51,14 @@ export default defineComponent({
     labelColsXl: {type: [Boolean, String, Number], default: undefined},
     labelFor: {type: String, default: undefined},
     labelSize: {type: String, default: undefined},
-    labelSrOnly: {type: [Boolean, String] as PropType<Booleanish>, default: false},
-    state: {type: [Boolean, String] as PropType<Booleanish | null>, default: null},
-    tooltip: {type: [Boolean, String] as PropType<Booleanish>, default: false},
+    labelSrOnly: {type: Boolean, default: false},
+    state: {type: Boolean as PropType<boolean | null>, default: null},
+    tooltip: {type: Boolean, default: false},
     validFeedback: {type: String, default: undefined},
-    validated: {type: [Boolean, String] as PropType<Booleanish>, default: false},
-    floating: {type: [Boolean, String] as PropType<Booleanish>, default: false},
+    validated: {type: Boolean, default: false},
+    floating: {type: Boolean, default: false},
   },
   setup(props) {
-    const disabledBoolean = useBooleanish(() => props.disabled)
-    const labelSrOnlyBoolean = useBooleanish(() => props.labelSrOnly)
-    const stateBoolean = useBooleanish(() => props.state)
-    const tooltipBoolean = useBooleanish(() => props.tooltip)
-    const validatedBoolean = useBooleanish(() => props.validated)
-    const floatingBoolean = useBooleanish(() => props.floating)
-
     const ariaDescribedby: string | null = null as string | null
     const breakPoints = ['xs', 'sm', 'md', 'lg', 'xl']
 
@@ -167,9 +153,12 @@ export default defineComponent({
         Object.keys(contentColProps.value).length > 0 || Object.keys(labelColProps.value).length > 0
     )
 
-    const stateClass = useStateClass(stateBoolean)
+    const stateClass = useStateClass(() => props.state)
 
-    const computedAriaInvalid = useAriaInvalid(() => props.ariaInvalid, stateBoolean)
+    const computedAriaInvalid = useAriaInvalid(
+      () => props.ariaInvalid,
+      () => props.state
+    )
 
     watch(
       () => ariaDescribedby,
@@ -208,12 +197,6 @@ export default defineComponent({
     }
 
     return {
-      disabledBoolean,
-      labelSrOnlyBoolean,
-      stateBoolean,
-      tooltipBoolean,
-      validatedBoolean,
-      floatingBoolean,
       ariaDescribedby,
       computedAriaInvalid,
       contentColProps,
@@ -234,11 +217,11 @@ export default defineComponent({
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     let $label: any = null
     const labelContent = normalizeSlot(SLOT_NAME_LABEL, {}, slots) || props.label
-    const labelId = labelContent ? getId('_BV_label_') : null
+    const labelId = labelContent ? useId(undefined, '_BV_label_').value : null
 
     if (labelContent || this.isHorizontal) {
       const labelTag: 'legend' | 'label' = isFieldset ? 'legend' : 'label'
-      if (this.labelSrOnlyBoolean) {
+      if (props.labelSrOnly) {
         if (labelContent) {
           $label = h(
             labelTag,
@@ -287,7 +270,9 @@ export default defineComponent({
     let $invalidFeedback = null
     const invalidFeedbackContent =
       normalizeSlot(SLOT_NAME_INVALID_FEEDBACK, {}, slots) || this.invalidFeedback
-    const invalidFeedbackId = invalidFeedbackContent ? getId('_BV_feedback_invalid_') : undefined
+    const invalidFeedbackId = invalidFeedbackContent
+      ? useId(undefined, '_BV_feedback_invalid_').value
+      : undefined
 
     if (invalidFeedbackContent) {
       $invalidFeedback = h(
@@ -295,8 +280,8 @@ export default defineComponent({
         {
           ariaLive: props.feedbackAriaLive,
           id: invalidFeedbackId,
-          state: this.stateBoolean,
-          tooltip: this.tooltipBoolean,
+          state: props.state,
+          tooltip: props.tooltip,
         },
         {default: () => invalidFeedbackContent}
       )
@@ -305,7 +290,9 @@ export default defineComponent({
     let $validFeedback = null
     const validFeedbackContent =
       normalizeSlot(SLOT_NAME_VALID_FEEDBACK, {}, slots) || this.validFeedback
-    const validFeedbackId = validFeedbackContent ? getId('_BV_feedback_valid_') : undefined
+    const validFeedbackId = validFeedbackContent
+      ? useId(undefined, '_BV_feedback_valid_').value
+      : undefined
 
     if (validFeedbackContent) {
       $validFeedback = h(
@@ -313,8 +300,8 @@ export default defineComponent({
         {
           ariaLive: props.feedbackAriaLive,
           id: validFeedbackId,
-          state: this.stateBoolean,
-          tooltip: this.tooltipBoolean,
+          state: props.state,
+          tooltip: props.tooltip,
         },
         {default: () => validFeedbackContent}
         // validFeedbackContent
@@ -323,7 +310,9 @@ export default defineComponent({
 
     let $description = null
     const descriptionContent = normalizeSlot(SLOT_NAME_DESCRIPTION, {}, slots) || this.description
-    const descriptionId = descriptionContent ? getId('_BV_description_') : undefined
+    const descriptionId = descriptionContent
+      ? useId(undefined, '_BV_description_').value
+      : undefined
     if (descriptionContent) {
       $description = h(
         BFormText,
@@ -341,8 +330,8 @@ export default defineComponent({
     const ariaDescribedby = (this.ariaDescribedby =
       [
         descriptionId,
-        this.stateBoolean === false ? invalidFeedbackId : null,
-        this.stateBoolean === true ? validFeedbackId : null,
+        props.state === false ? invalidFeedbackId : null,
+        props.state === true ? validFeedbackId : null,
       ]
         .filter((x) => x)
         .join(' ') || null)
@@ -353,7 +342,7 @@ export default defineComponent({
       $validFeedback,
       $description,
     ]
-    if (!this.isHorizontal && this.floatingBoolean) contentBlocks.push($label)
+    if (!this.isHorizontal && props.floating) contentBlocks.push($label)
 
     let $content = h(
       'div',
@@ -361,7 +350,7 @@ export default defineComponent({
         ref: 'content',
         class: [
           {
-            'form-floating': !this.isHorizontal && this.floatingBoolean,
+            'form-floating': !this.isHorizontal && props.floating,
           },
         ],
       },
@@ -379,11 +368,11 @@ export default defineComponent({
       'class': [
         this.stateClass,
         {
-          'was-validated': this.validatedBoolean,
+          'was-validated': props.validated,
         },
       ],
       'id': useId(() => props.id).value,
-      'disabled': isFieldset ? this.disabledBoolean : null,
+      'disabled': isFieldset ? props.disabled : null,
       'role': isFieldset ? null : 'group',
       'aria-invalid': this.computedAriaInvalid,
       // Only apply `aria-labelledby` if we are a horizontal fieldset
@@ -400,7 +389,7 @@ export default defineComponent({
       rowProps,
       this.isHorizontal && isFieldset
         ? [h(BFormRow, null, {default: () => [$label, $content]})]
-        : this.isHorizontal || !this.floatingBoolean
+        : this.isHorizontal || !props.floating
           ? [$label, $content]
           : [$content]
     )
diff --git a/packages/bootstrap-vue-next/src/components/BFormInput/BFormInput.vue b/packages/bootstrap-vue-next/src/components/BFormInput/BFormInput.vue
index aaa8bbc90..34cd5f769 100644
--- a/packages/bootstrap-vue-next/src/components/BFormInput/BFormInput.vue
+++ b/packages/bootstrap-vue-next/src/components/BFormInput/BFormInput.vue
@@ -7,16 +7,16 @@
     :name="name || undefined"
     :form="form || undefined"
     :type="type"
-    :disabled="disabledBoolean"
+    :disabled="props.disabled"
     :placeholder="placeholder"
-    :required="requiredBoolean || undefined"
+    :required="props.required || undefined"
     :autocomplete="autocomplete || undefined"
-    :readonly="readonlyBoolean || plaintextBoolean"
+    :readonly="props.readonly || props.plaintext"
     :min="min"
     :max="max"
     :step="step"
     :list="type !== 'password' ? list : undefined"
-    :aria-required="requiredBoolean || undefined"
+    :aria-required="props.required || undefined"
     :aria-invalid="computedAriaInvalid"
     @input="onInput($event)"
     @change="onChange($event)"
@@ -26,50 +26,39 @@
 
 <script setup lang="ts">
 import {computed, ref} from 'vue'
-import {useBooleanish, useFormInput, useStateClass} from '../../composables'
-import type {CommonInputProps, InputType, Numberish} from '../../types'
+import {useFormInput, useStateClass} from '../../composables'
+import type {BFormInputProps, Numberish} from '../../types'
 
-const props = withDefaults(
-  defineProps<
-    {
-      max?: Numberish
-      min?: Numberish
-      // noWheel: {type: [Boolean, String] as PropType<Booleanish>, default: false}, TODO: not implemented yet
-      step?: Numberish
-      type?: InputType
-    } & CommonInputProps
-  >(),
-  {
-    max: undefined,
-    min: undefined,
-    step: undefined,
-    type: 'text',
-    // CommonInputProps
-    ariaInvalid: undefined,
-    autocomplete: undefined,
-    autofocus: false,
-    debounce: 0,
-    debounceMaxWait: NaN,
-    disabled: false,
-    form: undefined,
-    formatter: undefined,
-    id: undefined,
-    lazy: false,
-    lazyFormatter: false,
-    list: undefined,
-    modelValue: '',
-    name: undefined,
-    number: false,
-    placeholder: undefined,
-    plaintext: false,
-    readonly: false,
-    required: false,
-    size: undefined,
-    state: null,
-    trim: false,
-    // End CommonInputProps
-  }
-)
+const props = withDefaults(defineProps<BFormInputProps>(), {
+  max: undefined,
+  min: undefined,
+  step: undefined,
+  type: 'text',
+  // CommonInputProps
+  ariaInvalid: undefined,
+  autocomplete: undefined,
+  autofocus: false,
+  debounce: 0,
+  debounceMaxWait: NaN,
+  disabled: false,
+  form: undefined,
+  formatter: undefined,
+  id: undefined,
+  lazy: false,
+  lazyFormatter: false,
+  list: undefined,
+  modelValue: '',
+  name: undefined,
+  number: false,
+  placeholder: undefined,
+  plaintext: false,
+  readonly: false,
+  required: false,
+  size: undefined,
+  state: null,
+  trim: false,
+  // End CommonInputProps
+})
 
 const emit = defineEmits<{
   'update:modelValue': [val: Numberish | null]
@@ -78,13 +67,7 @@ const emit = defineEmits<{
 const {input, computedId, computedAriaInvalid, onInput, onChange, onBlur, focus, blur} =
   useFormInput(props, emit)
 
-const disabledBoolean = useBooleanish(() => props.disabled)
-const requiredBoolean = useBooleanish(() => props.required)
-const readonlyBoolean = useBooleanish(() => props.readonly)
-const plaintextBoolean = useBooleanish(() => props.plaintext)
-const stateBoolean = useBooleanish(() => props.state)
-
-const stateClass = useStateClass(stateBoolean)
+const stateClass = useStateClass(() => props.state)
 
 const isHighlighted = ref(false)
 
@@ -96,9 +79,9 @@ const computedClasses = computed(() => {
     {
       'form-control-highlighted': isHighlighted.value,
       'form-range': isRange,
-      'form-control': isColor || (!plaintextBoolean.value && !isRange),
+      'form-control': isColor || (!props.plaintext && !isRange),
       'form-control-color': isColor,
-      'form-control-plaintext': plaintextBoolean.value && !isRange && !isColor,
+      'form-control-plaintext': props.plaintext && !isRange && !isColor,
       [`form-control-${props.size}`]: !!props.size,
     },
   ]
diff --git a/packages/bootstrap-vue-next/src/components/BFormRadio/BFormRadio.vue b/packages/bootstrap-vue-next/src/components/BFormRadio/BFormRadio.vue
index fd1e5beb2..59d4926ef 100644
--- a/packages/bootstrap-vue-next/src/components/BFormRadio/BFormRadio.vue
+++ b/packages/bootstrap-vue-next/src/components/BFormRadio/BFormRadio.vue
@@ -7,7 +7,7 @@
       v-model="localValue"
       :class="inputClasses"
       type="radio"
-      :disabled="disabledBoolean || parentData?.disabled.value"
+      :disabled="props.disabled || parentData?.disabled.value"
       :required="computedRequired || undefined"
       :name="name || parentData?.name.value"
       :form="form || parentData?.form.value"
@@ -16,17 +16,17 @@
       :value="value"
       :aria-required="computedRequired || undefined"
     />
-    <label v-if="hasDefaultSlot || plainBoolean === false" :for="computedId" :class="labelClasses">
+    <label v-if="hasDefaultSlot || props.plain === false" :for="computedId" :class="labelClasses">
       <slot />
     </label>
   </RenderComponentOrSkip>
 </template>
 
 <script setup lang="ts">
-import {useFocus, useVModel} from '@vueuse/core'
+import {useFocus} from '@vueuse/core'
 import {computed, inject, ref, toRef} from 'vue'
-import {getClasses, getInputClasses, getLabelClasses, useBooleanish, useId} from '../../composables'
-import type {Booleanish, ButtonVariant, RadioValue, Size} from '../../types'
+import {getClasses, getInputClasses, getLabelClasses, useId} from '../../composables'
+import type {BFormRadioProps, RadioValue} from '../../types'
 import {isEmptySlot, radioGroupKey} from '../../utils'
 import RenderComponentOrSkip from '../RenderComponentOrSkip.vue'
 
@@ -34,75 +34,43 @@ defineOptions({
   inheritAttrs: false,
 })
 
-const props = withDefaults(
-  defineProps<{
-    ariaLabel?: string
-    ariaLabelledby?: string
-    autofocus?: Booleanish
-    button?: Booleanish
-    buttonGroup?: Booleanish
-    buttonVariant?: ButtonVariant | null
-    disabled?: Booleanish
-    form?: string
-    id?: string
-    inline?: Booleanish
-    modelValue?: RadioValue
-    name?: string
-    plain?: Booleanish
-    required?: Booleanish
-    size?: Size
-    state?: Booleanish | null
-    value?: RadioValue
-  }>(),
-  {
-    ariaLabel: undefined,
-    ariaLabelledby: undefined,
-    autofocus: false,
-    button: false,
-    buttonGroup: false,
-    buttonVariant: null,
-    disabled: false,
-    form: undefined,
-    id: undefined,
-    inline: false,
-    modelValue: undefined,
-    name: undefined,
-    plain: false,
-    required: false,
-    size: undefined,
-    state: null,
-    value: true,
-  }
-)
-
-const emit = defineEmits<{
-  'update:modelValue': [value: RadioValue]
-}>()
+const props = withDefaults(defineProps<BFormRadioProps>(), {
+  ariaLabel: undefined,
+  ariaLabelledby: undefined,
+  autofocus: false,
+  button: false,
+  buttonGroup: false,
+  buttonVariant: null,
+  disabled: false,
+  form: undefined,
+  id: undefined,
+  inline: false,
+  name: undefined,
+  plain: false,
+  required: false,
+  reverse: false,
+  size: undefined,
+  state: null,
+  value: true,
+})
 
 const slots = defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   default?: (props: Record<string, never>) => any
 }>()
 
-const modelValue = useVModel(props, 'modelValue', emit, {passive: true})
+const modelValue = defineModel<RadioValue | undefined>({
+  default: undefined,
+})
 
 const computedId = useId(() => props.id, 'form-check')
 
-const autofocusBoolean = useBooleanish(() => props.autofocus)
-const plainBoolean = useBooleanish(() => props.plain)
-const buttonBoolean = useBooleanish(() => props.button)
-const buttonGroupBoolean = useBooleanish(() => props.buttonGroup)
-const disabledBoolean = useBooleanish(() => props.disabled)
-const inlineBoolean = useBooleanish(() => props.inline)
-const requiredBoolean = useBooleanish(() => props.required)
-const stateBoolean = useBooleanish(() => props.state)
-
 const parentData = inject(radioGroupKey, null)
 
 const input = ref<HTMLElement | null>(null)
 
 const {focused} = useFocus(input, {
-  initialValue: autofocusBoolean.value,
+  initialValue: props.autofocus,
 })
 
 const hasDefaultSlot = toRef(() => !isEmptySlot(slots.default))
@@ -120,20 +88,20 @@ const localValue = computed({
 })
 
 const computedRequired = toRef(
-  () =>
-    !!(props.name ?? parentData?.name.value) &&
-    (requiredBoolean.value || parentData?.required.value)
+  () => !!(props.name ?? parentData?.name.value) && (props.required || parentData?.required.value)
 )
 
-const isButtonGroup = toRef(() => buttonGroupBoolean.value || (parentData?.buttons.value ?? false))
+const isButtonGroup = toRef(() => props.buttonGroup || (parentData?.buttons.value ?? false))
 
 const classesObject = computed(() => ({
-  plain: plainBoolean.value || (parentData?.plain.value ?? false),
-  button: buttonBoolean.value || (parentData?.buttons.value ?? false),
-  inline: inlineBoolean.value || (parentData?.inline.value ?? false),
-  state: stateBoolean.value || parentData?.state.value,
+  plain: props.plain || (parentData?.plain.value ?? false),
+  button: props.button || (parentData?.buttons.value ?? false),
+  inline: props.inline || (parentData?.inline.value ?? false),
+  state: props.state || parentData?.state.value,
+  reverse: props.reverse || (parentData?.reverse.value ?? false),
   size: props.size ?? parentData?.size.value ?? 'md', // This is where the true default is made
   buttonVariant: props.buttonVariant ?? parentData?.buttonVariant.value ?? 'secondary', // This is where the true default is made
+  hasDefaultSlot: hasDefaultSlot.value,
 }))
 const computedClasses = getClasses(classesObject)
 const inputClasses = getInputClasses(classesObject)
diff --git a/packages/bootstrap-vue-next/src/components/BFormRadio/BFormRadioGroup.vue b/packages/bootstrap-vue-next/src/components/BFormRadio/BFormRadioGroup.vue
index 30fc14182..0d6bef4a3 100644
--- a/packages/bootstrap-vue-next/src/components/BFormRadio/BFormRadioGroup.vue
+++ b/packages/bootstrap-vue-next/src/components/BFormRadio/BFormRadioGroup.vue
@@ -26,72 +26,35 @@
 </template>
 
 <script setup lang="ts">
-import type {
-  AriaInvalid,
-  Booleanish,
-  ButtonVariant,
-  RadioOptionRaw,
-  RadioValue,
-  Size,
-} from '../../types'
-import {computed, nextTick, provide, ref, toRef, watch} from 'vue'
+import type {BFormRadioGroupProps, RadioValue} from '../../types'
+import {computed, provide, ref, toRef} from 'vue'
 import {radioGroupKey} from '../../utils'
 import BFormRadio from './BFormRadio.vue'
-import {getGroupAttr, getGroupClasses, useBooleanish, useId} from '../../composables'
-import {useFocus, useVModel} from '@vueuse/core'
+import {getGroupAttr, getGroupClasses, useId} from '../../composables'
+import {useFocus} from '@vueuse/core'
 
-const props = withDefaults(
-  defineProps<{
-    ariaInvalid?: AriaInvalid
-    autofocus?: Booleanish
-    buttonVariant?: ButtonVariant | null
-    buttons?: Booleanish
-    disabled?: Booleanish
-    disabledField?: string
-    form?: string
-    htmlField?: string
-    id?: string
-    modelValue?: RadioValue
-    name?: string
-    options?: readonly RadioOptionRaw[]
-    plain?: Booleanish
-    required?: Booleanish
-    size?: Size
-    stacked?: Booleanish
-    state?: Booleanish | null
-    textField?: string
-    validated?: Booleanish
-    valueField?: string
-  }>(),
-  {
-    ariaInvalid: undefined,
-    autofocus: false,
-    buttonVariant: 'secondary',
-    buttons: false,
-    disabled: false,
-    disabledField: 'disabled',
-    form: undefined,
-    htmlField: 'html',
-    id: undefined,
-    modelValue: null,
-    name: undefined,
-    options: () => [],
-    plain: false,
-    required: false,
-    size: 'md',
-    stacked: false,
-    state: null,
-    textField: 'text',
-    validated: false,
-    valueField: 'value',
-  }
-)
-
-const emit = defineEmits<{
-  'change': [value: RadioValue]
-  'input': [value: RadioValue]
-  'update:modelValue': [value: RadioValue]
-}>()
+const props = withDefaults(defineProps<BFormRadioGroupProps>(), {
+  ariaInvalid: undefined,
+  autofocus: false,
+  buttonVariant: 'secondary',
+  buttons: false,
+  disabled: false,
+  disabledField: 'disabled',
+  form: undefined,
+  htmlField: 'html',
+  id: undefined,
+  name: undefined,
+  options: () => [],
+  plain: false,
+  required: false,
+  reverse: false,
+  size: 'md',
+  stacked: false,
+  state: null,
+  textField: 'text',
+  validated: false,
+  valueField: 'value',
+})
 
 defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -100,24 +63,17 @@ defineSlots<{
   first?: (props: Record<string, never>) => any
 }>()
 
-const modelValue = useVModel(props, 'modelValue', emit, {passive: true})
+const modelValue = defineModel<RadioValue | null>({
+  default: null,
+})
 
 const computedId = useId(() => props.id, 'radio')
 const computedName = useId(() => props.name, 'checkbox')
 
-const autofocusBoolean = useBooleanish(() => props.autofocus)
-const buttonsBoolean = useBooleanish(() => props.buttons)
-const disabledBoolean = useBooleanish(() => props.disabled)
-const plainBoolean = useBooleanish(() => props.plain)
-const requiredBoolean = useBooleanish(() => props.required)
-const stackedBoolean = useBooleanish(() => props.stacked)
-const stateBoolean = useBooleanish(() => props.state)
-const validatedBoolean = useBooleanish(() => props.validated)
-
 const element = ref<HTMLElement | null>(null)
 
 const {focused} = useFocus(element, {
-  initialValue: autofocusBoolean.value,
+  initialValue: props.autofocus,
 })
 
 provide(radioGroupKey, {
@@ -125,20 +81,14 @@ provide(radioGroupKey, {
   buttonVariant: toRef(() => props.buttonVariant),
   form: toRef(() => props.form),
   name: computedName,
-  buttons: buttonsBoolean,
-  state: stateBoolean,
-  plain: plainBoolean,
+  buttons: toRef(() => props.buttons),
+  state: toRef(() => props.state),
+  plain: toRef(() => props.plain),
   size: toRef(() => props.size),
-  inline: toRef(() => !stackedBoolean.value),
-  required: requiredBoolean,
-  disabled: disabledBoolean,
-})
-
-watch(modelValue, (newValue) => {
-  emit('input', newValue)
-  nextTick(() => {
-    emit('change', newValue)
-  })
+  inline: toRef(() => !props.stacked),
+  reverse: toRef(() => !props.reverse),
+  required: toRef(() => props.required),
+  disabled: toRef(() => props.disabled),
 })
 
 const normalizeOptions = computed(() =>
@@ -146,7 +96,7 @@ const normalizeOptions = computed(() =>
     typeof el === 'string' || typeof el === 'number'
       ? {
           value: el,
-          disabled: disabledBoolean.value,
+          disabled: props.disabled,
           text: el.toString(),
           html: undefined,
           self: Symbol(`radioGroupOptionItem${ind}`),
@@ -163,12 +113,12 @@ const normalizeOptions = computed(() =>
 )
 
 const classesObject = computed(() => ({
-  required: requiredBoolean.value,
+  required: props.required,
   ariaInvalid: props.ariaInvalid,
-  state: stateBoolean.value,
-  validated: validatedBoolean.value,
-  buttons: buttonsBoolean.value,
-  stacked: stackedBoolean.value,
+  state: props.state,
+  validated: props.validated,
+  buttons: props.buttons,
+  stacked: props.stacked,
   size: props.size,
 }))
 const computedAttrs = getGroupAttr(classesObject)
diff --git a/packages/bootstrap-vue-next/src/components/BFormRadio/form-radio.spec.ts b/packages/bootstrap-vue-next/src/components/BFormRadio/form-radio.spec.ts
index c13ebb090..a67e7d281 100644
--- a/packages/bootstrap-vue-next/src/components/BFormRadio/form-radio.spec.ts
+++ b/packages/bootstrap-vue-next/src/components/BFormRadio/form-radio.spec.ts
@@ -13,6 +13,9 @@ describe('form-radio', () => {
   it('has class form-check if prop plain and prop button are false', () => {
     const wrapper = mount(BFormRadio, {
       props: {plain: false, button: false},
+      slots: {
+        default: 'checkbox',
+      },
     })
     expect(wrapper.classes()).toContain('form-check')
   })
@@ -38,6 +41,13 @@ describe('form-radio', () => {
     expect(wrapper.classes()).not.toContain('form-check')
   })
 
+  it('does not have class form-check if default slot is empty', () => {
+    const wrapper = mount(BFormRadio, {
+      props: {plain: true, button: false},
+    })
+    expect(wrapper.classes()).not.toContain('form-check')
+  })
+
   it('has class form-check-inline when prop inline', () => {
     const wrapper = mount(BFormRadio, {
       props: {inline: true},
@@ -52,6 +62,20 @@ describe('form-radio', () => {
     expect(wrapper.classes()).not.toContain('form-check-inline')
   })
 
+  it('has class form-check-reverse when prop reverse', () => {
+    const wrapper = mount(BFormRadio, {
+      props: {reverse: true},
+    })
+    expect(wrapper.classes()).toContain('form-check-reverse')
+  })
+
+  it('does not have class form-check-reverse when prop reverse', () => {
+    const wrapper = mount(BFormRadio, {
+      props: {reverse: false},
+    })
+    expect(wrapper.classes()).not.toContain('form-check-reverse')
+  })
+
   it('does not have class form-switch when prop switch is false', () => {
     const wrapper = mount(BFormRadio, {
       props: {switch: false},
diff --git a/packages/bootstrap-vue-next/src/components/BFormSelect/BFormSelect.vue b/packages/bootstrap-vue-next/src/components/BFormSelect/BFormSelect.vue
index 1bd59fdd2..6b123dd1d 100644
--- a/packages/bootstrap-vue-next/src/components/BFormSelect/BFormSelect.vue
+++ b/packages/bootstrap-vue-next/src/components/BFormSelect/BFormSelect.vue
@@ -6,11 +6,11 @@
     :class="computedClasses"
     :name="name"
     :form="form || undefined"
-    :multiple="multipleBoolean || undefined"
+    :multiple="props.multiple || undefined"
     :size="computedSelectSize"
-    :disabled="disabledBoolean"
-    :required="requiredBoolean || undefined"
-    :aria-required="requiredBoolean || undefined"
+    :disabled="props.disabled"
+    :required="props.required || undefined"
+    :aria-required="props.required || undefined"
     :aria-invalid="computedAriaInvalid"
   >
     <slot name="first" />
@@ -36,78 +36,36 @@
   </select>
 </template>
 
-<script setup lang="ts" generic="T = unknown">
-import type {
-  AriaInvalid,
-  Booleanish,
-  ComplexSelectOptionRaw,
-  Numberish,
-  SelectOption,
-  Size,
-} from '../../types'
+<script setup lang="ts" generic="T">
+import type {BFormSelectProps, ComplexSelectOptionRaw, SelectOption} from '../../types'
 import {computed, ref, toRef} from 'vue'
 import BFormSelectOption from './BFormSelectOption.vue'
 import BFormSelectOptionGroup from './BFormSelectOptionGroup.vue'
-import {useAriaInvalid, useBooleanish, useFormSelect, useId, useStateClass} from '../../composables'
-import {useFocus, useToNumber, useVModel} from '@vueuse/core'
-
-const props = withDefaults(
-  defineProps<{
-    ariaInvalid?: AriaInvalid
-    autofocus?: Booleanish
-    disabled?: Booleanish
-    disabledField?: string
-    form?: string
-    htmlField?: string
-    id?: string
-    labelField?: string
-    modelValue?:
-      | string
-      | readonly unknown[]
-      | Readonly<Record<string, unknown>>
-      | number
-      | boolean
-      | null
-    multiple?: Booleanish
-    name?: string
-    options?: readonly (unknown | Record<string, unknown>)[]
-    optionsField?: string
-    plain?: Booleanish
-    required?: Booleanish
-    selectSize?: Numberish
-    size?: Size
-    state?: Booleanish | null
-    textField?: string
-    valueField?: string
-  }>(),
-  {
-    ariaInvalid: undefined,
-    autofocus: false,
-    disabled: false,
-    disabledField: 'disabled',
-    form: undefined,
-    htmlField: 'html',
-    id: undefined,
-    labelField: 'label',
-    modelValue: '',
-    multiple: false,
-    name: undefined,
-    // eslint-disable-next-line vue/require-valid-default-prop
-    options: () => [],
-    optionsField: 'options',
-    plain: false,
-    required: false,
-    selectSize: 0,
-    size: 'md',
-    state: null,
-    textField: 'text',
-    valueField: 'value',
-  }
-)
-
-const emit = defineEmits<{
-  'update:modelValue': [value: unknown]
-}>()
+import {useAriaInvalid, useFormSelect, useId, useStateClass} from '../../composables'
+import {useFocus, useToNumber} from '@vueuse/core'
+
+const props = withDefaults(defineProps<BFormSelectProps>(), {
+  ariaInvalid: undefined,
+  autofocus: false,
+  disabled: false,
+  disabledField: 'disabled',
+  form: undefined,
+  htmlField: 'html',
+  id: undefined,
+  labelField: 'label',
+  multiple: false,
+  name: undefined,
+  // eslint-disable-next-line vue/require-valid-default-prop
+  options: () => [],
+  optionsField: 'options',
+  plain: false,
+  required: false,
+  selectSize: 0,
+  size: 'md',
+  state: null,
+  textField: 'text',
+  valueField: 'value',
+})
 
 defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -116,41 +74,41 @@ defineSlots<{
   first?: (props: Record<string, never>) => any
 }>()
 
-const modelValue = useVModel(props, 'modelValue', emit, {passive: true})
+const modelValue = defineModel<T>({
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  default: '' as any,
+})
 
 const computedId = useId(() => props.id, 'input')
 
-const autofocusBoolean = useBooleanish(() => props.autofocus)
-const disabledBoolean = useBooleanish(() => props.disabled)
-const multipleBoolean = useBooleanish(() => props.multiple)
-const plainBoolean = useBooleanish(() => props.plain)
-const requiredBoolean = useBooleanish(() => props.required)
-const stateBoolean = useBooleanish(() => props.state)
 const selectSizeNumber = useToNumber(() => props.selectSize)
 
-const stateClass = useStateClass(stateBoolean)
+const stateClass = useStateClass(() => props.state)
 
 const input = ref<HTMLElement | null>(null)
 
 const {focused} = useFocus(input, {
-  initialValue: autofocusBoolean.value,
+  initialValue: props.autofocus,
 })
 
 const computedClasses = computed(() => [
   stateClass.value,
   {
-    'form-control': plainBoolean.value,
-    [`form-control-${props.size}`]: props.size !== 'md' && plainBoolean.value,
-    'form-select': !plainBoolean.value,
-    [`form-select-${props.size}`]: props.size !== 'md' && !plainBoolean.value,
+    'form-control': props.plain,
+    [`form-control-${props.size}`]: props.size !== 'md' && props.plain,
+    'form-select': !props.plain,
+    [`form-select-${props.size}`]: props.size !== 'md' && !props.plain,
   },
 ])
 
 const computedSelectSize = toRef(() =>
-  selectSizeNumber.value || plainBoolean.value ? selectSizeNumber.value : undefined
+  selectSizeNumber.value || props.plain ? selectSizeNumber.value : undefined
 )
 
-const computedAriaInvalid = useAriaInvalid(() => props.ariaInvalid, stateBoolean)
+const computedAriaInvalid = useAriaInvalid(
+  () => props.ariaInvalid,
+  () => props.state
+)
 
 const {normalizedOptions, isComplex} = useFormSelect(() => props.options, props)
 
diff --git a/packages/bootstrap-vue-next/src/components/BFormSelect/BFormSelectOption.vue b/packages/bootstrap-vue-next/src/components/BFormSelect/BFormSelectOption.vue
index 859c6ee31..d306b0ca7 100644
--- a/packages/bootstrap-vue-next/src/components/BFormSelect/BFormSelectOption.vue
+++ b/packages/bootstrap-vue-next/src/components/BFormSelect/BFormSelectOption.vue
@@ -1,28 +1,19 @@
 <template>
-  <option :value="value" :disabled="disabledBoolean">
+  <option :value="value" :disabled="props.disabled">
     <slot />
   </option>
 </template>
 
 <script setup lang="ts" generic="T">
-import {useBooleanish} from '../../composables'
-import type {Booleanish} from '../../types'
+import type {BFormSelectOptionProps} from '../../types'
 
-const props = withDefaults(
-  defineProps<{
-    disabled?: Booleanish
-    value?: T
-  }>(),
-  {
-    disabled: false,
-    value: undefined,
-  }
-)
+const props = withDefaults(defineProps<BFormSelectOptionProps<T>>(), {
+  disabled: false,
+  value: undefined,
+})
 
 defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   default?: (props: Record<string, never>) => any
 }>()
-
-const disabledBoolean = useBooleanish(() => props.disabled)
 </script>
diff --git a/packages/bootstrap-vue-next/src/components/BFormSelect/BFormSelectOptionGroup.vue b/packages/bootstrap-vue-next/src/components/BFormSelect/BFormSelectOptionGroup.vue
index 9db933878..f42a7fb01 100644
--- a/packages/bootstrap-vue-next/src/components/BFormSelect/BFormSelectOptionGroup.vue
+++ b/packages/bootstrap-vue-next/src/components/BFormSelect/BFormSelectOptionGroup.vue
@@ -18,30 +18,20 @@
   </optgroup>
 </template>
 
-<script setup lang="ts" generic="T = unknown">
+<script setup lang="ts" generic="T">
 import BFormSelectOption from './BFormSelectOption.vue'
 import {useFormSelect} from '../../composables'
-import type {SelectOption} from '../../types'
+import type {BFormSelectOptionGroupProps, SelectOption} from '../../types'
 import {computed} from 'vue'
 
-const props = withDefaults(
-  defineProps<{
-    disabledField?: string
-    htmlField?: string
-    label?: string
-    options?: readonly (unknown | Record<string, unknown>)[]
-    textField?: string
-    valueField?: string
-  }>(),
-  {
-    disabledField: 'disabled',
-    htmlField: 'html',
-    label: undefined,
-    options: () => [],
-    textField: 'text',
-    valueField: 'value',
-  }
-)
+const props = withDefaults(defineProps<BFormSelectOptionGroupProps>(), {
+  disabledField: 'disabled',
+  htmlField: 'html',
+  label: undefined,
+  options: () => [],
+  textField: 'text',
+  valueField: 'value',
+})
 
 defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
diff --git a/packages/bootstrap-vue-next/src/components/BFormSpinbutton/BFormSpinbutton.vue b/packages/bootstrap-vue-next/src/components/BFormSpinbutton/BFormSpinbutton.vue
index 0c1ddd5c0..55f28c287 100644
--- a/packages/bootstrap-vue-next/src/components/BFormSpinbutton/BFormSpinbutton.vue
+++ b/packages/bootstrap-vue-next/src/components/BFormSpinbutton/BFormSpinbutton.vue
@@ -5,11 +5,12 @@
     :class="computedClasses"
     role="group"
     :lang="computedLocale"
-    :tabindex="disabledBoolean ? undefined : '-1'"
+    :tabindex="props.disabled ? undefined : '-1'"
     :title="ariaLabel"
     @click="focused = true"
   >
     <!-- eslint-disable-next-line prettier/prettier -->
+    <!-- prettier-ignore -->
     <slot :name="(buttons.top.slot.name as 'increment' | 'decrement')" :has-focus="focused">
       <button
         v-bind="buttons.top.button"
@@ -22,7 +23,7 @@
       </button>
     </slot>
     <input
-      v-if="name && !disabledBoolean"
+      v-if="name && !props.disabled"
       key="hidden"
       type="hidden"
       :name="name"
@@ -35,14 +36,14 @@
       class="flex-grow-1"
       :class="computedSpinClasses"
       :dir="isRtl ?? false ? 'rtl' : 'ltr'"
-      :tabindex="disabledBoolean ? undefined : '0'"
+      :tabindex="props.disabled ? undefined : '0'"
       role="spinbutton"
       aria-live="off"
       :aria-label="ariaLabel || undefined"
       :aria-invalid="
-        stateBoolean === false || (!modelValue !== null && requiredBoolean) ? true : undefined
+        props.state === false || (!modelValue !== null && props.required) ? true : undefined
       "
-      :aria-required="requiredBoolean ? true : undefined"
+      :aria-required="props.required ? true : undefined"
       :aria-valuemin="computedMin"
       :aria-valuemax="computedMax"
       :aria-valuenow="modelValue !== null ? modelValue : undefined"
@@ -53,6 +54,7 @@
       </bdi>
     </output>
     <!-- eslint-disable-next-line prettier/prettier -->
+    <!-- prettier-ignore -->
     <slot :name="(buttons.bottom.slot.name as 'increment' | 'decrement')" :has-focus="focused">
       <button
         v-bind="buttons.bottom.button"
@@ -69,7 +71,7 @@
 
 <script setup lang="ts">
 import {computed, ref, toRef} from 'vue'
-import type {Booleanish, ButtonType, Numberish, Size} from '../../types'
+import type {BFormSpinbuttonProps, ButtonType} from '../../types'
 import {eventOnOff} from '../../utils/event'
 import {
   CODE_DOWN,
@@ -79,73 +81,41 @@ import {
   CODE_PAGEUP,
   CODE_UP,
 } from '../../constants/codes'
-import {onKeyStroke, useFocus, useToNumber, useVModel} from '@vueuse/core'
-import {useBooleanish, useId, useRtl} from '../../composables'
+import {onKeyStroke, useFocus, useToNumber} from '@vueuse/core'
+import {useId, useRtl} from '../../composables'
 
 const KEY_CODES = [CODE_UP, CODE_DOWN, CODE_HOME, CODE_END, CODE_PAGEUP, CODE_PAGEDOWN]
 
-const props = withDefaults(
-  defineProps<{
-    ariaControls?: string
-    ariaLabel?: string
-    disabled?: Booleanish
-    form?: string
-    formatterFn?: (value: number) => string
-    id?: string
-    inline?: Booleanish
-    labelDecrement?: string
-    labelIncrement?: string
-    locale?: string
-    max?: Numberish
-    min?: Numberish
-    modelValue?: number | null
-    name?: string
-    placeholder?: string
-    readonly?: Booleanish
-    repeatDelay?: Numberish
-    repeatInterval?: Numberish
-    repeatStepMultiplier?: Numberish
-    repeatThreshold?: Numberish
-    required?: Booleanish
-    size?: Size
-    state?: Booleanish | null
-    step?: Numberish
-    vertical?: Booleanish
-    wrap?: Booleanish
-  }>(),
-  {
-    ariaControls: undefined,
-    ariaLabel: undefined,
-    disabled: false,
-    form: undefined,
-    formatterFn: undefined,
-    id: undefined,
-    inline: false,
-    labelDecrement: 'Decrement',
-    labelIncrement: 'Increment',
-    locale: undefined,
-    max: defaultValues.max,
-    min: defaultValues.min,
-    modelValue: null,
-    name: undefined,
-    placeholder: undefined,
-    readonly: false,
-    repeatDelay: defaultValues.repeatDelay,
-    repeatInterval: defaultValues.repeatInterval,
-    repeatStepMultiplier: defaultValues.repeatMultiplier,
-    repeatThreshold: defaultValues.repeatThreshold,
-    required: false,
-    size: undefined,
-    state: null,
-    step: defaultValues.step,
-    vertical: false,
-    wrap: false,
-  }
-)
+const props = withDefaults(defineProps<BFormSpinbuttonProps>(), {
+  ariaControls: undefined,
+  ariaLabel: undefined,
+  disabled: false,
+  form: undefined,
+  formatterFn: undefined,
+  id: undefined,
+  inline: false,
+  labelDecrement: 'Decrement',
+  labelIncrement: 'Increment',
+  locale: undefined,
+  max: defaultValues.max,
+  min: defaultValues.min,
+  name: undefined,
+  placeholder: undefined,
+  readonly: false,
+  repeatDelay: defaultValues.repeatDelay,
+  repeatInterval: defaultValues.repeatInterval,
+  repeatStepMultiplier: defaultValues.repeatMultiplier,
+  repeatThreshold: defaultValues.repeatThreshold,
+  required: false,
+  size: undefined,
+  state: null,
+  step: defaultValues.step,
+  vertical: false,
+  wrap: false,
+})
 
 const emit = defineEmits<{
-  'change': [value: number | null]
-  'update:modelValue': [value: number | null]
+  change: [value: number | null]
 }>()
 
 defineSlots<{
@@ -155,7 +125,9 @@ defineSlots<{
   increment?: (props: {hasFocus: boolean}) => any
 }>()
 
-const modelValue = useVModel(props, 'modelValue', emit, {passive: true})
+const modelValue = defineModel<number | null>({
+  default: null,
+})
 
 // TODO focus system
 const element = ref<HTMLElement | null>(null)
@@ -164,33 +136,25 @@ const {focused} = useFocus(element)
 
 const computedId = useId(() => props.id, 'spinbutton')
 
-const disabledBoolean = useBooleanish(() => props.disabled)
-const inlineBoolean = useBooleanish(() => props.inline)
-const readonlyBoolean = useBooleanish(() => props.readonly)
-const verticalBoolean = useBooleanish(() => props.vertical)
-const requiredBoolean = useBooleanish(() => props.required)
-const wrapBoolean = useBooleanish(() => props.wrap)
-const stateBoolean = useBooleanish(() => props.state)
-
 const computedClasses = computed(() => ({
-  'disabled': disabledBoolean.value,
-  'readonly': readonlyBoolean.value,
+  'disabled': props.disabled,
+  'readonly': props.readonly,
   'focus': focused.value,
-  'd-inline-flex': inlineBoolean.value || verticalBoolean.value,
-  'd-flex': !inlineBoolean.value && !verticalBoolean.value,
-  'align-items-stretch': !verticalBoolean.value,
-  'flex-column': verticalBoolean.value,
+  'd-inline-flex': props.inline || props.vertical,
+  'd-flex': !props.inline && !props.vertical,
+  'align-items-stretch': !props.vertical,
+  'flex-column': props.vertical,
   [`form-control-${props.size}`]: props.size !== undefined,
 }))
 
 const computedSpinClasses = computed(() => ({
-  'd-flex': verticalBoolean.value,
-  'align-self-center': !verticalBoolean.value,
-  'align-items-center': verticalBoolean.value,
-  'border-top': verticalBoolean.value,
-  'border-bottom': verticalBoolean.value,
-  'border-start': !verticalBoolean.value,
-  'border-end': !verticalBoolean.value,
+  'd-flex': props.vertical,
+  'align-self-center': !props.vertical,
+  'align-items-center': props.vertical,
+  'border-top': props.vertical,
+  'border-bottom': props.vertical,
+  'border-start': !props.vertical,
+  'border-end': !props.vertical,
 }))
 
 //non reactive properties
@@ -297,7 +261,7 @@ const stepValue = (direction: number) => {
   // Sets a new incremented or decremented value, supporting optional wrapping
   // Direction is either +1 or -1 (or a multiple thereof)
   let {value} = modelValue
-  if (!disabledBoolean.value && value !== null) {
+  if (!props.disabled && value !== null) {
     const step = computedStep.value * direction
     const min = computedMin.value
     const max = computedMax.value
@@ -322,7 +286,7 @@ const stepUp = (multiplier = 1) => {
 
 const stepDown = (multiplier = 1) => {
   if (modelValue.value === null) {
-    modelValue.value = wrapBoolean.value ? computedMax.value : computedMin.value
+    modelValue.value = props.wrap ? computedMax.value : computedMin.value
     return
   }
   stepValue(-1 * multiplier)
@@ -338,7 +302,7 @@ onKeyStroke(
   (event) => {
     const {code, altKey, ctrlKey, metaKey} = event
 
-    if (disabledBoolean.value || readonlyBoolean.value || altKey || ctrlKey || metaKey) return
+    if (props.disabled || props.readonly || altKey || ctrlKey || metaKey) return
 
     // https://w3c.github.io/aria-practices/#spinbutton
     stopEvent(event)
@@ -388,7 +352,7 @@ onKeyStroke(
 
     const {altKey, ctrlKey, metaKey} = event
 
-    if (disabledBoolean.value || readonlyBoolean.value || altKey || ctrlKey || metaKey) return
+    if (props.disabled || props.readonly || altKey || ctrlKey || metaKey) return
 
     stopEvent(event)
     resetTimers()
@@ -402,7 +366,7 @@ onKeyStroke(
 const handleStepRepeat = (event: Readonly<Event>, stepper: (step: number) => void) => {
   const {type} = event || {}
 
-  if (!disabledBoolean.value && !readonlyBoolean.value) {
+  if (!props.disabled && !props.readonly) {
     if (isMouseEvent(event)) {
       // We only respond to left (main === 0) button clicks
       if (type === 'mousedown' && event.button) return
@@ -495,11 +459,11 @@ const buttons = computed(() => {
   } as const
 
   const sharedButtonAttrs = {
-    'class': [{'py-0': !verticalBoolean.value}, 'btn', 'btn-sm', 'border-0', 'rounded-0'],
+    'class': [{'py-0': !props.vertical}, 'btn', 'btn-sm', 'border-0', 'rounded-0'],
     'tabindex': '-1',
     'type': 'button' as ButtonType,
-    'disabled': disabledBoolean.value || readonlyBoolean.value,
-    'aria-disabled': disabledBoolean.value || readonlyBoolean.value ? true : undefined,
+    'disabled': props.disabled || props.readonly,
+    'aria-disabled': props.disabled || props.readonly ? true : undefined,
     'aria-controls': computedId.value,
   }
 
@@ -509,7 +473,7 @@ const buttons = computed(() => {
   }
 
   const handler = (event: Readonly<Event>, stepper: (multiplier?: number) => void) => {
-    if (!disabledBoolean.value && !readonlyBoolean.value) {
+    if (!props.disabled && !props.readonly) {
       stopEvent(event)
       setMouseup(true)
       // Since we `preventDefault()`, we must manually focus the button
@@ -559,10 +523,10 @@ const buttons = computed(() => {
 
   return {
     top: {
-      ...(verticalBoolean.value ? incrementAttrs : decrementAttrs),
+      ...(props.vertical ? incrementAttrs : decrementAttrs),
     },
     bottom: {
-      ...(!verticalBoolean.value ? incrementAttrs : decrementAttrs),
+      ...(!props.vertical ? incrementAttrs : decrementAttrs),
     },
   }
 })
diff --git a/packages/bootstrap-vue-next/src/components/BFormTags/BFormTag.vue b/packages/bootstrap-vue-next/src/components/BFormTags/BFormTag.vue
index 3208054e6..5dcb39bb2 100644
--- a/packages/bootstrap-vue-next/src/components/BFormTags/BFormTag.vue
+++ b/packages/bootstrap-vue-next/src/components/BFormTags/BFormTag.vue
@@ -11,7 +11,7 @@
       <slot>{{ tagText }}</slot>
     </span>
     <BCloseButton
-      v-if="!disabledBoolean && !noRemoveBoolean"
+      v-if="!props.disabled && !props.noRemove"
       aria-keyshortcuts="Delete"
       :aria-label="removeLabel"
       class="b-form-tag-remove"
@@ -24,32 +24,20 @@
 
 <script setup lang="ts">
 import {computed, toRef} from 'vue'
-import {useBooleanish, useId} from '../../composables'
-import type {Booleanish, ColorVariant} from '../../types'
+import {useId} from '../../composables'
+import type {BFormTagProps} from '../../types'
 import BCloseButton from '../BButton/BCloseButton.vue'
 
-const props = withDefaults(
-  defineProps<{
-    disabled?: Booleanish
-    id?: string
-    noRemove?: Booleanish
-    pill?: Booleanish
-    removeLabel?: string
-    tag?: string
-    title?: string
-    variant?: ColorVariant | null
-  }>(),
-  {
-    disabled: false,
-    id: undefined,
-    noRemove: false,
-    pill: false,
-    removeLabel: 'Remove tag',
-    tag: 'span',
-    title: undefined,
-    variant: 'secondary',
-  }
-)
+const props = withDefaults(defineProps<BFormTagProps>(), {
+  disabled: false,
+  id: undefined,
+  noRemove: false,
+  pill: false,
+  removeLabel: 'Remove tag',
+  tag: 'span',
+  title: undefined,
+  variant: 'secondary',
+})
 
 const emit = defineEmits<{
   remove: [value: string]
@@ -62,10 +50,6 @@ const slots = defineSlots<{
 
 const computedId = useId(() => props.id)
 
-const disabledBoolean = useBooleanish(() => props.disabled)
-const noRemoveBoolean = useBooleanish(() => props.noRemove)
-const pillBoolean = useBooleanish(() => props.pill)
-
 const tagText = computed(
   () => ((slots.default?.({})[0].children ?? '').toString() || props.title) ?? ''
 )
@@ -73,7 +57,7 @@ const taglabelId = toRef(() => `${computedId.value}taglabel__`)
 
 const computedClasses = computed(() => ({
   [`text-bg-${props.variant}`]: props.variant !== null,
-  'rounded-pill': pillBoolean.value,
-  'disabled': disabledBoolean.value,
+  'rounded-pill': props.pill,
+  'disabled': props.disabled,
 }))
 </script>
diff --git a/packages/bootstrap-vue-next/src/components/BFormTags/BFormTags.vue b/packages/bootstrap-vue-next/src/components/BFormTags/BFormTags.vue
index a3d212d4e..02de63566 100644
--- a/packages/bootstrap-vue-next/src/components/BFormTags/BFormTags.vue
+++ b/packages/bootstrap-vue-next/src/components/BFormTags/BFormTags.vue
@@ -38,7 +38,7 @@
             :tag="tag"
             :tag-class="tagClass"
             :tag-variant="tagVariant"
-            :tag-pills="tagPillsBoolean"
+            :tag-pills="props.tagPills"
             :remove-tag="removeTag"
           >
             <BFormTag
@@ -62,7 +62,7 @@
             <input
               :id="_inputId"
               ref="input"
-              :disabled="disabledBoolean"
+              :disabled="props.disabled"
               :value="inputValue"
               :type="inputType"
               :placeholder="placeholder"
@@ -70,8 +70,8 @@
               style="outline: currentcolor none 0px; min-width: 5rem"
               v-bind="inputAttrs"
               :form="form"
-              :required="requiredBoolean || undefined"
-              :aria-required="requiredBoolean || undefined"
+              :required="props.required || undefined"
+              :aria-required="props.required || undefined"
               @input="onInput"
               @change="onChange"
               @focus="onFocus"
@@ -89,7 +89,7 @@
                 },
               ]"
               style="font-size: 90%"
-              :disabled="disabledBoolean || inputValue.length === 0 || isLimitReached"
+              :disabled="props.disabled || inputValue.length === 0 || isLimitReached"
               @click="addTag(inputValue)"
             >
               <slot name="add-button-text">{{ addButtonText }}</slot>
@@ -104,8 +104,8 @@
         <small v-if="isDuplicate" class="form-text text-body-secondary"
           >{{ duplicateTagText }}: {{ inputValue }}</small
         >
-        <small v-if="tags.length === limit" class="form-text text-body-secondary"
-          >Tag limit reached</small
+        <small v-if="tags.length === limit" class="form-text text-body-secondary">
+          {{ limitTagsText }}</small
         >
       </div>
     </slot>
@@ -116,99 +116,52 @@
 </template>
 
 <script setup lang="ts">
+import {onKeyStroke, syncRef, useFocus, useToNumber} from '@vueuse/core'
 import {computed, ref, toRef} from 'vue'
-import BFormTag from './BFormTag.vue'
-import {useBooleanish, useId, useStateClass} from '../../composables'
-import type {
-  AttrsValue,
-  Booleanish,
-  ButtonVariant,
-  ClassValue,
-  ColorVariant,
-  InputType,
-  Numberish,
-  Size,
-} from '../../types'
-import {onKeyStroke, syncRef, useFocus, useToNumber, useVModel} from '@vueuse/core'
+import {useId, useStateClass} from '../../composables'
+import type {BFormTagsProps, ClassValue, ColorVariant} from '../../types'
 import {escapeRegExpChars} from '../../utils'
+import BFormTag from './BFormTag.vue'
 
-const props = withDefaults(
-  defineProps<{
-    addButtonText?: string
-    addButtonVariant?: ButtonVariant | null
-    addOnChange?: Booleanish
-    autofocus?: Booleanish
-    disabled?: Booleanish
-    duplicateTagText?: string
-    form?: string
-    inputAttrs?: Readonly<AttrsValue>
-    inputClass?: ClassValue
-    inputId?: string
-    inputType?: InputType
-    invalidTagText?: string
-    limit?: Numberish
-    limitTagsText?: string
-    modelValue?: readonly string[]
-    name?: string
-    noAddOnEnter?: Booleanish
-    noOuterFocus?: Booleanish
-    noTagRemove?: Booleanish
-    placeholder?: string
-    removeOnDelete?: Booleanish
-    required?: Booleanish
-    separator?: string | readonly string[]
-    size?: Size
-    state?: Booleanish | null
-    tagClass?: ClassValue
-    tagPills?: Booleanish
-    tagRemoveLabel?: string
-    tagRemovedLabel?: string
-    tagValidator?: (t: string) => boolean
-    tagVariant?: ColorVariant | null
-  }>(),
-  {
-    addButtonText: 'Add',
-    addButtonVariant: 'outline-secondary',
-    addOnChange: false,
-    autofocus: false,
-    disabled: false,
-    duplicateTagText: 'Duplicate tag(s)',
-    form: undefined,
-    inputAttrs: undefined,
-    inputClass: undefined,
-    inputId: undefined,
-    inputType: 'text',
-    invalidTagText: 'Invalid tag(s)',
-    limit: undefined,
-    limitTagsText: 'Tag limit reached',
-    modelValue: () => [],
-    name: undefined,
-    noAddOnEnter: false,
-    noOuterFocus: false,
-    noTagRemove: false,
-    placeholder: 'Add tag...',
-    removeOnDelete: false,
-    required: false,
-    separator: undefined,
-    size: 'md',
-    state: null,
-    tagClass: undefined,
-    tagPills: false,
-    tagRemoveLabel: undefined,
-    tagRemovedLabel: 'Tag removed',
-    tagValidator: () => true,
-    tagVariant: 'secondary',
-  }
-)
+const props = withDefaults(defineProps<BFormTagsProps>(), {
+  addButtonText: 'Add',
+  addButtonVariant: 'outline-secondary',
+  addOnChange: false,
+  autofocus: false,
+  disabled: false,
+  duplicateTagText: 'Duplicate tag(s)',
+  form: undefined,
+  inputAttrs: undefined,
+  inputClass: undefined,
+  inputId: undefined,
+  inputType: 'text',
+  invalidTagText: 'Invalid tag(s)',
+  limit: undefined,
+  limitTagsText: 'Tag limit reached',
+  name: undefined,
+  noAddOnEnter: false,
+  noOuterFocus: false,
+  noTagRemove: false,
+  placeholder: 'Add tag...',
+  removeOnDelete: false,
+  required: false,
+  separator: undefined,
+  size: 'md',
+  state: null,
+  tagClass: undefined,
+  tagPills: false,
+  tagRemoveLabel: undefined,
+  tagRemovedLabel: 'Tag removed',
+  tagValidator: () => true,
+  tagVariant: 'secondary',
+})
 
 const emit = defineEmits<{
   'blur': [value: FocusEvent]
   'focus': [value: FocusEvent]
   'focusin': [value: FocusEvent]
   'focusout': [value: FocusEvent]
-  'input': [value: string[]]
   'tag-state': [...args: string[][]]
-  'update:modelValue': [value: string[]]
 }>()
 
 defineSlots<{
@@ -227,28 +180,20 @@ defineSlots<{
   }) => any
 }>()
 
-const modelValue = useVModel(props, 'modelValue', emit)
+const modelValue = defineModel<string[]>({
+  default: () => [],
+})
 
 const computedId = useId()
 
-const addOnChangeBoolean = useBooleanish(() => props.addOnChange)
-const autofocusBoolean = useBooleanish(() => props.autofocus)
-const disabledBoolean = useBooleanish(() => props.disabled)
-const noAddOnEnterBoolean = useBooleanish(() => props.noAddOnEnter)
-const noOuterFocusBoolean = useBooleanish(() => props.noOuterFocus)
-const noTagRemoveBoolean = useBooleanish(() => props.noTagRemove)
-const removeOnDeleteBoolean = useBooleanish(() => props.removeOnDelete)
-const requiredBoolean = useBooleanish(() => props.required)
-const stateBoolean = useBooleanish(() => props.state)
-const tagPillsBoolean = useBooleanish(() => props.tagPills)
 const limitNumber = useToNumber(() => props.limit ?? NaN)
 
-const stateClass = useStateClass(stateBoolean)
+const stateClass = useStateClass(() => props.state)
 
 const input = ref<HTMLInputElement | null>(null)
 
 const {focused} = useFocus(input, {
-  initialValue: autofocusBoolean.value,
+  initialValue: props.autofocus,
 })
 
 const _inputId = toRef(() => props.inputId || `${computedId.value}input__`)
@@ -271,7 +216,7 @@ const computedClasses = computed(() => [
   stateClass.value,
   {
     [`form-control-${props.size}`]: props.size !== 'md',
-    disabled: disabledBoolean.value,
+    disabled: props.disabled,
     focus: focused.value,
   },
 ])
@@ -288,13 +233,13 @@ const slotAttrs = computed(() => ({
   addButtonVariant: props.addButtonVariant,
   addTag,
   disableAddButton: disableAddButton.value,
-  disabled: disabledBoolean.value,
+  disabled: props.disabled,
   duplicateTagText: props.duplicateTagText,
   duplicateTags: duplicateTags.value,
   form: props.form,
   inputAttrs: {
     ...props.inputAttrs,
-    disabled: disabledBoolean.value,
+    disabled: props.disabled,
     form: props.form,
     id: _inputId,
     value: inputValue,
@@ -313,22 +258,22 @@ const slotAttrs = computed(() => ({
   isLimitReached: isLimitReached.value,
   limitTagsText: props.limitTagsText,
   limit: limitNumber.value,
-  noTagRemove: noTagRemoveBoolean.value,
+  noTagRemove: props.noTagRemove,
   placeholder: props.placeholder,
   removeTag,
-  required: requiredBoolean.value,
+  required: props.required,
   separator: props.separator,
   size: props.size,
-  state: stateBoolean.value,
+  state: props.state,
   tagClass: props.tagClass,
-  tagPills: tagPillsBoolean.value,
+  tagPills: props.tagPills,
   tagRemoveLabel: props.tagRemoveLabel,
   tagVariant: props.tagVariant,
   tags: tags.value,
 }))
 
 const onFocusin = (e: Readonly<FocusEvent>): void => {
-  if (disabledBoolean.value) {
+  if (props.disabled) {
     const target = e.target as HTMLDivElement
     target.blur()
     return
@@ -338,7 +283,7 @@ const onFocusin = (e: Readonly<FocusEvent>): void => {
 }
 
 const onFocus = (e: Readonly<FocusEvent>): void => {
-  if (disabledBoolean.value || noOuterFocusBoolean.value) {
+  if (props.disabled || props.noOuterFocus) {
     return
   }
 
@@ -378,7 +323,7 @@ const onInput = (e: Readonly<Event> | string): void => {
 }
 
 const onChange = (e: Readonly<Event>): void => {
-  if (addOnChangeBoolean.value) {
+  if (props.addOnChange) {
     onInput(e)
 
     if (!isDuplicate.value) {
@@ -388,14 +333,14 @@ const onChange = (e: Readonly<Event>): void => {
 }
 
 const onKeydown = (e: Readonly<KeyboardEvent>): void => {
-  if (e.key === 'Enter' && !noAddOnEnterBoolean.value) {
+  if (e.key === 'Enter' && !props.noAddOnEnter) {
     addTag(inputValue.value)
     return
   }
 
   if (
     (e.key === 'Backspace' || e.key === 'Delete') &&
-    removeOnDeleteBoolean.value &&
+    props.removeOnDelete &&
     inputValue.value === '' &&
     shouldRemoveOnDelete.value &&
     tags.value.length > 0
@@ -448,7 +393,6 @@ const addTag = (tag?: string): void => {
   inputValue.value = ''
   shouldRemoveOnDelete.value = true
   modelValue.value = newValue
-  emit('input', newValue)
   focused.value = true
 }
 
diff --git a/packages/bootstrap-vue-next/src/components/BFormTags/form-tags.spec.ts b/packages/bootstrap-vue-next/src/components/BFormTags/form-tags.spec.ts
new file mode 100644
index 000000000..fa92bd23d
--- /dev/null
+++ b/packages/bootstrap-vue-next/src/components/BFormTags/form-tags.spec.ts
@@ -0,0 +1,29 @@
+import {enableAutoUnmount, mount} from '@vue/test-utils'
+import {afterEach, describe} from 'node:test'
+import {expect, it} from 'vitest'
+import BFormTags from './BFormTags.vue'
+
+// Add unit testing only for limitTag
+describe('form-tags', () => {
+  enableAutoUnmount(afterEach)
+
+  describe('BFormTags attributes', () => {
+    it('tag is div', () => {
+      const wrapper = mount(BFormTags)
+      expect(wrapper.element.tagName).toBe('DIV')
+    })
+
+    it('should show limitTagsText when it´s defined', () => {
+      const wrapper = mount(BFormTags, {
+        props: {
+          limit: 2,
+          limitTagsText: 'Foo',
+          modelValue: ['apple', 'orange'],
+        },
+      })
+
+      const $smallElement = wrapper.get('small')
+      expect($smallElement.text()).toBe('Foo')
+    })
+  })
+})
diff --git a/packages/bootstrap-vue-next/src/components/BFormTextarea/BFormTextarea.vue b/packages/bootstrap-vue-next/src/components/BFormTextarea/BFormTextarea.vue
index af0efc5a9..f4ab94284 100644
--- a/packages/bootstrap-vue-next/src/components/BFormTextarea/BFormTextarea.vue
+++ b/packages/bootstrap-vue-next/src/components/BFormTextarea/BFormTextarea.vue
@@ -6,11 +6,11 @@
     :name="name || undefined"
     :form="form || undefined"
     :value="modelValue ?? undefined"
-    :disabled="disabledBoolean"
+    :disabled="props.disabled"
     :placeholder="placeholder"
-    :required="requiredBoolean || undefined"
+    :required="props.required || undefined"
     :autocomplete="autocomplete || undefined"
-    :readonly="readonlyBoolean || plaintextBoolean"
+    :readonly="props.readonly || props.plaintext"
     :aria-required="required || undefined"
     :aria-invalid="computedAriaInvalid"
     :rows="rows"
@@ -23,48 +23,39 @@
 </template>
 
 <script setup lang="ts">
-import type {Booleanish, CommonInputProps, Numberish} from '../../types'
+import type {BFormTextareaProps, Numberish} from '../../types'
 import {computed, type CSSProperties} from 'vue'
-import {useBooleanish, useFormInput, useStateClass} from '../../composables'
+import {useFormInput, useStateClass} from '../../composables'
 
-const props = withDefaults(
-  defineProps<
-    {
-      noResize?: Booleanish
-      rows?: Numberish
-      wrap?: string
-    } & CommonInputProps
-  >(),
-  {
-    // CommonInputProps
-    ariaInvalid: undefined,
-    autocomplete: undefined,
-    autofocus: false,
-    debounce: 0,
-    debounceMaxWait: NaN,
-    disabled: false,
-    form: undefined,
-    formatter: undefined,
-    id: undefined,
-    lazy: false,
-    lazyFormatter: false,
-    list: undefined,
-    modelValue: '',
-    name: undefined,
-    number: false,
-    placeholder: undefined,
-    plaintext: false,
-    readonly: false,
-    required: false,
-    size: undefined,
-    state: null,
-    trim: false,
-    // End CommonInputProps
-    noResize: false,
-    rows: 2,
-    wrap: 'soft',
-  }
-)
+const props = withDefaults(defineProps<BFormTextareaProps>(), {
+  // CommonInputProps
+  ariaInvalid: undefined,
+  autocomplete: undefined,
+  autofocus: false,
+  debounce: 0,
+  debounceMaxWait: NaN,
+  disabled: false,
+  form: undefined,
+  formatter: undefined,
+  id: undefined,
+  lazy: false,
+  lazyFormatter: false,
+  list: undefined,
+  modelValue: '',
+  name: undefined,
+  number: false,
+  placeholder: undefined,
+  plaintext: false,
+  readonly: false,
+  required: false,
+  size: undefined,
+  state: null,
+  trim: false,
+  // End CommonInputProps
+  noResize: false,
+  rows: 2,
+  wrap: 'soft',
+})
 
 const emit = defineEmits<{
   'update:modelValue': [val: Numberish | null]
@@ -73,25 +64,18 @@ const emit = defineEmits<{
 const {input, computedId, computedAriaInvalid, onInput, onChange, onBlur, focus, blur} =
   useFormInput(props, emit)
 
-const disabledBoolean = useBooleanish(() => props.disabled)
-const requiredBoolean = useBooleanish(() => props.required)
-const readonlyBoolean = useBooleanish(() => props.readonly)
-const plaintextBoolean = useBooleanish(() => props.plaintext)
-const noResizeBoolean = useBooleanish(() => props.noResize)
-const stateBoolean = useBooleanish(() => props.state)
-
-const stateClass = useStateClass(stateBoolean)
+const stateClass = useStateClass(() => props.state)
 
 const computedClasses = computed(() => [
   stateClass.value,
-  plaintextBoolean.value ? 'form-control-plaintext' : 'form-control',
+  props.plaintext ? 'form-control-plaintext' : 'form-control',
   {
     [`form-control-${props.size}`]: !!props.size,
   },
 ])
 
 const computedStyles = computed<CSSProperties>(() => ({
-  resize: noResizeBoolean.value ? 'none' : undefined,
+  resize: props.noResize ? 'none' : undefined,
 }))
 
 defineExpose({
diff --git a/packages/bootstrap-vue-next/src/components/BImg.vue b/packages/bootstrap-vue-next/src/components/BImg.vue
index 0833bfadb..27b77af45 100644
--- a/packages/bootstrap-vue-next/src/components/BImg.vue
+++ b/packages/bootstrap-vue-next/src/components/BImg.vue
@@ -1,18 +1,18 @@
 <template>
   <img
     :class="computedClasses"
-    :src="!blankBoolean ? src : computedBlankImgSrc"
+    :src="!props.blank ? src : computedBlankImgSrc"
     :width="computedDimentions.width || undefined"
     :height="computedDimentions.height || undefined"
-    :srcset="!blankBoolean ? computedSrcset : undefined"
-    :sizes="!blankBoolean ? computedSizes : undefined"
-    :loading="lazyBoolean ? 'lazy' : 'eager'"
+    :srcset="!props.blank ? computedSrcset : undefined"
+    :sizes="!props.blank ? computedSizes : undefined"
+    :loading="props.lazy ? 'lazy' : 'eager'"
   />
 </template>
 
 <script setup lang="ts">
 import type {BImgProps} from '../types'
-import {useBooleanish, useRadiusElementClasses} from '../composables'
+import {useRadiusElementClasses} from '../composables'
 import {computed, toRef} from 'vue'
 import {useToNumber} from '@vueuse/core'
 
@@ -41,29 +41,15 @@ const props = withDefaults(defineProps<BImgProps>(), {
   // End RadiusElementExtendables props
 })
 
-const lazyBoolean = useBooleanish(() => props.lazy)
-const blankBoolean = useBooleanish(() => props.blank)
-const blockBoolean = useBooleanish(() => props.block)
-const centerBoolean = useBooleanish(() => props.center)
-const fluidBoolean = useBooleanish(() => props.fluid)
-const fluidGrowBoolean = useBooleanish(() => props.fluidGrow)
-const startBoolean = useBooleanish(() => props.start)
-const endBoolean = useBooleanish(() => props.end)
-const thumbnailBoolean = useBooleanish(() => props.thumbnail)
 const heightNumber = useToNumber(() => props.height ?? NaN)
 const widthNumber = useToNumber(() => props.width ?? NaN)
-const roundedBoolean = useBooleanish(() => props.rounded)
-const roundedTopBoolean = useBooleanish(() => props.roundedTop)
-const roundedBottomBoolean = useBooleanish(() => props.roundedBottom)
-const roundedStartBoolean = useBooleanish(() => props.roundedStart)
-const roundedEndBoolean = useBooleanish(() => props.roundedEnd)
 
 const radiusElementClasses = useRadiusElementClasses(() => ({
-  rounded: roundedBoolean.value,
-  roundedTop: roundedTopBoolean.value,
-  roundedBottom: roundedBottomBoolean.value,
-  roundedStart: roundedStartBoolean.value,
-  roundedEnd: roundedEndBoolean.value,
+  rounded: props.rounded,
+  roundedTop: props.roundedTop,
+  roundedBottom: props.roundedBottom,
+  roundedStart: props.roundedStart,
+  roundedEnd: props.roundedEnd,
 }))
 
 const computedSrcset = computed(() =>
@@ -91,7 +77,7 @@ const computedSizes = computed(() =>
 const computedDimentions = computed<{height: number | undefined; width: number | undefined}>(() => {
   const width = Number.isNaN(widthNumber.value) ? undefined : widthNumber.value
   const height = Number.isNaN(heightNumber.value) ? undefined : heightNumber.value
-  if (blankBoolean.value) {
+  if (props.blank) {
     if (width !== undefined && height === undefined) {
       return {height: width, width}
     }
@@ -111,23 +97,17 @@ const computedBlankImgSrc = toRef(() =>
 )
 
 const alignment = toRef(() =>
-  startBoolean.value
-    ? 'float-start'
-    : endBoolean.value
-      ? 'float-end'
-      : centerBoolean.value
-        ? 'mx-auto'
-        : undefined
+  props.start ? 'float-start' : props.end ? 'float-end' : props.center ? 'mx-auto' : undefined
 )
 
 const computedClasses = computed(() => [
   radiusElementClasses.value,
   {
-    'img-thumbnail': thumbnailBoolean.value,
-    'img-fluid': fluidBoolean.value || fluidGrowBoolean.value,
-    'w-100': fluidGrowBoolean.value,
+    'img-thumbnail': props.thumbnail,
+    'img-fluid': props.fluid || props.fluidGrow,
+    'w-100': props.fluidGrow,
     [`${alignment.value}`]: alignment.value !== undefined,
-    'd-block': blockBoolean.value || centerBoolean.value,
+    'd-block': props.block || props.center,
   },
 ])
 
diff --git a/packages/bootstrap-vue-next/src/components/BInputGroup/BInputGroup.vue b/packages/bootstrap-vue-next/src/components/BInputGroup/BInputGroup.vue
index 3ed6c3b78..2a321e43f 100644
--- a/packages/bootstrap-vue-next/src/components/BInputGroup/BInputGroup.vue
+++ b/packages/bootstrap-vue-next/src/components/BInputGroup/BInputGroup.vue
@@ -19,29 +19,18 @@
 </template>
 
 <script setup lang="ts">
-import type {Size} from '../../types'
+import type {BInputGroupProps} from '../../types'
 import {computed, toRef} from 'vue'
 
-const props = withDefaults(
-  defineProps<{
-    append?: string
-    appendHtml?: string
-    id?: string
-    prepend?: string
-    prependHtml?: string
-    size?: Size
-    tag?: string
-  }>(),
-  {
-    append: undefined,
-    appendHtml: undefined,
-    id: undefined,
-    prepend: undefined,
-    prependHtml: undefined,
-    size: 'md',
-    tag: 'div',
-  }
-)
+const props = withDefaults(defineProps<BInputGroupProps>(), {
+  append: undefined,
+  appendHtml: undefined,
+  id: undefined,
+  prepend: undefined,
+  prependHtml: undefined,
+  size: 'md',
+  tag: 'div',
+})
 
 defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
diff --git a/packages/bootstrap-vue-next/src/components/BInputGroup/BInputGroupAddon.vue b/packages/bootstrap-vue-next/src/components/BInputGroup/BInputGroupAddon.vue
index ade1d251d..f9bb6f9a9 100644
--- a/packages/bootstrap-vue-next/src/components/BInputGroup/BInputGroupAddon.vue
+++ b/packages/bootstrap-vue-next/src/components/BInputGroup/BInputGroupAddon.vue
@@ -1,12 +1,11 @@
 <template>
-  <BInputGroupText v-if="isTextBoolean">
+  <BInputGroupText v-if="props.isText">
     <slot />
   </BInputGroupText>
   <slot v-else />
 </template>
 
 <script setup lang="ts">
-import {useBooleanish} from '../../composables'
 import type {BInputGroupAddonProps} from '../../types'
 import BInputGroupText from './BInputGroupText.vue'
 
@@ -18,6 +17,4 @@ defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   default?: (props: Record<string, never>) => any
 }>()
-
-const isTextBoolean = useBooleanish(() => props.isText)
 </script>
diff --git a/packages/bootstrap-vue-next/src/components/BInputGroup/BInputGroupText.vue b/packages/bootstrap-vue-next/src/components/BInputGroup/BInputGroupText.vue
index 1c13e6f87..cb1ee8b53 100644
--- a/packages/bootstrap-vue-next/src/components/BInputGroup/BInputGroupText.vue
+++ b/packages/bootstrap-vue-next/src/components/BInputGroup/BInputGroupText.vue
@@ -7,16 +7,12 @@
 </template>
 
 <script setup lang="ts">
-withDefaults(
-  defineProps<{
-    tag?: string
-    text?: string
-  }>(),
-  {
-    tag: 'div',
-    text: undefined,
-  }
-)
+import type {BInputGroupTextProps} from '../../types'
+
+withDefaults(defineProps<BInputGroupTextProps>(), {
+  tag: 'div',
+  text: undefined,
+})
 
 defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
diff --git a/packages/bootstrap-vue-next/src/components/BLink/BLink.vue b/packages/bootstrap-vue-next/src/components/BLink/BLink.vue
index 0e512a01c..c596dca74 100644
--- a/packages/bootstrap-vue-next/src/components/BLink/BLink.vue
+++ b/packages/bootstrap-vue-next/src/components/BLink/BLink.vue
@@ -11,7 +11,7 @@
       :is="routerTag"
       :href="localHref"
       :class="{
-        [defaultActiveClass]: activeBoolean,
+        [defaultActiveClass]: props.active,
         [activeClass]: isActive,
         [exactActiveClass]: isExactActive,
       }"
@@ -28,7 +28,6 @@
 
 <script setup lang="ts">
 import type {BLinkProps} from '../../types'
-import {useBooleanish} from '../../composables'
 import {collapseInjectionKey, navbarInjectionKey} from '../../utils'
 import {computed, getCurrentInstance, inject, useAttrs} from 'vue'
 
@@ -48,8 +47,8 @@ const props = withDefaults(defineProps<BLinkProps>(), {
   icon: false,
   opacity: undefined,
   opacityHover: undefined,
-  // noPrefetch: {type: [Boolean, String] as PropType<Booleanish>, default: false},
-  // prefetch: {type: [Boolean, String] as PropType<Booleanish>, default: null},
+  // noPrefetch: {type: Boolean, default: false},
+  // prefetch: {type: Boolean, default: null},
   rel: undefined,
   replace: false,
   routerComponentName: 'router-link',
@@ -70,15 +69,9 @@ const emit = defineEmits<{
 
 const attrs = useAttrs()
 
-const activeBoolean = useBooleanish(() => props.active)
-const iconBoolean = useBooleanish(() => props.icon)
-// TODO
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-const appendBoolean = useBooleanish(() => props.append)
-const disabledBoolean = useBooleanish(() => props.disabled)
-// TODO
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-const replaceBoolean = useBooleanish(() => props.replace)
+// TODO append not yet implemented
+
+// TODO replace not yet implemented
 const collapseData = inject(collapseInjectionKey, null)
 const navbarData = inject(navbarInjectionKey, null)
 
@@ -92,7 +85,7 @@ const tag = computed(() => {
     .map((e) => e.charAt(0).toUpperCase() + e.slice(1))
     .join('')
   const hasRouter = instance?.appContext.app.component(routerName) !== undefined
-  if (!hasRouter || disabledBoolean.value || !props.to) {
+  if (!hasRouter || props.disabled || !props.to) {
     return 'a'
   }
   return props.routerComponentName
@@ -131,7 +124,7 @@ const computedClasses = computed(() => ({
   [`link-underline-opacity-${props.underlineOpacity}`]: props.underlineOpacity !== undefined,
   [`link-underline-opacity-${props.underlineOpacityHover}-hover`]:
     props.underlineOpacityHover !== undefined,
-  'icon-link': iconBoolean.value === true,
+  'icon-link': props.icon === true,
 }))
 
 const routerAttr = computed(() => ({
@@ -140,21 +133,17 @@ const routerAttr = computed(() => ({
   'href': computedHref.value,
   'target': props.target,
   'rel': props.target === '_blank' ? props.rel ?? 'noopener' : undefined,
-  'tabindex': disabledBoolean.value
-    ? '-1'
-    : typeof attrs.tabindex === 'undefined'
-      ? null
-      : attrs.tabindex,
-  'aria-disabled': disabledBoolean.value ? true : null,
+  'tabindex': props.disabled ? '-1' : typeof attrs.tabindex === 'undefined' ? null : attrs.tabindex,
+  'aria-disabled': props.disabled ? true : null,
 }))
 
 const computedLinkClasses = computed(() => ({
-  [defaultActiveClass]: activeBoolean.value,
-  disabled: disabledBoolean.value,
+  [defaultActiveClass]: props.active,
+  disabled: props.disabled,
 }))
 
 const clicked = (e: Readonly<MouseEvent>): void => {
-  if (disabledBoolean.value) {
+  if (props.disabled) {
     e.preventDefault()
     e.stopImmediatePropagation()
     return
@@ -164,7 +153,7 @@ const clicked = (e: Readonly<MouseEvent>): void => {
     (collapseData?.isNav?.value === true && navbarData === null) ||
     (navbarData !== null && navbarData.autoClose?.value === true)
   ) {
-    collapseData?.close?.()
+    collapseData?.hide?.()
   }
 
   emit('click', e)
diff --git a/packages/bootstrap-vue-next/src/components/BListGroup/BListGroup.vue b/packages/bootstrap-vue-next/src/components/BListGroup/BListGroup.vue
index 2d61c9885..bba69e273 100644
--- a/packages/bootstrap-vue-next/src/components/BListGroup/BListGroup.vue
+++ b/packages/bootstrap-vue-next/src/components/BListGroup/BListGroup.vue
@@ -7,45 +7,32 @@
 <script setup lang="ts">
 import {computed, provide, toRef} from 'vue'
 import {listGroupInjectionKey} from '../../utils'
-import type {Booleanish, Breakpoint} from '../../types'
-import {useBooleanish} from '../../composables'
+import type {BListGroupProps} from '../../types'
 
-const props = withDefaults(
-  defineProps<{
-    flush?: Booleanish
-    horizontal?: Booleanish | Breakpoint
-    numbered?: Booleanish
-    tag?: string
-  }>(),
-  {
-    flush: false,
-    horizontal: false,
-    numbered: false,
-    tag: 'div',
-  }
-)
+const props = withDefaults(defineProps<BListGroupProps>(), {
+  flush: false,
+  horizontal: false,
+  numbered: false,
+  tag: 'div',
+})
 
 defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   default?: (props: Record<string, never>) => any
 }>()
 
-const flushBoolean = useBooleanish(() => props.flush)
-const numberedBoolean = useBooleanish(() => props.numbered)
-const computedHorizontal = useBooleanish(() => props.horizontal)
-
 const computedClasses = computed(() => {
-  const horizontal = flushBoolean.value ? false : computedHorizontal.value
+  const horizontal = props.flush ? false : props.horizontal
   return {
-    'list-group-flush': flushBoolean.value,
+    'list-group-flush': props.flush,
     'list-group-horizontal': horizontal === true,
     [`list-group-horizontal-${horizontal}`]: typeof horizontal === 'string',
-    'list-group-numbered': numberedBoolean.value,
+    'list-group-numbered': props.numbered,
   }
 })
-const computedTag = toRef(() => (numberedBoolean.value === true ? 'ol' : props.tag))
+const computedTag = toRef(() => (props.numbered === true ? 'ol' : props.tag))
 
 provide(listGroupInjectionKey, {
-  numbered: numberedBoolean,
+  numbered: toRef(() => props.numbered),
 })
 </script>
diff --git a/packages/bootstrap-vue-next/src/components/BListGroup/BListGroupItem.vue b/packages/bootstrap-vue-next/src/components/BListGroup/BListGroupItem.vue
index fbafb18cf..9aa342532 100644
--- a/packages/bootstrap-vue-next/src/components/BListGroup/BListGroupItem.vue
+++ b/packages/bootstrap-vue-next/src/components/BListGroup/BListGroupItem.vue
@@ -3,11 +3,11 @@
     :is="tagComputed"
     class="list-group-item"
     :class="computedClasses"
-    :aria-current="activeBoolean ? true : undefined"
-    :aria-disabled="disabledBoolean ? true : undefined"
+    :aria-current="props.active ? true : undefined"
+    :aria-disabled="props.disabled ? true : undefined"
     :target="isLink ? target : undefined"
-    :href="!buttonBoolean ? href : undefined"
-    :to="!buttonBoolean ? to : undefined"
+    :href="!props.button ? href : undefined"
+    :to="!props.button ? to : undefined"
     v-bind="computedAttrs"
   >
     <slot />
@@ -16,48 +16,39 @@
 
 <script setup lang="ts">
 import {computed, inject, toRef, useAttrs} from 'vue'
-import type {BLinkProps, Booleanish} from '../../types'
-import {useBLinkHelper, useBooleanish} from '../../composables'
+import type {BListGroupItemProps} from '../../types'
+import {useBLinkHelper} from '../../composables'
 import BLink from '../BLink/BLink.vue'
 import {listGroupInjectionKey} from '../../utils'
 
-const props = withDefaults(
-  defineProps<
-    {
-      action?: Booleanish
-      button?: Booleanish
-      tag?: string
-    } & Omit<BLinkProps, 'routerTag'>
-  >(),
-  {
-    action: false,
-    button: false,
-    tag: 'div',
-    // Link props
-    active: false, // Why is this active: false?
-    // All others use defaults
-    activeClass: undefined,
-    append: undefined,
-    disabled: undefined,
-    exactActiveClass: undefined,
-    href: undefined,
-    icon: undefined,
-    opacity: undefined,
-    opacityHover: undefined,
-    rel: undefined,
-    replace: undefined,
-    routerComponentName: undefined,
-    target: undefined,
-    to: undefined,
-    underlineOffset: undefined,
-    underlineOffsetHover: undefined,
-    underlineOpacity: undefined,
-    underlineOpacityHover: undefined,
-    underlineVariant: undefined,
-    variant: undefined,
-    // End link props
-  }
-)
+const props = withDefaults(defineProps<BListGroupItemProps>(), {
+  action: false,
+  button: false,
+  tag: 'div',
+  // Link props
+  active: false, // Why is this active: false?
+  // All others use defaults
+  activeClass: undefined,
+  append: undefined,
+  disabled: undefined,
+  exactActiveClass: undefined,
+  href: undefined,
+  icon: undefined,
+  opacity: undefined,
+  opacityHover: undefined,
+  rel: undefined,
+  replace: undefined,
+  routerComponentName: undefined,
+  target: undefined,
+  to: undefined,
+  underlineOffset: undefined,
+  underlineOffsetHover: undefined,
+  underlineOpacity: undefined,
+  underlineOpacityHover: undefined,
+  underlineVariant: undefined,
+  variant: undefined,
+  // End link props
+})
 
 defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -68,47 +59,36 @@ const attrs = useAttrs()
 
 const parentData = inject(listGroupInjectionKey, null)
 
-const actionBoolean = useBooleanish(() => props.action)
-const activeBoolean = useBooleanish(() => props.active)
-const buttonBoolean = useBooleanish(() => props.button)
-const disabledBoolean = useBooleanish(() => props.disabled)
-
 const {computedLink} = useBLinkHelper(props)
 
-const isLink = toRef(() => !buttonBoolean.value && computedLink.value)
+const isLink = toRef(() => !props.button && computedLink.value)
 const tagComputed = toRef(() =>
-  parentData?.numbered.value
-    ? 'li'
-    : buttonBoolean.value
-      ? 'button'
-      : !isLink.value
-        ? props.tag
-        : BLink
+  parentData?.numbered.value ? 'li' : props.button ? 'button' : !isLink.value ? props.tag : BLink
 )
 
 const isAction = computed(
   () =>
-    actionBoolean.value ||
+    props.action ||
     isLink.value ||
-    buttonBoolean.value ||
+    props.button ||
     ['a', 'router-link', 'button', 'b-link'].includes(props.tag)
 )
 
 const computedClasses = computed(() => ({
   [`list-group-item-${props.variant}`]: props.variant !== null && props.variant !== undefined,
   'list-group-item-action': isAction.value,
-  'active': activeBoolean.value,
-  'disabled': disabledBoolean.value,
+  'active': props.active,
+  'disabled': props.disabled,
 }))
 
 const computedAttrs = computed(() => {
   const localAttrs = {} as {type?: string; disabled?: boolean}
-  if (buttonBoolean.value) {
+  if (props.button) {
     if (!attrs || !attrs.type) {
       // Add a type for button is one not provided in passed attributes
       localAttrs.type = 'button'
     }
-    if (disabledBoolean.value) {
+    if (props.disabled) {
       // Set disabled attribute if button and disabled
       localAttrs.disabled = true
     }
diff --git a/packages/bootstrap-vue-next/src/components/BModal/BModal.vue b/packages/bootstrap-vue-next/src/components/BModal/BModal.vue
index c14698b6e..068d62d4a 100644
--- a/packages/bootstrap-vue-next/src/components/BModal/BModal.vue
+++ b/packages/bootstrap-vue-next/src/components/BModal/BModal.vue
@@ -1,5 +1,5 @@
 <template>
-  <Teleport :to="teleportTo" :disabled="teleportDisabledBoolean">
+  <Teleport :to="teleportTo" :disabled="props.teleportDisabled">
     <BTransition
       :no-fade="true"
       v-bind="transProps"
@@ -10,13 +10,13 @@
       @after-leave="onAfterLeave"
     >
       <div
-        v-show="modelValueBoolean"
+        v-show="modelValue"
         :id="computedId"
         ref="element"
         class="modal"
         :class="modalClasses"
         role="dialog"
-        :aria-labelledby="!hideHeaderBoolean ? `${computedId}-label` : undefined"
+        :aria-labelledby="!props.hideHeader ? `${computedId}-label` : undefined"
         :aria-describedby="`${computedId}-body`"
         tabindex="-1"
         v-bind="$attrs"
@@ -24,7 +24,7 @@
       >
         <div class="modal-dialog" :class="modalDialogClasses">
           <div v-if="lazyShowing" class="modal-content" :class="contentClass">
-            <div v-if="!hideHeaderBoolean" class="modal-header" :class="headerClasses">
+            <div v-if="!props.hideHeader" class="modal-header" :class="headerClasses">
               <slot name="header" v-bind="sharedSlots">
                 <component
                   :is="titleTag"
@@ -36,7 +36,7 @@
                     {{ title }}
                   </slot>
                 </component>
-                <template v-if="!hideHeaderCloseBoolean">
+                <template v-if="!props.hideHeaderClose">
                   <BButton
                     v-if="hasHeaderCloseSlot"
                     v-bind="headerCloseAttrs"
@@ -53,16 +53,21 @@
                 </template>
               </slot>
             </div>
-            <div :id="`${computedId}-body`" class="modal-body" :class="bodyClasses">
+            <div
+              :id="`${computedId}-body`"
+              class="modal-body"
+              :class="bodyClasses"
+              v-bind="bodyAttrs"
+            >
               <slot v-bind="sharedSlots">
                 {{ body }}
               </slot>
             </div>
-            <div v-if="!hideFooterBoolean" class="modal-footer" :class="footerClasses">
+            <div v-if="!props.hideFooter" class="modal-footer" :class="footerClasses">
               <slot name="footer" v-bind="sharedSlots">
                 <slot name="cancel" v-bind="sharedSlots">
                   <BButton
-                    v-if="!okOnlyBoolean"
+                    v-if="!props.okOnly"
                     ref="cancelButton"
                     :disabled="disableCancel"
                     :size="buttonSize"
@@ -90,7 +95,7 @@
         <slot name="backdrop">
           <BOverlay
             :variant="computedBackdropVariant"
-            :show="modelValueBoolean"
+            :show="modelValue"
             no-spinner
             fixed
             no-wrap
@@ -104,15 +109,9 @@
 </template>
 
 <script setup lang="ts">
+import {onKeyStroke, useEventListener, useFocus} from '@vueuse/core'
 import {computed, type CSSProperties, ref, toRef, watch} from 'vue'
-import {onKeyStroke, useEventListener, useFocus, useVModel} from '@vueuse/core'
-import {
-  useBooleanish,
-  useColorVariantClasses,
-  useId,
-  useModalManager,
-  useSafeScrollLock,
-} from '../../composables'
+import {useColorVariantClasses, useId, useModalManager, useSafeScrollLock} from '../../composables'
 import type {BModalProps} from '../../types'
 import {BvTriggerableEvent, isEmptySlot} from '../../utils'
 import BButton from '../BButton/BButton.vue'
@@ -137,7 +136,8 @@ const props = withDefaults(defineProps<BModalProps>(), {
   backdropVariant: undefined,
   body: undefined,
   bodyBgVariant: null,
-  bodyClass: undefined,
+  bodyAttrs: undefined,
+  bodyClass: null,
   bodyScrolling: false,
   bodyTextVariant: null,
   bodyVariant: null,
@@ -170,7 +170,6 @@ const props = withDefaults(defineProps<BModalProps>(), {
   id: undefined,
   lazy: false,
   modalClass: undefined,
-  modelValue: false,
   noCloseOnBackdrop: false,
   noCloseOnEsc: false,
   noFade: false,
@@ -199,7 +198,6 @@ const emit = defineEmits<{
   'show': [value: BvTriggerableEvent]
   'show-prevented': []
   'shown': [value: BvTriggerableEvent]
-  'update:modelValue': [value: boolean]
 }>()
 
 type SharedSlotsData = {
@@ -232,34 +230,13 @@ const slots = defineSlots<{
 const computedId = useId(() => props.id, 'modal')
 // Note: passive: true will sync an internal ref... This is required for useModalManager to exit,
 // Since the modelValue that's passed from that composable is not reactive, this internal ref _is_ and thus it will trigger closing the modal
-const modelValue = useVModel(props, 'modelValue', emit, {passive: true})
-
-const busyBoolean = useBooleanish(() => props.busy)
-const lazyBoolean = useBooleanish(() => props.lazy)
-const cancelDisabledBoolean = useBooleanish(() => props.cancelDisabled)
-const centeredBoolean = useBooleanish(() => props.centered)
-const hideBackdropBoolean = useBooleanish(() => props.hideBackdrop)
-const hideFooterBoolean = useBooleanish(() => props.hideFooter)
-const hideHeaderBoolean = useBooleanish(() => props.hideHeader)
-const hideHeaderCloseBoolean = useBooleanish(() => props.hideHeaderClose)
-const modelValueBoolean = useBooleanish(modelValue)
-const noCloseOnBackdropBoolean = useBooleanish(() => props.noCloseOnBackdrop)
-const noCloseOnEscBoolean = useBooleanish(() => props.noCloseOnEsc)
-const noFadeBoolean = useBooleanish(() => props.noFade)
-const autoFocusBoolean = useBooleanish(() => props.autoFocus)
-const okDisabledBoolean = useBooleanish(() => props.okDisabled)
-const okOnlyBoolean = useBooleanish(() => props.okOnly)
-const scrollableBoolean = useBooleanish(() => props.scrollable)
-const titleSrOnlyBoolean = useBooleanish(() => props.titleSrOnly)
-const teleportDisabledBoolean = useBooleanish(() => props.teleportDisabled)
-const bodyScrollingBoolean = useBooleanish(() => props.bodyScrolling)
-const computedFullScreen = useBooleanish(() => props.fullscreen)
+const modelValue = defineModel<boolean>({default: false})
 
 const element = ref<HTMLElement | null>(null)
 const okButton = ref<HTMLElement | null>(null)
 const cancelButton = ref<HTMLElement | null>(null)
 const closeButton = ref<HTMLElement | null>(null)
-const isActive = ref(modelValueBoolean.value)
+const isActive = ref(modelValue.value)
 const lazyLoadCompleted = ref(false)
 
 onKeyStroke(
@@ -269,39 +246,39 @@ onKeyStroke(
   },
   {target: element}
 )
-useSafeScrollLock(modelValueBoolean, bodyScrollingBoolean)
+useSafeScrollLock(modelValue, () => props.bodyScrolling)
 const {focused: modalFocus} = useFocus(element, {
-  initialValue: modelValueBoolean.value && props.autoFocusButton === undefined,
+  initialValue: modelValue.value && props.autoFocusButton === undefined,
 })
 const {focused: okButtonFocus} = useFocus(okButton, {
-  initialValue: modelValueBoolean.value && props.autoFocusButton === 'ok',
+  initialValue: modelValue.value && props.autoFocusButton === 'ok',
 })
 const {focused: cancelButtonFocus} = useFocus(cancelButton, {
-  initialValue: modelValueBoolean.value && props.autoFocusButton === 'cancel',
+  initialValue: modelValue.value && props.autoFocusButton === 'cancel',
 })
 const {focused: closeButtonFocus} = useFocus(closeButton, {
-  initialValue: modelValueBoolean.value && props.autoFocusButton === 'close',
+  initialValue: modelValue.value && props.autoFocusButton === 'close',
 })
 
 const modalClasses = computed(() => [
   props.modalClass,
   {
-    fade: !noFadeBoolean.value,
+    fade: !props.noFade,
     show: isActive.value,
   },
 ])
 
 const lazyShowing = toRef(
   () =>
-    lazyBoolean.value === false ||
-    (lazyBoolean.value === true && lazyLoadCompleted.value === true) ||
-    (lazyBoolean.value === true && modelValueBoolean.value === true)
+    props.lazy === false ||
+    (props.lazy === true && lazyLoadCompleted.value === true) ||
+    (props.lazy === true && modelValue.value === true)
 )
 
 const computedBackdropVariant = toRef(() =>
   props.backdropVariant !== undefined
     ? props.backdropVariant
-    : hideBackdropBoolean.value
+    : props.hideBackdrop
       ? 'transparent'
       : 'dark'
 )
@@ -311,12 +288,11 @@ const hasHeaderCloseSlot = toRef(() => !isEmptySlot(slots['header-close']))
 const modalDialogClasses = computed(() => [
   props.dialogClass,
   {
-    'modal-fullscreen': computedFullScreen.value === true,
-    [`modal-fullscreen-${computedFullScreen.value}-down`]:
-      typeof computedFullScreen.value === 'string',
+    'modal-fullscreen': props.fullscreen === true,
+    [`modal-fullscreen-${props.fullscreen}-down`]: typeof props.fullscreen === 'string',
     [`modal-${props.size}`]: props.size !== 'md',
-    'modal-dialog-centered': centeredBoolean.value,
-    'modal-dialog-scrollable': scrollableBoolean.value,
+    'modal-dialog-centered': props.centered,
+    'modal-dialog-scrollable': props.scrollable,
   },
 ])
 
@@ -364,11 +340,11 @@ const footerClasses = computed(() => [
 const titleClasses = computed(() => [
   props.titleClass,
   {
-    ['visually-hidden']: titleSrOnlyBoolean.value,
+    ['visually-hidden']: props.titleSrOnly,
   },
 ])
-const disableCancel = toRef(() => cancelDisabledBoolean.value || busyBoolean.value)
-const disableOk = toRef(() => okDisabledBoolean.value || busyBoolean.value)
+const disableCancel = toRef(() => props.cancelDisabled || props.busy)
+const disableOk = toRef(() => props.okDisabled || props.busy)
 
 const buildTriggerableEvent = (
   type: string,
@@ -383,7 +359,7 @@ const buildTriggerableEvent = (
     componentId: computedId.value,
   })
 
-watch(modelValueBoolean, (newValue, oldValue) => {
+watch(modelValue, (newValue, oldValue) => {
   if (newValue === oldValue) return
   if (newValue === true) {
     showFn()
@@ -394,8 +370,8 @@ watch(modelValueBoolean, (newValue, oldValue) => {
 
 const hideFn = (trigger = '') => {
   if (
-    (trigger === 'backdrop' && noCloseOnBackdropBoolean.value) ||
-    (trigger === 'esc' && noCloseOnEscBoolean.value)
+    (trigger === 'backdrop' && props.noCloseOnBackdrop) ||
+    (trigger === 'esc' && props.noCloseOnEsc)
   ) {
     emit('hide-prevented')
     return
@@ -438,7 +414,7 @@ const showFn = () => {
 }
 
 const pickFocusItem = () => {
-  if (autoFocusBoolean.value === false) return
+  if (props.autoFocus === false) return
   props.autoFocusButton === 'ok'
     ? (okButtonFocus.value = true)
     : props.autoFocusButton === 'close'
@@ -455,14 +431,14 @@ const onAfterEnter = () => {
   isActive.value = true
   pickFocusItem()
   emit('shown', buildTriggerableEvent('shown'))
-  if (lazyBoolean.value === true) lazyLoadCompleted.value = true
+  if (props.lazy === true) lazyLoadCompleted.value = true
 }
 const onLeave = () => {
   isActive.value = false
 }
 const onAfterLeave = () => {
   emit('hidden', buildTriggerableEvent('hidden'))
-  if (lazyBoolean.value === true) lazyLoadCompleted.value = false
+  if (props.lazy === true) lazyLoadCompleted.value = false
 }
 
 const {activePosition, activeModalCount} = useModalManager(isActive)
@@ -478,7 +454,7 @@ const computedZIndex = computed<CSSProperties>(() => ({
 }))
 
 useEventListener(element, 'bv-toggle', () => {
-  modelValueBoolean.value ? hideFn() : showFn()
+  modelValue.value ? hideFn() : showFn()
 })
 
 const sharedSlots = computed<SharedSlotsData>(() => ({
@@ -492,7 +468,7 @@ const sharedSlots = computed<SharedSlotsData>(() => ({
   ok: () => {
     hideFn('ok')
   },
-  visible: modelValueBoolean.value,
+  visible: modelValue.value,
 }))
 
 defineExpose({
diff --git a/packages/bootstrap-vue-next/src/components/BModal/BModalOrchestrator.vue b/packages/bootstrap-vue-next/src/components/BModal/BModalOrchestrator.vue
index 0cf231238..5ad8bb2be 100644
--- a/packages/bootstrap-vue-next/src/components/BModal/BModalOrchestrator.vue
+++ b/packages/bootstrap-vue-next/src/components/BModal/BModalOrchestrator.vue
@@ -1,5 +1,5 @@
 <template>
-  <Teleport :to="teleportTo" :disabled="teleportDisabledBoolean">
+  <Teleport :to="teleportTo" :disabled="props.teleportDisabled">
     <!-- This wrapper div is used for specific targetting by the user -->
     <!-- Even though it serves no direct purpose itself -->
     <div id="__BVID__modal-container">
@@ -37,22 +37,13 @@
 
 <script setup lang="ts">
 import {BvTriggerableEvent, omit} from '../../utils'
-import {useBooleanish, useModalController} from '../../composables'
-import type {Booleanish} from '../../types'
-import type {RendererElement} from 'vue'
+import {useModalController} from '../../composables'
+import type {BModalOrchestratorProps} from '../../types'
 
-const props = withDefaults(
-  defineProps<{
-    teleportDisabled?: Booleanish
-    teleportTo?: string | Readonly<RendererElement> | null | undefined
-  }>(),
-  {
-    teleportDisabled: false,
-    teleportTo: 'body',
-  }
-)
-
-const teleportDisabledBoolean = useBooleanish(() => props.teleportDisabled)
+const props = withDefaults(defineProps<BModalOrchestratorProps>(), {
+  teleportDisabled: false,
+  teleportTo: 'body',
+})
 
 const {modals, remove, show, confirm} = useModalController()
 
diff --git a/packages/bootstrap-vue-next/src/components/BModal/modal.spec.ts b/packages/bootstrap-vue-next/src/components/BModal/modal.spec.ts
index c5fc08b6d..45c5b55d6 100644
--- a/packages/bootstrap-vue-next/src/components/BModal/modal.spec.ts
+++ b/packages/bootstrap-vue-next/src/components/BModal/modal.spec.ts
@@ -1,10 +1,10 @@
 import {DOMWrapper, enableAutoUnmount, mount} from '@vue/test-utils'
 import {afterEach, beforeEach, describe, expect, it} from 'vitest'
-import BModal from './BModal.vue'
-import BCloseButton from '../BButton/BCloseButton.vue'
-import BButton from '../BButton/BButton.vue'
-import {BvTriggerableEvent} from '../../utils'
 import {nextTick} from 'vue'
+import {BvTriggerableEvent} from '../../utils'
+import BButton from '../BButton/BButton.vue'
+import BCloseButton from '../BButton/BCloseButton.vue'
+import BModal from './BModal.vue'
 
 describe('modal', () => {
   enableAutoUnmount(afterEach)
@@ -498,6 +498,45 @@ describe('modal', () => {
     })
   })
 
+  it('modal body div is given prop bodyClass', () => {
+    const wrapper = mount(BModal, {
+      attachTo: document.body,
+      global: {stubs: {teleport: true}},
+      props: {
+        bodyClass: 'foobar',
+      },
+    })
+
+    expect(wrapper.vm).toBeDefined()
+
+    const $modal = wrapper.find('div.modal')
+    expect($modal.exists()).toBe(true)
+
+    const $modalBody = $modal.element.querySelector('.modal-body')
+    expect($modalBody?.classList).toContain('foobar')
+  })
+
+  it('modal body div is given prop bodyAttrs', () => {
+    const wrapper = mount(BModal, {
+      attachTo: document.body,
+      global: {stubs: {teleport: true}},
+      props: {
+        bodyAttrs: {
+          role: 'foo',
+        },
+      },
+    })
+
+    expect(wrapper.vm).toBeDefined()
+
+    const $modal = wrapper.find('div.modal')
+    expect($modal.exists()).toBe(true)
+
+    const $modalBody = $modal.element.querySelector('.modal-body')
+    expect($modalBody?.hasAttribute('role')).toBeTruthy()
+    expect($modalBody?.getAttribute('role')).toBe('foo')
+  })
+
   // Test isActive states
 
   // Test emit states
diff --git a/packages/bootstrap-vue-next/src/components/BNav/BNav.vue b/packages/bootstrap-vue-next/src/components/BNav/BNav.vue
index 8ece15fbb..be03ce024 100644
--- a/packages/bootstrap-vue-next/src/components/BNav/BNav.vue
+++ b/packages/bootstrap-vue-next/src/components/BNav/BNav.vue
@@ -5,63 +5,40 @@
 </template>
 
 <script setup lang="ts">
-import type {AlignmentJustifyContent, Booleanish} from '../../types'
-import {useAlignment, useBooleanish} from '../../composables'
+import type {BNavProps} from '../../types'
+import {useAlignment} from '../../composables'
 import {computed} from 'vue'
 
-const props = withDefaults(
-  defineProps<{
-    align?: AlignmentJustifyContent
-    cardHeader?: Booleanish
-    fill?: Booleanish
-    justified?: Booleanish
-    pills?: Booleanish
-    small?: Booleanish
-    tabs?: Booleanish
-    tag?: string
-    underline?: Booleanish
-    vertical?: Booleanish
-  }>(),
-  {
-    align: undefined,
-    cardHeader: false,
-    fill: false,
-    justified: false,
-    pills: false,
-    small: false,
-    tabs: false,
-    tag: 'ul',
-    underline: false,
-    vertical: false,
-  }
-)
+const props = withDefaults(defineProps<BNavProps>(), {
+  align: undefined,
+  cardHeader: false,
+  fill: false,
+  justified: false,
+  pills: false,
+  small: false,
+  tabs: false,
+  tag: 'ul',
+  underline: false,
+  vertical: false,
+})
 
 defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   default?: (props: Record<string, never>) => any
 }>()
 
-const cardHeaderBoolean = useBooleanish(() => props.cardHeader)
-const fillBoolean = useBooleanish(() => props.fill)
-const justifiedBoolean = useBooleanish(() => props.justified)
-const pillsBoolean = useBooleanish(() => props.pills)
-const smallBoolean = useBooleanish(() => props.small)
-const tabsBoolean = useBooleanish(() => props.tabs)
-const verticalBoolean = useBooleanish(() => props.vertical)
 const alignment = useAlignment(() => props.align)
-const underlineBoolean = useBooleanish(() => props.underline)
 
 const computedClasses = computed(() => ({
-  'nav-tabs': tabsBoolean.value,
-  'nav-pills': pillsBoolean.value && !tabsBoolean.value,
-  'card-header-tabs': !verticalBoolean.value && cardHeaderBoolean.value && tabsBoolean.value,
-  'card-header-pills':
-    !verticalBoolean.value && cardHeaderBoolean.value && pillsBoolean.value && !tabsBoolean.value,
-  'flex-column': verticalBoolean.value,
-  'nav-fill': !verticalBoolean.value && fillBoolean.value,
-  'nav-justified': !verticalBoolean.value && justifiedBoolean.value,
-  [alignment.value]: !verticalBoolean.value && props.align !== undefined,
-  'small': smallBoolean.value,
-  'nav-underline': underlineBoolean.value,
+  'nav-tabs': props.tabs,
+  'nav-pills': props.pills && !props.tabs,
+  'card-header-tabs': !props.vertical && props.cardHeader && props.tabs,
+  'card-header-pills': !props.vertical && props.cardHeader && props.pills && !props.tabs,
+  'flex-column': props.vertical,
+  'nav-fill': !props.vertical && props.fill,
+  'nav-justified': !props.vertical && props.justified,
+  [alignment.value]: !props.vertical && props.align !== undefined,
+  'small': props.small,
+  'nav-underline': props.underline,
 }))
 </script>
diff --git a/packages/bootstrap-vue-next/src/components/BNav/BNavForm.vue b/packages/bootstrap-vue-next/src/components/BNav/BNavForm.vue
index 27a0cbdbd..2537f55b9 100644
--- a/packages/bootstrap-vue-next/src/components/BNav/BNavForm.vue
+++ b/packages/bootstrap-vue-next/src/components/BNav/BNavForm.vue
@@ -16,29 +16,22 @@
 </template>
 
 <script setup lang="ts">
-import type {BFormProps} from '../../types'
+import type {BNavFormProps} from '../../types'
 import BForm from '../BForm/BForm.vue'
 
 defineOptions({
   inheritAttrs: false,
 })
 
-withDefaults(
-  defineProps<
-    {
-      role?: string
-    } & BFormProps
-  >(),
-  {
-    role: undefined,
-    // BForm props
-    floating: undefined,
-    id: undefined,
-    novalidate: undefined,
-    validated: undefined,
-    // End BForm props
-  }
-)
+withDefaults(defineProps<BNavFormProps>(), {
+  role: undefined,
+  // BForm props
+  floating: undefined,
+  id: undefined,
+  novalidate: undefined,
+  validated: undefined,
+  // End BForm props
+})
 
 const emit = defineEmits<{
   submit: [value: Event]
diff --git a/packages/bootstrap-vue-next/src/components/BNav/BNavItem.vue b/packages/bootstrap-vue-next/src/components/BNav/BNavItem.vue
index 7b96ca405..be72d8592 100644
--- a/packages/bootstrap-vue-next/src/components/BNav/BNavItem.vue
+++ b/packages/bootstrap-vue-next/src/components/BNav/BNavItem.vue
@@ -3,8 +3,8 @@
     <BLink
       class="nav-link"
       :class="linkClass"
-      :tabindex="disabledBoolean ? -1 : undefined"
-      :aria-disabled="disabledBoolean ? true : undefined"
+      :tabindex="props.disabled ? -1 : undefined"
+      :aria-disabled="props.disabled ? true : undefined"
       v-bind="{...computedLinkProps, ...linkAttrs}"
       @click="emit('click', $event)"
     >
@@ -16,8 +16,7 @@
 <script setup lang="ts">
 import {computed} from 'vue'
 import BLink from '../BLink/BLink.vue'
-import {useBooleanish} from '../../composables'
-import type {AttrsValue, BLinkProps, ClassValue} from '../../types'
+import type {BNavItemProps} from '../../types'
 import {pick} from '../../utils'
 
 defineSlots<{
@@ -25,47 +24,37 @@ defineSlots<{
   default?: (props: Record<string, never>) => any
 }>()
 
-const props = withDefaults(
-  defineProps<
-    {
-      linkAttrs?: Readonly<AttrsValue>
-      linkClass?: ClassValue
-    } & Omit<BLinkProps, 'routerTag'>
-  >(),
-  {
-    // Link props
-    active: undefined,
-    activeClass: undefined,
-    append: undefined,
-    disabled: undefined,
-    exactActiveClass: undefined,
-    href: undefined,
-    icon: undefined,
-    linkAttrs: undefined,
-    linkClass: undefined,
-    opacity: undefined,
-    opacityHover: undefined,
-    rel: undefined,
-    replace: undefined,
-    routerComponentName: undefined,
-    target: undefined,
-    to: undefined,
-    underlineOffset: undefined,
-    underlineOffsetHover: undefined,
-    underlineOpacity: undefined,
-    underlineOpacityHover: undefined,
-    underlineVariant: undefined,
-    variant: undefined,
-    // End link props
-  }
-)
+const props = withDefaults(defineProps<BNavItemProps>(), {
+  // Link props
+  active: undefined,
+  activeClass: undefined,
+  append: undefined,
+  disabled: undefined,
+  exactActiveClass: undefined,
+  href: undefined,
+  icon: undefined,
+  linkAttrs: undefined,
+  linkClass: undefined,
+  opacity: undefined,
+  opacityHover: undefined,
+  rel: undefined,
+  replace: undefined,
+  routerComponentName: undefined,
+  target: undefined,
+  to: undefined,
+  underlineOffset: undefined,
+  underlineOffsetHover: undefined,
+  underlineOpacity: undefined,
+  underlineOpacityHover: undefined,
+  underlineVariant: undefined,
+  variant: undefined,
+  // End link props
+})
 
 const emit = defineEmits<{
   click: [value: MouseEvent]
 }>()
 
-const disabledBoolean = useBooleanish(() => props.disabled)
-
 const computedLinkProps = computed(() =>
   pick(props, [
     'active',
diff --git a/packages/bootstrap-vue-next/src/components/BNav/BNavItemDropdown.vue b/packages/bootstrap-vue-next/src/components/BNav/BNavItemDropdown.vue
index d9d67f569..5d876bdf0 100644
--- a/packages/bootstrap-vue-next/src/components/BNav/BNavItemDropdown.vue
+++ b/packages/bootstrap-vue-next/src/components/BNav/BNavItemDropdown.vue
@@ -3,6 +3,7 @@
     <BDropdown
       ref="dropdown"
       v-bind="props"
+      v-model="modelValue"
       is-nav
       @show="emit('show', $event)"
       @shown="emit('shown')"
@@ -12,7 +13,6 @@
       @show-prevented="emit('show-prevented')"
       @click="emit('click', $event)"
       @toggle="emit('toggle')"
-      @update:model-value="emit('update:modelValue', $event)"
     >
       <template #button-content>
         <slot name="button-content" />
@@ -21,7 +21,7 @@
         <slot name="toggle-text" />
       </template>
       <template #default>
-        <slot :hide="close" :show="open" />
+        <slot :hide="hide" :show="show" />
       </template>
     </BDropdown>
   </li>
@@ -40,7 +40,8 @@ const props = withDefaults(defineProps<BDropdownProps>(), {
   boundary: 'clippingAncestors',
   boundaryPadding: undefined,
   center: false,
-  container: undefined,
+  teleportTo: undefined,
+  teleportDisabled: false,
   disabled: false,
   dropend: false,
   dropstart: false,
@@ -51,7 +52,6 @@ const props = withDefaults(defineProps<BDropdownProps>(), {
   isNav: true,
   lazy: false,
   menuClass: undefined,
-  modelValue: false,
   noCaret: false,
   noFlip: false,
   noShift: false,
@@ -82,9 +82,10 @@ const emit = defineEmits<{
   'show-prevented': []
   'shown': []
   'toggle': []
-  'update:modelValue': [value: boolean]
 }>()
 
+const modelValue = defineModel<boolean>({default: false})
+
 defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   'button-content'?: (props: Record<string, never>) => any
@@ -95,19 +96,19 @@ defineSlots<{
 }>()
 const dropdown = ref<InstanceType<typeof BDropdown> | null>(null)
 
-const close = () => {
-  dropdown.value?.close()
+const hide = () => {
+  dropdown.value?.hide()
 }
-const open = () => {
-  dropdown.value?.open()
+const show = () => {
+  dropdown.value?.show()
 }
 const toggle = () => {
   dropdown.value?.toggle()
 }
 
 defineExpose({
-  close,
-  open,
+  hide,
+  show,
   toggle,
 })
 </script>
diff --git a/packages/bootstrap-vue-next/src/components/BNav/BNavText.vue b/packages/bootstrap-vue-next/src/components/BNav/BNavText.vue
index 47c22cf10..9000811e1 100644
--- a/packages/bootstrap-vue-next/src/components/BNav/BNavText.vue
+++ b/packages/bootstrap-vue-next/src/components/BNav/BNavText.vue
@@ -7,12 +7,9 @@
 </template>
 
 <script setup lang="ts">
-withDefaults(
-  defineProps<{
-    text?: string
-  }>(),
-  {text: undefined}
-)
+import type {BNavTextProps} from '../../types'
+
+withDefaults(defineProps<BNavTextProps>(), {text: undefined})
 
 defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
diff --git a/packages/bootstrap-vue-next/src/components/BNav/nav-item-dropdown.spec.ts b/packages/bootstrap-vue-next/src/components/BNav/nav-item-dropdown.spec.ts
index aa1892d03..b6f685008 100644
--- a/packages/bootstrap-vue-next/src/components/BNav/nav-item-dropdown.spec.ts
+++ b/packages/bootstrap-vue-next/src/components/BNav/nav-item-dropdown.spec.ts
@@ -1,7 +1,6 @@
 import {enableAutoUnmount, mount} from '@vue/test-utils'
 import {afterEach, describe, expect, it} from 'vitest'
 import BNavItemDropdown from './BNavItemDropdown.vue'
-import BButton from '../BButton/BButton.vue'
 import BDropdown from '../BDropdown/BDropdown.vue'
 
 describe('nav-item-dropdown', () => {
@@ -22,30 +21,4 @@ describe('nav-item-dropdown', () => {
     const $bdropdown = wrapper.findComponent(BDropdown)
     expect($bdropdown.exists()).toBe(true)
   })
-
-  it('is opened if open called', async () => {
-    const wrapper = mount(BNavItemDropdown)
-    const $bbutton = wrapper.findComponent(BButton)
-    await wrapper.vm.open()
-    expect($bbutton.classes()).toContain('show')
-  })
-
-  it('is closed if close called', async () => {
-    const wrapper = mount(BNavItemDropdown)
-    const $bbutton = wrapper.findComponent(BButton)
-    await wrapper.vm.open()
-    await wrapper.vm.close()
-    expect($bbutton.classes()).not.toContain('show')
-  })
-
-  it('is toggled if toggle called', async () => {
-    const wrapper = mount(BNavItemDropdown)
-    const $bbutton = wrapper.findComponent(BButton)
-    await wrapper.vm.toggle()
-    expect($bbutton.classes()).toContain('show')
-    await wrapper.vm.toggle()
-    expect($bbutton.classes()).not.toContain('show')
-  })
-
-  // There are more tests here, but the component seems broken
 })
diff --git a/packages/bootstrap-vue-next/src/components/BNavbar/BNavbar.vue b/packages/bootstrap-vue-next/src/components/BNavbar/BNavbar.vue
index 53d52d65c..6de6bc965 100644
--- a/packages/bootstrap-vue-next/src/components/BNavbar/BNavbar.vue
+++ b/packages/bootstrap-vue-next/src/components/BNavbar/BNavbar.vue
@@ -9,58 +9,41 @@
 
 <script setup lang="ts">
 import {computed, provide, toRef} from 'vue'
-import type {Booleanish, Breakpoint, ColorVariant} from '../../types'
-import {useBooleanish, useContainerClasses} from '../../composables'
+import type {BNavbarProps} from '../../types'
+import {useContainerClasses} from '../../composables'
 import {navbarInjectionKey} from '../../utils'
 
-const props = withDefaults(
-  defineProps<{
-    autoClose?: Booleanish
-    container?: 'fluid' | Booleanish | Breakpoint
-    fixed?: 'top' | 'bottom'
-    print?: Booleanish
-    sticky?: 'top' | 'bottom'
-    tag?: string
-    toggleable?: Booleanish | Breakpoint
-    variant?: ColorVariant | null
-  }>(),
-  {
-    autoClose: true,
-    container: 'fluid',
-    fixed: undefined,
-    print: false,
-    sticky: undefined,
-    tag: 'nav',
-    toggleable: false,
-    variant: null,
-  }
-)
+const props = withDefaults(defineProps<BNavbarProps>(), {
+  autoClose: true,
+  container: 'fluid',
+  fixed: undefined,
+  print: false,
+  sticky: undefined,
+  tag: 'nav',
+  toggleable: false,
+  variant: null,
+})
 
 defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   default?: (props: Record<string, never>) => any
 }>()
 
-const containerBoolean = useBooleanish(() => props.container)
-const autoCloseBoolean = useBooleanish(() => props.autoClose)
-const printBoolean = useBooleanish(() => props.print)
-const computedNavbarExpand = useBooleanish(() => props.toggleable)
-
 const computedRole = toRef(() => (props.tag === 'nav' ? undefined : 'navigation'))
 
-const containerClass = useContainerClasses(containerBoolean)
+const containerClass = useContainerClasses(() => props.container)
 
 const computedClasses = computed(() => ({
-  'd-print': printBoolean.value,
+  'd-print': props.print,
   [`sticky-${props.sticky}`]: props.sticky !== undefined,
   [`bg-${props.variant}`]: props.variant !== null,
   [`fixed-${props.fixed}`]: props.fixed !== undefined,
-  'navbar-expand': computedNavbarExpand.value === false,
-  [`navbar-expand-${computedNavbarExpand.value}`]: typeof computedNavbarExpand.value === 'string',
+  'navbar-expand': props.toggleable === false,
+  [`navbar-expand-${props.toggleable}`]: typeof props.toggleable === 'string',
 }))
 
 provide(navbarInjectionKey, {
   tag: toRef(() => props.tag),
-  autoClose: autoCloseBoolean,
+  autoClose: toRef(() => props.autoClose),
 })
 </script>
diff --git a/packages/bootstrap-vue-next/src/components/BNavbar/BNavbarBrand.vue b/packages/bootstrap-vue-next/src/components/BNavbar/BNavbarBrand.vue
index 4fb4a9efe..b5fea3093 100644
--- a/packages/bootstrap-vue-next/src/components/BNavbar/BNavbarBrand.vue
+++ b/packages/bootstrap-vue-next/src/components/BNavbar/BNavbarBrand.vue
@@ -7,7 +7,7 @@
 <script setup lang="ts">
 import {toRef} from 'vue'
 import BLink from '../BLink/BLink.vue'
-import type {BLinkProps} from '../../types'
+import type {BNavbarBrandProps} from '../../types'
 import {useBLinkHelper} from '../../composables'
 
 defineSlots<{
@@ -15,38 +15,31 @@ defineSlots<{
   default?: (props: Record<string, never>) => any
 }>()
 
-const props = withDefaults(
-  defineProps<
-    {
-      tag?: string
-    } & Omit<BLinkProps, 'routerTag'>
-  >(),
-  {
-    tag: 'div',
-    // Link props
-    active: undefined,
-    activeClass: undefined,
-    append: undefined,
-    disabled: undefined,
-    exactActiveClass: undefined,
-    href: undefined,
-    icon: undefined,
-    opacity: undefined,
-    opacityHover: undefined,
-    rel: undefined,
-    replace: undefined,
-    routerComponentName: undefined,
-    target: undefined,
-    to: undefined,
-    underlineOffset: undefined,
-    underlineOffsetHover: undefined,
-    underlineOpacity: undefined,
-    underlineOpacityHover: undefined,
-    underlineVariant: undefined,
-    variant: undefined,
-    // End link props
-  }
-)
+const props = withDefaults(defineProps<BNavbarBrandProps>(), {
+  tag: 'div',
+  // Link props
+  active: undefined,
+  activeClass: undefined,
+  append: undefined,
+  disabled: undefined,
+  exactActiveClass: undefined,
+  href: undefined,
+  icon: undefined,
+  opacity: undefined,
+  opacityHover: undefined,
+  rel: undefined,
+  replace: undefined,
+  routerComponentName: undefined,
+  target: undefined,
+  to: undefined,
+  underlineOffset: undefined,
+  underlineOffsetHover: undefined,
+  underlineOpacity: undefined,
+  underlineOpacityHover: undefined,
+  underlineVariant: undefined,
+  variant: undefined,
+  // End link props
+})
 
 const {computedLink, computedLinkProps} = useBLinkHelper(props, [
   'active',
diff --git a/packages/bootstrap-vue-next/src/components/BNavbar/BNavbarNav.vue b/packages/bootstrap-vue-next/src/components/BNavbar/BNavbarNav.vue
index 4e985ad17..79f2dd15d 100644
--- a/packages/bootstrap-vue-next/src/components/BNavbar/BNavbarNav.vue
+++ b/packages/bootstrap-vue-next/src/components/BNavbar/BNavbarNav.vue
@@ -5,41 +5,29 @@
 </template>
 
 <script setup lang="ts">
-import type {AlignmentJustifyContent, Booleanish} from '../../types'
+import type {BNavbarNavProps} from '../../types'
 import {computed} from 'vue'
-import {useAlignment, useBooleanish} from '../../composables'
+import {useAlignment} from '../../composables'
 
-const props = withDefaults(
-  defineProps<{
-    align?: AlignmentJustifyContent
-    fill?: Booleanish
-    justified?: Booleanish
-    small?: Booleanish
-    tag?: string
-  }>(),
-  {
-    align: undefined,
-    fill: false,
-    justified: false,
-    small: false,
-    tag: 'ul',
-  }
-)
+const props = withDefaults(defineProps<BNavbarNavProps>(), {
+  align: undefined,
+  fill: false,
+  justified: false,
+  small: false,
+  tag: 'ul',
+})
 
 defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   default?: (props: Record<string, never>) => any
 }>()
 
-const fillBoolean = useBooleanish(() => props.fill)
-const justifiedBoolean = useBooleanish(() => props.justified)
-const smallBoolean = useBooleanish(() => props.small)
 const alignment = useAlignment(() => props.align)
 
 const computedClasses = computed(() => ({
-  'nav-fill': fillBoolean.value,
-  'nav-justified': justifiedBoolean.value,
+  'nav-fill': props.fill,
+  'nav-justified': props.justified,
   [alignment.value]: props.align !== undefined,
-  'small': smallBoolean.value,
+  'small': props.small,
 }))
 </script>
diff --git a/packages/bootstrap-vue-next/src/components/BNavbar/BNavbarToggle.vue b/packages/bootstrap-vue-next/src/components/BNavbar/BNavbarToggle.vue
index 5327ddce8..6bc47d0ef 100644
--- a/packages/bootstrap-vue-next/src/components/BNavbar/BNavbarToggle.vue
+++ b/packages/bootstrap-vue-next/src/components/BNavbar/BNavbarToggle.vue
@@ -1,10 +1,10 @@
 <template>
   <button
-    v-b-toggle="!disabledBoolean ? target : undefined"
+    v-b-toggle="!props.disabled ? target : undefined"
     class="navbar-toggler"
     type="button"
     :class="computedClasses"
-    :disabled="disabledBoolean"
+    :disabled="props.disabled"
     :aria-label="label"
     @click="onClick"
   >
@@ -15,23 +15,15 @@
 </template>
 
 <script setup lang="ts">
+import type {BNavbarToggleProps} from '../../types'
 import {vBToggle} from '../../directives'
 import {computed} from 'vue'
-import type {Booleanish} from '../../types'
-import {useBooleanish} from '../../composables'
 
-const props = withDefaults(
-  defineProps<{
-    disabled?: Booleanish
-    label?: string
-    target?: string | readonly string[]
-  }>(),
-  {
-    label: 'Toggle navigation',
-    disabled: false,
-    target: undefined,
-  }
-)
+const props = withDefaults(defineProps<BNavbarToggleProps>(), {
+  label: 'Toggle navigation',
+  disabled: false,
+  target: undefined,
+})
 
 const emit = defineEmits<{
   click: [value: MouseEvent]
@@ -43,14 +35,12 @@ defineSlots<{
   default?: (props: Record<string, never>) => any
 }>()
 
-const disabledBoolean = useBooleanish(() => props.disabled)
-
 const computedClasses = computed(() => ({
-  disabled: disabledBoolean.value,
+  disabled: props.disabled,
 }))
 
 const onClick = (e: Readonly<MouseEvent>): void => {
-  if (!disabledBoolean.value) {
+  if (!props.disabled) {
     emit('click', e)
   }
 }
diff --git a/packages/bootstrap-vue-next/src/components/BOffcanvas/BOffcanvas.vue b/packages/bootstrap-vue-next/src/components/BOffcanvas/BOffcanvas.vue
index b082b20b5..93e35944c 100644
--- a/packages/bootstrap-vue-next/src/components/BOffcanvas/BOffcanvas.vue
+++ b/packages/bootstrap-vue-next/src/components/BOffcanvas/BOffcanvas.vue
@@ -1,5 +1,5 @@
 <template>
-  <Teleport :to="teleportTo" :disabled="teleportDisabledBoolean">
+  <Teleport :to="teleportTo" :disabled="props.teleportDisabled">
     <BTransition
       :no-fade="true"
       :trans-props="{
@@ -26,14 +26,14 @@
         v-bind="$attrs"
       >
         <template v-if="lazyShowing">
-          <div v-if="!noHeaderBoolean" class="offcanvas-header" :class="headerClass">
+          <div v-if="!props.noHeader" class="offcanvas-header" :class="headerClass">
             <slot name="header" v-bind="sharedSlots">
               <h5 :id="`${computedId}-offcanvas-label`" class="offcanvas-title">
                 <slot name="title" v-bind="sharedSlots">
                   {{ title }}
                 </slot>
               </h5>
-              <template v-if="!noHeaderCloseBoolean">
+              <template v-if="!props.noHeaderClose">
                 <BButton v-if="hasHeaderCloseSlot" v-bind="headerCloseAttrs" @click="hide('close')">
                   <slot name="header-close" />
                 </BButton>
@@ -46,7 +46,7 @@
               </template>
             </slot>
           </div>
-          <div class="offcanvas-body" :class="bodyClass">
+          <div class="offcanvas-body" :class="bodyClass" v-bind="bodyAttrs">
             <slot v-bind="sharedSlots" />
           </div>
           <div v-if="hasFooterSlot" :class="footerClass">
@@ -57,6 +57,7 @@
     </BTransition>
     <slot name="backdrop">
       <BOverlay
+        :blur="backdropBlur"
         :variant="backdropVariant"
         :show="showBackdrop"
         fixed
@@ -69,15 +70,15 @@
 </template>
 
 <script setup lang="ts">
-import {computed, nextTick, ref, type RendererElement, toRef} from 'vue'
-import {onKeyStroke, useEventListener, useFocus, useVModel} from '@vueuse/core'
-import {useBooleanish, useId, useSafeScrollLock} from '../../composables'
-import type {Booleanish, ButtonVariant, ClassValue, ColorVariant} from '../../types'
+import {onKeyStroke, useEventListener, useFocus} from '@vueuse/core'
+import {computed, nextTick, ref, toRef} from 'vue'
+import {useId, useSafeScrollLock} from '../../composables'
+import type {BOffcanvasProps} from '../../types'
 import {BvTriggerableEvent, isEmptySlot} from '../../utils'
-import BOverlay from '../BOverlay/BOverlay.vue'
+import BButton from '../BButton/BButton.vue'
 import BCloseButton from '../BButton/BCloseButton.vue'
+import BOverlay from '../BOverlay/BOverlay.vue'
 import BTransition from '../BTransition/BTransition.vue'
-import BButton from '../BButton/BButton.vue'
 
 // TODO once the responsive stuff may be implemented correctly,
 // What needs to occur is a fixing of the "body scrolling".
@@ -91,59 +92,31 @@ defineOptions({
   inheritAttrs: false,
 })
 
-const props = withDefaults(
-  defineProps<{
-    backdrop?: Booleanish
-    backdropVariant?: ColorVariant | null
-    bodyClass?: string
-    bodyScrolling?: Booleanish
-    footerClass?: string
-    headerClass?: string
-    headerCloseClass?: ClassValue
-    headerCloseLabel?: string
-    headerCloseVariant?: ButtonVariant | null
-    id?: string
-    lazy?: Booleanish
-    modelValue?: Booleanish
-    noCloseOnBackdrop?: Booleanish
-    noCloseOnEsc?: Booleanish
-    noFocus?: Booleanish
-    noHeader?: Booleanish
-    noHeaderClose?: Booleanish
-    // TODO standardize this. Create a dedicated type
-    // Then in components that use individual props (BImg)
-    // Make them just use prop placement
-    placement?: 'top' | 'bottom' | 'start' | 'end'
-    teleportDisabled?: Booleanish
-    teleportTo?: string | RendererElement | null | undefined
-    title?: string
-    // responsive?: Breakpoint
-    // TODO responsive doesn't work
-  }>(),
-  {
-    backdrop: true,
-    backdropVariant: 'dark',
-    bodyClass: undefined,
-    bodyScrolling: false,
-    footerClass: undefined,
-    headerClass: undefined,
-    headerCloseClass: undefined,
-    headerCloseLabel: 'Close',
-    headerCloseVariant: 'secondary',
-    id: undefined,
-    lazy: false,
-    modelValue: false,
-    noCloseOnBackdrop: false,
-    noCloseOnEsc: false,
-    noFocus: false,
-    noHeader: false,
-    noHeaderClose: false,
-    placement: 'start',
-    teleportDisabled: false,
-    teleportTo: 'body',
-    title: undefined,
-  }
-)
+const props = withDefaults(defineProps<BOffcanvasProps>(), {
+  backdrop: true,
+  backdropBlur: undefined,
+  backdropVariant: 'dark',
+  bodyAttrs: undefined,
+  bodyClass: undefined,
+  bodyScrolling: false,
+  footerClass: undefined,
+  headerClass: undefined,
+  headerCloseClass: undefined,
+  headerCloseLabel: 'Close',
+  headerCloseVariant: 'secondary',
+  id: undefined,
+  lazy: false,
+  noCloseOnBackdrop: false,
+  noCloseOnEsc: false,
+  noFocus: false,
+  noHeader: false,
+  noHeaderClose: false,
+  placement: 'start',
+  shadow: false,
+  teleportDisabled: false,
+  teleportTo: 'body',
+  title: undefined,
+})
 
 const emit = defineEmits<{
   'close': [value: BvTriggerableEvent]
@@ -154,7 +127,6 @@ const emit = defineEmits<{
   'show': [value: BvTriggerableEvent]
   'show-prevented': []
   'shown': [value: BvTriggerableEvent]
-  'update:modelValue': [value: boolean]
 }>()
 
 type SharedSlotsData = {
@@ -178,21 +150,12 @@ const slots = defineSlots<{
   'title'?: (props: SharedSlotsData) => any
 }>()
 
-const modelValue = useVModel(props, 'modelValue', emit, {passive: true})
-
-const modelValueBoolean = useBooleanish(modelValue)
-const bodyScrollingBoolean = useBooleanish(() => props.bodyScrolling)
-const backdropBoolean = useBooleanish(() => props.backdrop)
-const noHeaderCloseBoolean = useBooleanish(() => props.noHeaderClose)
-const noHeaderBoolean = useBooleanish(() => props.noHeader)
-const noFocusBoolean = useBooleanish(() => props.noFocus)
-const noCloseOnBackdropBoolean = useBooleanish(() => props.noCloseOnBackdrop)
-const noCloseOnEscBoolean = useBooleanish(() => props.noCloseOnEsc)
-const lazyBoolean = useBooleanish(() => props.lazy)
-const teleportDisabledBoolean = useBooleanish(() => props.teleportDisabled)
+const modelValue = defineModel<boolean>({
+  default: false,
+})
 
 const computedId = useId(() => props.id, 'offcanvas')
-useSafeScrollLock(modelValueBoolean, bodyScrollingBoolean)
+useSafeScrollLock(modelValue, () => props.bodyScrolling)
 
 const element = ref<HTMLElement | null>(null)
 
@@ -205,19 +168,19 @@ onKeyStroke(
 )
 
 const {focused} = useFocus(element, {
-  initialValue: modelValueBoolean.value && noFocusBoolean.value === false,
+  initialValue: modelValue.value && props.noFocus === false,
 })
 
-const isActive = ref(modelValueBoolean.value)
+const isActive = ref(modelValue.value)
 const lazyLoadCompleted = ref(false)
 
-const showBackdrop = toRef(() => backdropBoolean.value === true && modelValueBoolean.value === true)
+const showBackdrop = toRef(() => props.backdrop === true && modelValue.value === true)
 
 const lazyShowing = toRef(
   () =>
-    lazyBoolean.value === false ||
-    (lazyBoolean.value === true && lazyLoadCompleted.value === true) ||
-    (lazyBoolean.value === true && modelValueBoolean.value === true)
+    props.lazy === false ||
+    (props.lazy === true && lazyLoadCompleted.value === true) ||
+    (props.lazy === true && modelValue.value === true)
 )
 
 const hasHeaderCloseSlot = toRef(() => !isEmptySlot(slots['header-close']))
@@ -236,12 +199,13 @@ const computedClasses = computed(() => [
   'offcanvas', // Remove when above check is fixed
   `offcanvas-${props.placement}`,
   {
-    show: modelValueBoolean.value && isActive.value === true,
+    show: modelValue.value && isActive.value === true,
+    [`shadow-${props.shadow}`]: !!props.shadow,
   },
 ])
 
 const sharedSlots = computed<SharedSlotsData>(() => ({
-  visible: modelValueBoolean.value,
+  visible: modelValue.value,
   placement: props.placement,
   hide,
 }))
@@ -261,8 +225,8 @@ const buildTriggerableEvent = (
 
 const hide = (trigger = '') => {
   if (
-    (trigger === 'backdrop' && noCloseOnBackdropBoolean.value) ||
-    (trigger === 'esc' && noCloseOnEscBoolean.value)
+    (trigger === 'backdrop' && props.noCloseOnBackdrop) ||
+    (trigger === 'esc' && props.noCloseOnEsc)
   ) {
     emit('hide-prevented')
     return
@@ -299,7 +263,7 @@ const show = () => {
 
 const focus = () => {
   nextTick(() => {
-    if (noFocusBoolean.value === false) {
+    if (props.noFocus === false) {
       focused.value = true
     }
   })
@@ -310,17 +274,17 @@ const OnAfterEnter = () => {
   isActive.value = true
   focus()
   emit('shown', buildTriggerableEvent('shown'))
-  if (lazyBoolean.value === true) lazyLoadCompleted.value = true
+  if (props.lazy === true) lazyLoadCompleted.value = true
 }
 const onLeave = () => {
   isActive.value = false
 }
 const OnAfterLeave = () => {
   emit('hidden', buildTriggerableEvent('hidden'))
-  if (lazyBoolean.value === true) lazyLoadCompleted.value = false
+  if (props.lazy === true) lazyLoadCompleted.value = false
 }
 useEventListener(element, 'bv-toggle', () => {
-  modelValueBoolean.value ? hide() : show()
+  modelValue.value ? hide() : show()
 })
 
 defineExpose({
diff --git a/packages/bootstrap-vue-next/src/components/BOffcanvas/offcanvas.spec.ts b/packages/bootstrap-vue-next/src/components/BOffcanvas/offcanvas.spec.ts
index dc01b190e..43bf93b44 100644
--- a/packages/bootstrap-vue-next/src/components/BOffcanvas/offcanvas.spec.ts
+++ b/packages/bootstrap-vue-next/src/components/BOffcanvas/offcanvas.spec.ts
@@ -1,9 +1,9 @@
 import {enableAutoUnmount, mount} from '@vue/test-utils'
 import {afterEach, beforeEach, describe, expect, it} from 'vitest'
-import BOffcanvas from './BOffcanvas.vue'
-import BCloseButton from '../BButton/BCloseButton.vue'
 import BButton from '../BButton/BButton.vue'
+import BCloseButton from '../BButton/BCloseButton.vue'
 import BOverlay from '../BOverlay/BOverlay.vue'
+import BOffcanvas from './BOffcanvas.vue'
 describe.skip('offcanvas', () => {
   enableAutoUnmount(afterEach)
 
@@ -232,4 +232,24 @@ describe.skip('offcanvas', () => {
     const [, $body] = offcanvas.findAll('div')
     expect($body.text()).toBe('foobar')
   })
+
+  it('child body div is given prop bodyClass', () => {
+    const wrapper = mount(BOffcanvas, {
+      props: {bodyClass: 'foobar'},
+    })
+    const $body = wrapper.getComponent(BOffcanvas)
+    expect($body.classes()).toContain('foobar')
+  })
+
+  it('child body div is given prop bodyAttrs', () => {
+    const wrapper = mount(BOffcanvas, {
+      props: {
+        bodyAttrs: {
+          role: 'foo',
+        },
+      },
+    })
+    const $body = wrapper.getComponent(BOffcanvas)
+    expect($body.attributes()).toContain('role: "foo"')
+  })
 })
diff --git a/packages/bootstrap-vue-next/src/components/BOverlay/BOverlay.vue b/packages/bootstrap-vue-next/src/components/BOverlay/BOverlay.vue
index a5935c57c..7b9e9a6ba 100644
--- a/packages/bootstrap-vue-next/src/components/BOverlay/BOverlay.vue
+++ b/packages/bootstrap-vue-next/src/components/BOverlay/BOverlay.vue
@@ -10,7 +10,7 @@
     >
       <component
         :is="overlayTag"
-        v-if="showBoolean"
+        v-if="props.show"
         class="b-overlay"
         :class="overlayClasses"
         :style="overlayStyles"
@@ -20,7 +20,7 @@
 
         <div class="position-absolute" :style="spinWrapperStyles">
           <slot name="overlay" v-bind="spinnerAttrs">
-            <BSpinner v-if="!noSpinnerBoolean" v-bind="spinnerAttrs" />
+            <BSpinner v-if="!props.noSpinner" v-bind="spinnerAttrs" />
           </slot>
         </div>
       </component>
@@ -30,64 +30,36 @@
 
 <script setup lang="ts">
 import {computed, toRef} from 'vue'
-import type {
-  Booleanish,
-  ColorVariant,
-  Numberish,
-  RadiusElementExtendables,
-  SpinnerType,
-} from '../../types'
-import {useBooleanish, useRadiusElementClasses} from '../../composables'
+import type {BOverlayProps} from '../../types'
+import {useRadiusElementClasses} from '../../composables'
 import BTransition from '../BTransition/BTransition.vue'
 import BSpinner from '../BSpinner.vue'
 
-const props = withDefaults(
-  defineProps<
-    {
-      bgColor?: string
-      blur?: string | null
-      fixed?: Booleanish
-      noCenter?: Booleanish
-      noFade?: Booleanish
-      noSpinner?: Booleanish
-      noWrap?: Booleanish
-      opacity?: Numberish
-      overlayTag?: string
-      show?: Booleanish
-      spinnerSmall?: Booleanish
-      spinnerType?: SpinnerType
-      spinnerVariant?: ColorVariant | null
-      variant?: ColorVariant | 'white' | 'transparent' | null
-      wrapTag?: string
-      zIndex?: Numberish
-    } & RadiusElementExtendables
-  >(),
-  {
-    blur: '2px',
-    bgColor: undefined,
-    fixed: false,
-    noCenter: false,
-    noFade: false,
-    noSpinner: false,
-    noWrap: false,
-    opacity: 0.85,
-    overlayTag: 'div',
-    show: false,
-    spinnerSmall: false,
-    spinnerType: 'border',
-    spinnerVariant: undefined,
-    variant: 'light',
-    wrapTag: 'div',
-    zIndex: 10,
-    // RadiusElementExtendables props
-    rounded: false,
-    roundedBottom: undefined,
-    roundedEnd: undefined,
-    roundedStart: undefined,
-    roundedTop: undefined,
-    // End RadiusElementExtendables props
-  }
-)
+const props = withDefaults(defineProps<BOverlayProps>(), {
+  blur: '2px',
+  bgColor: undefined,
+  fixed: false,
+  noCenter: false,
+  noFade: false,
+  noSpinner: false,
+  noWrap: false,
+  opacity: 0.85,
+  overlayTag: 'div',
+  show: false,
+  spinnerSmall: false,
+  spinnerType: 'border',
+  spinnerVariant: undefined,
+  variant: 'light',
+  wrapTag: 'div',
+  zIndex: 10,
+  // RadiusElementExtendables props
+  rounded: false,
+  roundedBottom: undefined,
+  roundedEnd: undefined,
+  roundedStart: undefined,
+  roundedTop: undefined,
+  // End RadiusElementExtendables props
+})
 
 const emit = defineEmits<{
   click: [value: MouseEvent]
@@ -104,36 +76,24 @@ defineSlots<{
 
 const positionStyles = {top: 0, left: 0, bottom: 0, right: 0} as const
 
-const fixedBoolean = useBooleanish(() => props.fixed)
-const noSpinnerBoolean = useBooleanish(() => props.noSpinner)
-const noCenterBoolean = useBooleanish(() => props.noCenter)
-const noWrapBoolean = useBooleanish(() => props.noWrap)
-const showBoolean = useBooleanish(() => props.show)
-const spinnerSmallBoolean = useBooleanish(() => props.spinnerSmall)
-const roundedBoolean = useBooleanish(() => props.rounded)
-const roundedTopBoolean = useBooleanish(() => props.roundedTop)
-const roundedBottomBoolean = useBooleanish(() => props.roundedBottom)
-const roundedStartBoolean = useBooleanish(() => props.roundedStart)
-const roundedEndBoolean = useBooleanish(() => props.roundedEnd)
-
 const radiusElementClasses = useRadiusElementClasses(() => ({
-  rounded: roundedBoolean.value,
-  roundedTop: roundedTopBoolean.value,
-  roundedBottom: roundedBottomBoolean.value,
-  roundedStart: roundedStartBoolean.value,
-  roundedEnd: roundedEndBoolean.value,
+  rounded: props.rounded,
+  roundedTop: props.roundedTop,
+  roundedBottom: props.roundedBottom,
+  roundedStart: props.roundedStart,
+  roundedEnd: props.roundedEnd,
 }))
 
 const computedVariant = toRef(() =>
   props.variant !== null && !props.bgColor ? `bg-${props.variant}` : ''
 )
 
-const computedAriaBusy = toRef(() => (showBoolean.value ? true : null))
+const computedAriaBusy = toRef(() => (props.show ? true : null))
 
 const spinnerAttrs = computed(() => ({
   type: props.spinnerType,
   variant: props.spinnerVariant,
-  small: spinnerSmallBoolean.value,
+  small: props.spinnerSmall,
 }))
 
 const overlayStyles = computed(() => ({
@@ -142,8 +102,8 @@ const overlayStyles = computed(() => ({
 }))
 
 const overlayClasses = computed(() => ({
-  'position-absolute': !noWrapBoolean.value || !fixedBoolean.value,
-  'position-fixed': noWrapBoolean.value && fixedBoolean.value,
+  'position-absolute': !props.noWrap || !props.fixed,
+  'position-fixed': props.noWrap && props.fixed,
 }))
 
 const blurClasses = computed(() => [computedVariant.value, radiusElementClasses.value])
@@ -156,7 +116,7 @@ const blurStyles = computed(() => ({
 }))
 
 const spinWrapperStyles = computed(() =>
-  noCenterBoolean.value
+  props.noCenter
     ? positionStyles
     : {
         top: '50%',
diff --git a/packages/bootstrap-vue-next/src/components/BPagination/BPagination.vue b/packages/bootstrap-vue-next/src/components/BPagination/BPagination.vue
index 44ab9d993..9053c49ef 100644
--- a/packages/bootstrap-vue-next/src/components/BPagination/BPagination.vue
+++ b/packages/bootstrap-vue-next/src/components/BPagination/BPagination.vue
@@ -3,7 +3,7 @@
     class="pagination"
     :class="computedWrapperClasses"
     role="menubar"
-    :aria-disabled="disabledBoolean"
+    :aria-disabled="props.disabled"
     :aria-label="ariaLabel || undefined"
   >
     <ReusableButton.define v-slot="{button, li, text, clickHandler}">
@@ -47,9 +47,9 @@
 <script setup lang="ts">
 import {BvEvent} from '../../utils'
 import {computed, toRef, watch} from 'vue'
-import type {AlignmentJustifyContent, Booleanish, ClassValue, Numberish, Size} from '../../types'
-import {useAlignment, useBooleanish} from '../../composables'
-import {createReusableTemplate, useToNumber, useVModel} from '@vueuse/core'
+import type {BPaginationProps, ClassValue} from '../../types'
+import {useAlignment} from '../../composables'
+import {createReusableTemplate, useToNumber} from '@vueuse/core'
 
 // Threshold of limit size when we start/stop showing ellipsis
 const ELLIPSIS_THRESHOLD = 3
@@ -60,86 +60,43 @@ const NEXT_BUTTON = -3
 const LAST_BUTTON = -4
 const ELLIPSIS_BUTTON = -5
 
-const props = withDefaults(
-  defineProps<{
-    align?: AlignmentJustifyContent | 'fill'
-    ariaControls?: string
-    ariaLabel?: string
-    disabled?: Booleanish
-    ellipsisClass?: ClassValue
-    ellipsisText?: string
-    firstClass?: ClassValue
-    firstNumber?: Booleanish
-    firstText?: string
-    hideEllipsis?: Booleanish
-    hideGotoEndButtons?: Booleanish
-    labelFirstPage?: string
-    labelLastPage?: string
-    labelNextPage?: string
-    labelPage?: string
-    labelPrevPage?: string
-    lastClass?: ClassValue
-    lastNumber?: Booleanish
-    lastText?: string
-    limit?: Numberish
-    modelValue?: Numberish
-    nextClass?: ClassValue
-    nextText?: string
-    pageClass?: ClassValue
-    perPage?: Numberish
-    pills?: Booleanish
-    prevClass?: ClassValue
-    prevText?: string
-    size?: Size
-    totalRows?: Numberish
-  }>(),
-  {
-    align: 'start',
-    ariaControls: undefined,
-    ariaLabel: 'Pagination',
-    disabled: false,
-    ellipsisClass: undefined,
-    ellipsisText: '\u2026',
-    firstClass: undefined,
-    firstNumber: false,
-    firstText: '\u00AB',
-    hideEllipsis: false,
-    hideGotoEndButtons: false,
-    labelFirstPage: 'Go to first page',
-    labelLastPage: 'Go to last page',
-    labelNextPage: 'Go to next page',
-    labelPage: 'Go to page',
-    labelPrevPage: 'Go to previous page',
-    lastClass: undefined,
-    lastNumber: false,
-    lastText: '\u00BB',
-    limit: 5,
-    modelValue: 1,
-    nextClass: undefined,
-    nextText: '\u203A',
-    pageClass: undefined,
-    perPage: DEFAULT_PER_PAGE,
-    pills: false,
-    prevClass: undefined,
-    prevText: '\u2039',
-    size: undefined,
-    totalRows: DEFAULT_TOTAL_ROWS,
-  }
-)
+const props = withDefaults(defineProps<BPaginationProps>(), {
+  align: 'start',
+  ariaControls: undefined,
+  ariaLabel: 'Pagination',
+  disabled: false,
+  ellipsisClass: undefined,
+  ellipsisText: '\u2026',
+  firstClass: undefined,
+  firstNumber: false,
+  firstText: '\u00AB',
+  hideEllipsis: false,
+  hideGotoEndButtons: false,
+  labelFirstPage: 'Go to first page',
+  labelLastPage: 'Go to last page',
+  labelNextPage: 'Go to next page',
+  labelPage: 'Go to page',
+  labelPrevPage: 'Go to previous page',
+  lastClass: undefined,
+  lastNumber: false,
+  lastText: '\u00BB',
+  limit: 5,
+  nextClass: undefined,
+  nextText: '\u203A',
+  pageClass: undefined,
+  perPage: DEFAULT_PER_PAGE,
+  pills: false,
+  prevClass: undefined,
+  prevText: '\u2039',
+  size: undefined,
+  totalRows: DEFAULT_TOTAL_ROWS,
+})
 
 const emit = defineEmits<{
-  'update:modelValue': [value: number]
   'page-click': [event: BvEvent, pageNumber: number]
 }>()
 
-const modelValue = useVModel(props, 'modelValue', emit)
-
-const disabledBoolean = useBooleanish(() => props.disabled)
-const firstNumberBoolean = useBooleanish(() => props.firstNumber)
-const hideEllipsisBoolean = useBooleanish(() => props.hideEllipsis)
-const hideGotoEndButtonsBoolean = useBooleanish(() => props.hideGotoEndButtons)
-const lastNumberBoolean = useBooleanish(() => props.lastNumber)
-const pillsBoolean = useBooleanish(() => props.pills)
+const modelValue = defineModel<number>({default: 1})
 
 const limitNumber = useToNumber(() => props.limit, {nanToZero: true, method: 'parseInt'})
 const perPageNumber = useToNumber(() => props.perPage, {nanToZero: true, method: 'parseInt'})
@@ -157,10 +114,10 @@ const justifyAlign = toRef(() => (props.align === 'fill' ? 'start' : props.align
 const alignment = useAlignment(justifyAlign)
 
 const isActivePage = (pageNumber: number) => pageNumber === modelValueNumber.value
-const getTabIndex = (num: number) => (disabledBoolean.value ? null : isActivePage(num) ? '0' : '-1')
+const getTabIndex = (num: number) => (props.disabled ? null : isActivePage(num) ? '0' : '-1')
 
 const checkDisabled = (num: number) =>
-  disabledBoolean.value ||
+  props.disabled ||
   isActivePage(num) ||
   modelValueNumber.value < 1 ||
   // Check if the number is out of bounds
@@ -254,7 +211,7 @@ const getButtonProps = ({
 const getPageButtonProps = (page: number) =>
   getBaseButtonProps({
     page,
-    dis: disabledBoolean.value,
+    dis: props.disabled,
     classVal: props.pageClass,
     slotName: 'page',
     label: props.labelPage ? `${props.labelPage} ${page}` : undefined,
@@ -327,7 +284,7 @@ const computedWrapperClasses = computed(() => [
   alignment.value,
   {
     [`pagination-${props.size}`]: props.size !== undefined,
-    'b-pagination-pills': pillsBoolean.value,
+    'b-pagination-pills': props.pills,
   },
 ])
 
@@ -391,10 +348,10 @@ const buttons = computed(() => {
   const pages = numberOfPages.value
   const {value} = modelValueNumber
   const limit = limitNumber.value
-  const firstPage = firstNumberBoolean.value ? 1 : 0
-  const lastPage = lastNumberBoolean.value ? 1 : 0
-  const hideEllipsis = hideEllipsisBoolean.value || limit <= ELLIPSIS_THRESHOLD
-  const hideEndButtons = hideGotoEndButtonsBoolean.value ? 1 : 0
+  const firstPage = props.firstNumber ? 1 : 0
+  const lastPage = props.lastNumber ? 1 : 0
+  const hideEllipsis = props.hideEllipsis || limit <= ELLIPSIS_THRESHOLD
+  const hideEndButtons = props.hideGotoEndButtons ? 1 : 0
 
   // The first case is when all of the page buttons fit on the control, this is
   //  the simplest case and the only one that will create an array smaller than
diff --git a/packages/bootstrap-vue-next/src/components/BPlaceholder/BPlaceholder.vue b/packages/bootstrap-vue-next/src/components/BPlaceholder/BPlaceholder.vue
index 8ce75fc86..e6d31aca5 100644
--- a/packages/bootstrap-vue-next/src/components/BPlaceholder/BPlaceholder.vue
+++ b/packages/bootstrap-vue-next/src/components/BPlaceholder/BPlaceholder.vue
@@ -12,32 +12,21 @@
 
 <script setup lang="ts">
 import {computed, type CSSProperties, toRef} from 'vue'
-import type {ColorVariant, Numberish, PlaceholderAnimation, PlaceholderSize} from '../../types'
+import type {BPlaceholderProps} from '../../types'
 
 defineOptions({
   inheritAttrs: false,
 })
 
-const props = withDefaults(
-  defineProps<{
-    animation?: PlaceholderAnimation
-    cols?: Numberish
-    size?: PlaceholderSize
-    tag?: string
-    variant?: ColorVariant | null
-    width?: Numberish
-    wrapperTag?: string
-  }>(),
-  {
-    animation: undefined,
-    cols: 12,
-    size: 'md',
-    tag: 'span',
-    variant: null,
-    width: undefined,
-    wrapperTag: 'span',
-  }
-)
+const props = withDefaults(defineProps<BPlaceholderProps>(), {
+  animation: undefined,
+  cols: 12,
+  size: 'md',
+  tag: 'span',
+  variant: null,
+  width: undefined,
+  wrapperTag: 'span',
+})
 
 const widthString = toRef(() =>
   props.width === undefined
diff --git a/packages/bootstrap-vue-next/src/components/BPlaceholder/BPlaceholderButton.vue b/packages/bootstrap-vue-next/src/components/BPlaceholder/BPlaceholderButton.vue
index 9cac6abea..7f8265baa 100644
--- a/packages/bootstrap-vue-next/src/components/BPlaceholder/BPlaceholderButton.vue
+++ b/packages/bootstrap-vue-next/src/components/BPlaceholder/BPlaceholderButton.vue
@@ -12,25 +12,16 @@
 
 <script setup lang="ts">
 import BPlaceholder from './BPlaceholder.vue'
-import type {ColorVariant, Numberish, PlaceholderAnimation} from '../../types'
+import type {BPlaceholderButtonProps} from '../../types'
 import {computed} from 'vue'
 
-const props = withDefaults(
-  defineProps<{
-    animation?: PlaceholderAnimation
-    cols?: Numberish
-    tag?: string
-    variant?: ColorVariant | null
-    width?: Numberish
-  }>(),
-  {
-    animation: undefined,
-    cols: undefined,
-    tag: 'div',
-    variant: 'primary',
-    width: undefined,
-  }
-)
+const props = withDefaults(defineProps<BPlaceholderButtonProps>(), {
+  animation: undefined,
+  cols: undefined,
+  tag: 'div',
+  variant: 'primary',
+  width: undefined,
+})
 
 const computedClasses = computed(() => ({
   [`btn-${props.variant}`]: props.variant !== null,
diff --git a/packages/bootstrap-vue-next/src/components/BPlaceholder/BPlaceholderCard.vue b/packages/bootstrap-vue-next/src/components/BPlaceholder/BPlaceholderCard.vue
index 604822629..5ae2bb108 100644
--- a/packages/bootstrap-vue-next/src/components/BPlaceholder/BPlaceholderCard.vue
+++ b/packages/bootstrap-vue-next/src/components/BPlaceholder/BPlaceholderCard.vue
@@ -1,6 +1,6 @@
 <template>
   <BCard :img-bottom="imgBottom">
-    <template v-if="!noImgBoolean" #img>
+    <template v-if="!props.noImg" #img>
       <slot name="img">
         <BCardImg
           :blank="!imgSrc ? true : false"
@@ -14,7 +14,7 @@
       </slot>
     </template>
 
-    <template v-if="!noHeaderBoolean" #header>
+    <template v-if="!props.noHeader" #header>
       <slot name="header">
         <BPlaceholder
           :width="headerWidth"
@@ -31,13 +31,13 @@
       <BPlaceholder cols="6" v-bind="defaultAttrs" />
       <BPlaceholder cols="8" v-bind="defaultAttrs" />
     </slot>
-    <template v-if="!noFooterBoolean" #footer>
+    <template v-if="!props.noFooter" #footer>
       <slot name="footer">
         <component
           :is="footerComponent"
           :width="footerWidth"
           :animation="footerAnimation"
-          :size="noButtonBoolean ? footerSize : undefined"
+          :size="props.noButton ? footerSize : undefined"
           :variant="footerVariant"
         />
       </slot>
@@ -50,60 +50,30 @@ import BCard from '../BCard/BCard.vue'
 import BCardImg from '../BCard/BCardImg.vue'
 import BPlaceholder from './BPlaceholder.vue'
 import BPlaceholderButton from './BPlaceholderButton.vue'
-import type {
-  Booleanish,
-  ColorVariant,
-  Numberish,
-  PlaceholderAnimation,
-  PlaceholderSize,
-} from '../../types'
+import type {BPlaceholderCardProps} from '../../types'
 import {computed, toRef} from 'vue'
-import {useBooleanish} from '../../composables'
 
-const props = withDefaults(
-  defineProps<{
-    animation?: PlaceholderAnimation
-    footerAnimation?: PlaceholderAnimation
-    footerSize?: PlaceholderSize
-    footerVariant?: ColorVariant | null
-    footerWidth?: Numberish
-    headerAnimation?: PlaceholderAnimation
-    headerSize?: PlaceholderSize
-    headerVariant?: ColorVariant | null
-    headerWidth?: Numberish
-    imgBlankColor?: string
-    imgBottom?: Booleanish
-    imgHeight?: Numberish
-    imgSrc?: string
-    noButton?: Booleanish
-    noFooter?: Booleanish
-    noHeader?: Booleanish
-    noImg?: Booleanish
-    size?: PlaceholderSize
-    variant?: ColorVariant | null
-  }>(),
-  {
-    animation: undefined,
-    footerAnimation: undefined,
-    footerSize: 'md',
-    footerVariant: undefined,
-    footerWidth: 100,
-    headerAnimation: undefined,
-    headerSize: 'md',
-    headerVariant: undefined,
-    headerWidth: 100,
-    imgBlankColor: '#868e96',
-    imgBottom: false,
-    imgHeight: 100,
-    imgSrc: undefined,
-    noButton: false,
-    noFooter: false,
-    noHeader: false,
-    noImg: false,
-    size: 'md',
-    variant: undefined,
-  }
-)
+const props = withDefaults(defineProps<BPlaceholderCardProps>(), {
+  animation: undefined,
+  footerAnimation: undefined,
+  footerSize: 'md',
+  footerVariant: undefined,
+  footerWidth: 100,
+  headerAnimation: undefined,
+  headerSize: 'md',
+  headerVariant: undefined,
+  headerWidth: 100,
+  imgBlankColor: '#868e96',
+  imgBottom: false,
+  imgHeight: 100,
+  imgSrc: undefined,
+  noButton: false,
+  noFooter: false,
+  noHeader: false,
+  noImg: false,
+  size: 'md',
+  variant: undefined,
+})
 
 defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -116,16 +86,11 @@ defineSlots<{
   img?: (props: Record<string, never>) => any
 }>()
 
-const noButtonBoolean = useBooleanish(() => props.noButton)
-const noHeaderBoolean = useBooleanish(() => props.noHeader)
-const noFooterBoolean = useBooleanish(() => props.noFooter)
-const noImgBoolean = useBooleanish(() => props.noImg)
-
 const defaultAttrs = computed(() => ({
   animation: props.animation,
   size: props.size,
   variant: props.variant,
 }))
 
-const footerComponent = toRef(() => (!noButtonBoolean.value ? BPlaceholderButton : BPlaceholder))
+const footerComponent = toRef(() => (!props.noButton ? BPlaceholderButton : BPlaceholder))
 </script>
diff --git a/packages/bootstrap-vue-next/src/components/BPlaceholder/BPlaceholderTable.vue b/packages/bootstrap-vue-next/src/components/BPlaceholder/BPlaceholderTable.vue
index 0ad65da2f..4865eea79 100644
--- a/packages/bootstrap-vue-next/src/components/BPlaceholder/BPlaceholderTable.vue
+++ b/packages/bootstrap-vue-next/src/components/BPlaceholder/BPlaceholderTable.vue
@@ -1,6 +1,6 @@
 <template>
   <BTableSimple>
-    <slot v-if="!hideHeaderBoolean" name="thead">
+    <slot v-if="!props.hideHeader" name="thead">
       <thead>
         <tr>
           <th v-for="(_, i) in computedHeaderColumnsLength" :key="i">
@@ -28,7 +28,7 @@
         </tr>
       </tbody>
     </slot>
-    <slot v-if="showFooterBoolean" name="tfoot">
+    <slot v-if="props.showFooter" name="tfoot">
       <tfoot>
         <tr>
           <th v-for="(_, l) in computedFooterColumnsLength" :key="l">
@@ -47,60 +47,31 @@
 
 <script setup lang="ts">
 import {toRef} from 'vue'
-import type {
-  Booleanish,
-  ColorVariant,
-  Numberish,
-  PlaceholderAnimation,
-  PlaceholderSize,
-} from '../../types'
-import {useBooleanish} from '../../composables'
+import type {BPlaceholderTableProps} from '../../types'
 import BTableSimple from '../BTable/BTableSimple.vue'
 import BPlaceholder from './BPlaceholder.vue'
 import {useToNumber} from '@vueuse/core'
 
-const props = withDefaults(
-  defineProps<{
-    animation?: PlaceholderAnimation
-    cellWidth?: Numberish
-    columns?: Numberish
-    footerAnimation?: PlaceholderAnimation
-    footerCellWidth?: Numberish
-    footerColumns?: Numberish
-    footerSize?: PlaceholderSize
-    footerVariant?: ColorVariant | null
-    headerAnimation?: PlaceholderAnimation
-    headerCellWidth?: Numberish
-    headerColumns?: Numberish
-    headerSize?: PlaceholderSize
-    headerVariant?: ColorVariant | null
-    hideHeader?: Booleanish
-    rows?: Numberish
-    showFooter?: Booleanish
-    size?: PlaceholderSize
-    variant?: ColorVariant | null
-  }>(),
-  {
-    animation: undefined,
-    cellWidth: 100,
-    columns: 5,
-    footerAnimation: undefined,
-    footerCellWidth: 100,
-    footerColumns: undefined,
-    footerSize: 'md',
-    footerVariant: undefined,
-    headerAnimation: undefined,
-    headerCellWidth: 100,
-    headerColumns: undefined,
-    headerSize: 'md',
-    headerVariant: undefined,
-    hideHeader: false,
-    rows: 3,
-    showFooter: false,
-    size: 'md',
-    variant: undefined,
-  }
-)
+const props = withDefaults(defineProps<BPlaceholderTableProps>(), {
+  animation: undefined,
+  cellWidth: 100,
+  columns: 5,
+  footerAnimation: undefined,
+  footerCellWidth: 100,
+  footerColumns: undefined,
+  footerSize: 'md',
+  footerVariant: undefined,
+  headerAnimation: undefined,
+  headerCellWidth: 100,
+  headerColumns: undefined,
+  headerSize: 'md',
+  headerVariant: undefined,
+  hideHeader: false,
+  rows: 3,
+  showFooter: false,
+  size: 'md',
+  variant: undefined,
+})
 
 defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -127,7 +98,4 @@ const computedHeaderColumnsLength = toRef(() =>
 const computedFooterColumnsLength = toRef(() =>
   props.footerColumns === undefined ? columnsNumber.value : footerColumnsNumber.value
 )
-
-const hideHeaderBoolean = useBooleanish(() => props.hideHeader)
-const showFooterBoolean = useBooleanish(() => props.showFooter)
 </script>
diff --git a/packages/bootstrap-vue-next/src/components/BPlaceholder/BPlaceholderWrapper.vue b/packages/bootstrap-vue-next/src/components/BPlaceholder/BPlaceholderWrapper.vue
index 77476b1e5..9b22eb986 100644
--- a/packages/bootstrap-vue-next/src/components/BPlaceholder/BPlaceholderWrapper.vue
+++ b/packages/bootstrap-vue-next/src/components/BPlaceholder/BPlaceholderWrapper.vue
@@ -1,20 +1,14 @@
 <template>
-  <slot v-if="loadingBoolean" name="loading" />
+  <slot v-if="props.loading" name="loading" />
   <slot v-else />
 </template>
 
 <script setup lang="ts">
-import type {Booleanish} from '../../types'
-import {useBooleanish} from '../../composables'
+import type {BPlaceholderWrapperProps} from '../../types'
 
-const props = withDefaults(
-  defineProps<{
-    loading?: Booleanish
-  }>(),
-  {
-    loading: false,
-  }
-)
+const props = withDefaults(defineProps<BPlaceholderWrapperProps>(), {
+  loading: false,
+})
 
 defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -22,6 +16,4 @@ defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   loading?: (props: Record<string, never>) => any
 }>()
-
-const loadingBoolean = useBooleanish(() => props.loading)
 </script>
diff --git a/packages/bootstrap-vue-next/src/components/BPopover.vue b/packages/bootstrap-vue-next/src/components/BPopover.vue
index 98c2c0188..768b00e0e 100644
--- a/packages/bootstrap-vue-next/src/components/BPopover.vue
+++ b/packages/bootstrap-vue-next/src/components/BPopover.vue
@@ -1,9 +1,9 @@
 <template>
   <span ref="placeholder" />
   <slot name="target" :show="show" :hide="hide" :toggle="toggle" :show-state="showState" />
-  <Teleport :to="container || 'body'" :disabled="!container">
+  <Teleport :to="teleportTo" :disabled="!teleportTo || teleportDisabled">
     <div
-      v-if="showStateInternal || persistentBoolean"
+      v-if="showStateInternal || props.persistent"
       :id="id"
       v-bind="$attrs"
       ref="element"
@@ -14,16 +14,16 @@
     >
       <div
         ref="arrow"
-        :class="`${tooltipBoolean ? 'tooltip' : 'popover'}-arrow`"
+        :class="`${props.tooltip ? 'tooltip' : 'popover'}-arrow`"
         :style="arrowStyle"
         data-popper-arrow
       />
       <div class="overflow-auto" :style="sizeStyles">
         <template v-if="title || $slots.title">
           <div
-            v-if="!isHtml"
+            v-if="!props.html"
             class="position-sticky top-0"
-            :class="tooltipBoolean ? 'tooltip-inner' : 'popover-header'"
+            :class="props.tooltip ? 'tooltip-inner' : 'popover-header'"
           >
             <slot name="title">
               {{ title }}
@@ -33,13 +33,13 @@
           <div
             v-else
             class="position-sticky top-0"
-            :class="tooltipBoolean ? 'tooltip-inner' : 'popover-header'"
+            :class="props.tooltip ? 'tooltip-inner' : 'popover-header'"
             v-html="sanitizedTitle"
           />
           <!-- eslint-enable vue/no-v-html -->
         </template>
-        <template v-if="(tooltipBoolean && !$slots.title && !title) || !tooltipBoolean">
-          <div v-if="!isHtml" :class="tooltipBoolean ? 'tooltip-inner' : 'popover-body'">
+        <template v-if="(props.tooltip && !$slots.title && !title) || !props.tooltip">
+          <div v-if="!props.html" :class="props.tooltip ? 'tooltip-inner' : 'popover-body'">
             <slot>
               {{ content }}
             </slot>
@@ -47,7 +47,7 @@
           <!-- eslint-disable vue/no-v-html -->
           <div
             v-else
-            :class="tooltipBoolean ? 'tooltip-inner' : 'popover-body'"
+            :class="props.tooltip ? 'tooltip-inner' : 'popover-body'"
             v-html="sanitizedContent"
           />
           <!-- eslint-enable vue/no-v-html -->
@@ -87,7 +87,7 @@ import {
   watch,
   watchEffect,
 } from 'vue'
-import {useBooleanish, useId} from '../composables'
+import {useId} from '../composables'
 import type {BPopoverProps} from '../types'
 import {
   BvTriggerableEvent,
@@ -106,7 +106,8 @@ const props = withDefaults(defineProps<BPopoverProps>(), {
   boundary: 'clippingAncestors',
   boundaryPadding: undefined,
   click: false,
-  container: undefined,
+  teleportTo: undefined,
+  teleportDisabled: false,
   content: undefined,
   customClass: '',
   delay: () => ({show: 100, hide: 300}),
@@ -116,7 +117,6 @@ const props = withDefaults(defineProps<BPopoverProps>(), {
   id: undefined,
   inline: false,
   manual: false,
-  modelValue: false,
   noAutoClose: false,
   noFade: false,
   noFlip: false,
@@ -143,7 +143,6 @@ const emit = defineEmits<{
   'show': [value: BvTriggerableEvent]
   'show-prevented': []
   'shown': [value: BvTriggerableEvent]
-  'update:modelValue': [value: boolean]
 }>()
 
 defineSlots<{
@@ -160,35 +159,23 @@ defineSlots<{
   title?: (props: Record<string, never>) => any
 }>()
 
-const modelValueBoolean = useBooleanish(() => props.modelValue)
-const showState = ref(modelValueBoolean.value)
-const showStateInternal = ref(modelValueBoolean.value)
+const modelValue = defineModel<boolean>({
+  default: false,
+})
+
+const showState = ref(modelValue.value)
+const showStateInternal = ref(modelValue.value)
 watchEffect(() => {
-  emit('update:modelValue', showState.value)
+  modelValue.value = showState.value
 })
 
-watch(modelValueBoolean, () => {
-  if (modelValueBoolean.value === showState.value) return
-  modelValueBoolean.value ? show() : hide(new Event('update:modelValue'))
+watch(modelValue, (newValue) => {
+  if (newValue === showState.value) return
+  newValue ? show() : hide(new Event('update:modelValue'))
 })
 
 const computedId = useId(() => props.id, 'popover')
 
-const clickBoolean = useBooleanish(() => props.click)
-const manualBoolean = useBooleanish(() => props.manual)
-const noShiftBoolean = useBooleanish(() => props.noShift)
-const noSizeBoolean = useBooleanish(() => props.noSize)
-const noFlipBoolean = useBooleanish(() => props.noFlip)
-const noFadeBoolean = useBooleanish(() => props.noFade)
-const noAutoCloseBoolean = useBooleanish(() => props.noAutoClose)
-const noHideBoolean = useBooleanish(() => props.noHide)
-const realtimeBoolean = useBooleanish(() => props.realtime)
-const inlineBoolean = useBooleanish(() => props.inline)
-const persistentBoolean = useBooleanish(() => props.persistent)
-const tooltipBoolean = useBooleanish(() => props.tooltip)
-const noninteractiveBoolean = useBooleanish(() => props.noninteractive)
-const isHtml = useBooleanish(() => props.html)
-
 const hidden = ref(false)
 
 const element = ref<HTMLElement | null>(null)
@@ -219,9 +206,9 @@ const floatingMiddleware = computed<Middleware[]>(() => {
   if (props.floatingMiddleware !== undefined) {
     return props.floatingMiddleware
   }
-  const off = props.offset !== null ? offsetNumber.value : tooltipBoolean.value ? 6 : 8
+  const off = props.offset !== null ? offsetNumber.value : props.tooltip ? 6 : 8
   const arr: Middleware[] = [offsetMiddleware(off)]
-  if (noFlipBoolean.value === false && !isAutoPlacement.value) {
+  if (props.noFlip === false && !isAutoPlacement.value) {
     arr.push(
       flip({
         boundary: boundary.value,
@@ -240,7 +227,7 @@ const floatingMiddleware = computed<Middleware[]>(() => {
       })
     )
   }
-  if (noShiftBoolean.value === false) {
+  if (props.noShift === false) {
     arr.push(
       shift({
         boundary: boundary.value,
@@ -249,7 +236,7 @@ const floatingMiddleware = computed<Middleware[]>(() => {
       })
     )
   }
-  if (noHideBoolean.value === false) {
+  if (props.noHide === false) {
     arr.push(
       hideMiddleware({
         boundary: boundary.value,
@@ -258,11 +245,11 @@ const floatingMiddleware = computed<Middleware[]>(() => {
       })
     )
   }
-  if (inlineBoolean.value === true) {
+  if (props.inline === true) {
     arr.push(inlineMiddleware())
   }
   arr.push(arrowMiddleware({element: arrow, padding: 10}))
-  if (noSizeBoolean.value === false) {
+  if (props.noSize === false) {
     arr.push(
       sizeMiddleware({
         boundary: boundary.value,
@@ -289,7 +276,7 @@ const {floatingStyles, middlewareData, placement, update} = useFloating(targetTr
   middleware: floatingMiddleware,
   strategy: toRef(() => props.strategy),
   whileElementsMounted: (...args) => {
-    const cleanup = autoUpdate(...args, {animationFrame: realtimeBoolean.value})
+    const cleanup = autoUpdate(...args, {animationFrame: props.realtime})
     // Important! Always return the cleanup function.
     return cleanup
   },
@@ -298,7 +285,7 @@ const {floatingStyles, middlewareData, placement, update} = useFloating(targetTr
 const arrowStyle = ref<CSSProperties>({position: 'absolute'})
 
 watch(middlewareData, () => {
-  if (noHideBoolean.value === false) {
+  if (props.noHide === false) {
     if (middlewareData.value.hide?.referenceHidden) {
       hidden.value = true
     } else {
@@ -316,7 +303,7 @@ watch(middlewareData, () => {
 })
 
 const computedClasses = computed(() => {
-  const type = tooltipBoolean.value ? 'tooltip' : 'popover'
+  const type = props.tooltip ? 'tooltip' : 'popover'
   return [
     type,
     `b-${type}`,
@@ -324,8 +311,8 @@ const computedClasses = computed(() => {
       [`b-${type}-${props.variant}`]: props.variant !== null,
       show: showState.value && !hidden.value,
       ['pe-none']: !showState.value,
-      fade: !noFadeBoolean.value,
-      ['d-none']: !showState.value && noFadeBoolean.value,
+      fade: !props.noFade,
+      ['d-none']: !showState.value && props.noFade,
       [`${props.customClass}`]: props.customClass !== undefined,
       [`bs-${type}-${resolveBootstrapPlacement(placement.value)}`]: placement.value !== undefined,
     },
@@ -393,13 +380,13 @@ const hide = (e: Readonly<Event>) => {
     if (
       e?.type === 'click' ||
       e?.type === 'forceHide' ||
-      (e?.type === 'update:modelValue' && manualBoolean.value) ||
-      (!noninteractiveBoolean.value &&
+      (e?.type === 'update:modelValue' && props.manual) ||
+      (!props.noninteractive &&
         isOutside.value &&
         triggerIsOutside.value &&
         !element.value?.contains(document?.activeElement) &&
         !trigger.value?.contains(document?.activeElement)) ||
-      (noninteractiveBoolean.value && triggerIsOutside.value)
+      (props.noninteractive && triggerIsOutside.value)
     ) {
       showState.value = false
       nextTick(() => {
@@ -453,12 +440,12 @@ const bind = () => {
   } else {
     targetTrigger.value = trigger.value
   }
-  if (!trigger.value || manualBoolean.value) {
+  if (!trigger.value || props.manual) {
     return
   }
   if (!IS_BROWSER) return
   trigger.value.addEventListener('forceHide', hide)
-  if (clickBoolean.value) {
+  if (props.click) {
     trigger.value.addEventListener('click', toggle)
     return
   }
@@ -482,7 +469,7 @@ const unbind = () => {
 onClickOutside(
   element,
   () => {
-    if (showState.value && clickBoolean.value && !noAutoCloseBoolean.value && !manualBoolean.value)
+    if (showState.value && props.click && !props.noAutoClose && !props.manual)
       hide(new Event('clickOutside'))
   },
   {ignore: [trigger]}
diff --git a/packages/bootstrap-vue-next/src/components/BProgress/BProgress.vue b/packages/bootstrap-vue-next/src/components/BProgress/BProgress.vue
index e56773896..91dea14e3 100644
--- a/packages/bootstrap-vue-next/src/components/BProgress/BProgress.vue
+++ b/packages/bootstrap-vue-next/src/components/BProgress/BProgress.vue
@@ -19,49 +19,36 @@
 
 <script setup lang="ts">
 import BProgressBar from './BProgressBar.vue'
-import type {BProgressBarProps} from '../../types'
-import {useBooleanish} from '../../composables'
+import type {BProgressProps} from '../../types'
 import {provide, toRef} from 'vue'
 import {progressInjectionKey} from '../../utils'
 
-const props = withDefaults(
-  defineProps<
-    {
-      height?: string
-    } & Omit<BProgressBarProps, 'label' | 'labelHtml'>
-  >(),
-  {
-    height: undefined,
-    // BProgressBar props
-    animated: undefined,
-    bgVariant: undefined,
-    max: 100,
-    precision: undefined,
-    showProgress: undefined,
-    showValue: undefined,
-    striped: undefined,
-    textVariant: undefined,
-    value: undefined,
-    variant: undefined,
-    // End BProgressBar props
-  }
-)
+const props = withDefaults(defineProps<BProgressProps>(), {
+  height: undefined,
+  // BProgressBar props
+  animated: undefined,
+  bgVariant: undefined,
+  max: 100,
+  precision: undefined,
+  showProgress: undefined,
+  showValue: undefined,
+  striped: undefined,
+  textVariant: undefined,
+  value: undefined,
+  variant: undefined,
+  // End BProgressBar props
+})
 
 defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   default?: (props: Record<string, never>) => any
 }>()
 
-const animatedBoolean = useBooleanish(() => props.animated)
-const showProgressBoolean = useBooleanish(() => props.showProgress)
-const showValueBoolean = useBooleanish(() => props.showValue)
-const stripedBoolean = useBooleanish(() => props.striped)
-
 provide(progressInjectionKey, {
-  animated: animatedBoolean,
+  animated: toRef(() => props.animated),
   max: toRef(() => props.max),
-  showProgress: showProgressBoolean,
-  showValue: showValueBoolean,
-  striped: stripedBoolean,
+  showProgress: toRef(() => props.showProgress),
+  showValue: toRef(() => props.showValue),
+  striped: toRef(() => props.striped),
 })
 </script>
diff --git a/packages/bootstrap-vue-next/src/components/BProgress/BProgressBar.vue b/packages/bootstrap-vue-next/src/components/BProgress/BProgressBar.vue
index d0cc9f470..510211c4c 100644
--- a/packages/bootstrap-vue-next/src/components/BProgress/BProgressBar.vue
+++ b/packages/bootstrap-vue-next/src/components/BProgress/BProgressBar.vue
@@ -16,7 +16,7 @@
 
 <script setup lang="ts">
 import type {BProgressBarProps} from '../../types'
-import {useBooleanish, useColorVariantClasses} from '../../composables'
+import {useColorVariantClasses} from '../../composables'
 import {computed, inject} from 'vue'
 import {progressInjectionKey} from '../../utils'
 import {useToNumber} from '@vueuse/core'
@@ -43,21 +43,14 @@ defineSlots<{
 
 const parentData = inject(progressInjectionKey, null)
 
-const animatedBoolean = useBooleanish(() => props.animated)
-const showProgressBoolean = useBooleanish(() => props.showProgress)
-const showValueBoolean = useBooleanish(() => props.showValue)
-const stripedBoolean = useBooleanish(() => props.striped)
 const resolvedBackgroundClasses = useColorVariantClasses(props)
 
 const computedClasses = computed(() => [
   resolvedBackgroundClasses.value,
   {
-    'progress-bar-animated': animatedBoolean.value || parentData?.animated.value,
+    'progress-bar-animated': props.animated || parentData?.animated.value,
     'progress-bar-striped':
-      stripedBoolean.value ||
-      parentData?.striped.value ||
-      animatedBoolean.value ||
-      parentData?.animated.value,
+      props.striped || parentData?.striped.value || props.animated || parentData?.animated.value,
   },
 ])
 
@@ -69,9 +62,9 @@ const parentMaxNumber = useToNumber(() => parentData?.max.value ?? NaN)
 const computedLabel = computed(() =>
   props.labelHtml !== undefined
     ? props.labelHtml
-    : showValueBoolean.value || parentData?.showValue.value
+    : props.showValue || parentData?.showValue.value
       ? numberValue.value.toFixed(numberPrecision.value)
-      : showProgressBoolean.value || parentData?.showProgress.value
+      : props.showProgress || parentData?.showProgress.value
         ? ((numberValue.value * 100) / (numberMax.value || 100)).toFixed(numberPrecision.value)
         : props.label !== undefined
           ? props.label
diff --git a/packages/bootstrap-vue-next/src/components/BRow.vue b/packages/bootstrap-vue-next/src/components/BRow.vue
index 13c0eaedf..405fd751b 100644
--- a/packages/bootstrap-vue-next/src/components/BRow.vue
+++ b/packages/bootstrap-vue-next/src/components/BRow.vue
@@ -7,13 +7,8 @@
 <script lang="ts">
 import {computed, defineComponent, type PropType, type SlotsType} from 'vue'
 import {getBreakpointProps, getClasses} from '../utils'
-import type {
-  AlignmentContent,
-  AlignmentJustifyContent,
-  AlignmentVertical,
-  Booleanish,
-} from '../types'
-import {useAlignment, useBooleanish} from '../composables'
+import type {AlignmentContent, AlignmentJustifyContent, AlignmentVertical} from '../types'
+import {useAlignment} from '../composables'
 
 const rowColsProps = getBreakpointProps('cols', [''], {type: [String, Number], default: null})
 
@@ -26,14 +21,13 @@ export default defineComponent({
     tag: {type: String, default: 'div'},
     gutterX: {type: String, default: null},
     gutterY: {type: String, default: null},
-    noGutters: {type: [Boolean, String] as PropType<Booleanish>, default: false},
+    noGutters: {type: Boolean, default: false},
     alignV: {type: String as PropType<AlignmentVertical>, default: null},
     alignH: {type: String as PropType<AlignmentJustifyContent>, default: null},
     alignContent: {type: String as PropType<AlignmentContent>, default: null},
     ...rowColsProps,
   },
   setup(props) {
-    const noGuttersBoolean = useBooleanish(() => props.noGutters)
     const alignment = useAlignment(() => props.alignH)
 
     const rowColsClasses = computed(() => getClasses(props, rowColsProps, 'cols', 'row-cols'))
@@ -43,7 +37,7 @@ export default defineComponent({
       {
         [`gx-${props.gutterX}`]: props.gutterX !== null,
         [`gy-${props.gutterY}`]: props.gutterY !== null,
-        'g-0': noGuttersBoolean.value,
+        'g-0': props.noGutters,
         [`align-items-${props.alignV}`]: props.alignV !== null,
         [alignment.value]: props.alignH !== null,
         [`align-content-${props.alignContent}`]: props.alignContent !== null,
diff --git a/packages/bootstrap-vue-next/src/components/BSpinner.vue b/packages/bootstrap-vue-next/src/components/BSpinner.vue
index 5bbf04d8f..3354861ca 100644
--- a/packages/bootstrap-vue-next/src/components/BSpinner.vue
+++ b/packages/bootstrap-vue-next/src/components/BSpinner.vue
@@ -13,40 +13,27 @@
 
 <script setup lang="ts">
 import {computed, toRef} from 'vue'
-import type {Booleanish, ColorVariant, SpinnerType} from '../types'
-import {useBooleanish} from '../composables'
+import type {BSpinnerProps} from '../types'
 import {isEmptySlot} from '../utils'
 
-const props = withDefaults(
-  defineProps<{
-    label?: string
-    role?: string
-    small?: Booleanish
-    tag?: string
-    type?: SpinnerType
-    variant?: ColorVariant | null
-  }>(),
-  {
-    label: undefined,
-    role: 'status',
-    small: false,
-    tag: 'span',
-    type: 'border',
-    variant: null,
-  }
-)
+const props = withDefaults(defineProps<BSpinnerProps>(), {
+  label: undefined,
+  role: 'status',
+  small: false,
+  tag: 'span',
+  type: 'border',
+  variant: null,
+})
 
 const slots = defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   label?: (props: Record<string, never>) => any
 }>()
 
-const smallBoolean = useBooleanish(() => props.small)
-
 const computedClasses = computed(() => [
   `spinner-${props.type}`,
   {
-    [`spinner-${props.type}-sm`]: smallBoolean.value,
+    [`spinner-${props.type}-sm`]: props.small,
     [`text-${props.variant}`]: props.variant !== null,
   },
 ])
diff --git a/packages/bootstrap-vue-next/src/components/BTable/BTable.vue b/packages/bootstrap-vue-next/src/components/BTable/BTable.vue
index 6eab806f4..16773f4b2 100644
--- a/packages/bootstrap-vue-next/src/components/BTable/BTable.vue
+++ b/packages/bootstrap-vue-next/src/components/BTable/BTable.vue
@@ -1,13 +1,18 @@
 <template>
   <BTableLite
     v-bind="props"
-    :aria-busy="busyBoolean"
+    :aria-busy="busyModel"
     :items="computedDisplayItems"
     :fields="computedFields"
     :table-class="tableClasses"
     :tbody-tr-class="getRowClasses"
     :field-column-class="getFieldColumnClasses"
     @head-clicked="onFieldHeadClick"
+    @row-dbl-clicked="
+      (row, index, e) => {
+        emit('row-dbl-clicked', row, index, e)
+      }
+    "
     @row-clicked="onRowClick"
     @row-hovered="
       (row, index, e) => {
@@ -25,13 +30,20 @@
     </template>
     <template #head()="scope">
       {{ getTableFieldHeadLabel(scope.field) }}
-      <template v-if="isSortable && scope.field.sortable && noSortableIconBoolean === false">
-        <slot v-if="!sortDescBoolean" v-bind="{...scope}" name="sortAsc">
+      <template v-if="isSortable && !!scope.field.sortable && props.noSortableIcon === false">
+        <slot
+          v-if="sortByModel?.find((el) => el.key === scope.field.key)?.order === 'asc'"
+          v-bind="{...scope}"
+          :name="
+            $slots[`sortAsc(${String(scope.field.key)})`]
+              ? `sortAsc(${String(scope.field.key)})`
+              : 'sortAsc()'
+          "
+        >
           <svg
-            :style="getIconStyle(scope.field)"
             xmlns="http://www.w3.org/2000/svg"
-            width="16"
-            height="16"
+            width="24"
+            height="24"
             fill="currentColor"
             class="bi bi-arrow-up-short"
             viewBox="0 0 16 16"
@@ -43,12 +55,19 @@
             />
           </svg>
         </slot>
-        <slot v-else v-bind="{...scope}" name="sortDesc">
+        <slot
+          v-else-if="sortByModel?.find((el) => el.key === scope.field.key)?.order === 'desc'"
+          v-bind="{...scope}"
+          :name="
+            $slots[`sortDesc(${String(scope.field.key)})`]
+              ? `sortDesc(${String(scope.field.key)})`
+              : 'sortDesc()'
+          "
+        >
           <svg
-            :style="getIconStyle(scope.field)"
             xmlns="http://www.w3.org/2000/svg"
-            width="16"
-            height="16"
+            width="24"
+            height="24"
             fill="currentColor"
             class="bi bi-arrow-down-short"
             viewBox="0 0 16 16"
@@ -60,10 +79,35 @@
             />
           </svg>
         </slot>
+        <slot
+          v-else
+          v-bind="{...scope}"
+          :name="
+            $slots[`sortDefault(${String(scope.field.key)})`]
+              ? `sortDefault(${String(scope.field.key)})`
+              : 'sortDefault()'
+          "
+        >
+          <svg
+            :style="{opacity: 0.4}"
+            xmlns="http://www.w3.org/2000/svg"
+            width="24"
+            height="24"
+            fill="currentColor"
+            class="bi bi-arrow-up-short"
+            viewBox="0 0 16 16"
+            aria-hidden
+          >
+            <path
+              fill-rule="evenodd"
+              d="M8 12a.5.5 0 0 0 .5-.5V5.707l2.146 2.147a.5.5 0 0 0 .708-.708l-3-3a.5.5 0 0 0-.708 0l-3 3a.5.5 0 1 0 .708.708L7.5 5.707V11.5a.5.5 0 0 0 .5.5z"
+            />
+          </svg>
+        </slot>
       </template>
     </template>
     <template #custom-body="scope">
-      <BTr v-if="busyBoolean" class="b-table-busy-slot" :class="getBusyRowClasses">
+      <BTr v-if="busyModel" class="b-table-busy-slot" :class="getBusyRowClasses">
         <BTd :colspan="scope.fields.length">
           <slot name="table-busy">
             <BOverlay show>
@@ -81,184 +125,118 @@
   </BTableLite>
 </template>
 
-<script setup lang="ts" generic="T = Record<string, unknown>">
-import {useToNumber, useVModel} from '@vueuse/core'
-import {computed, onMounted, ref, type Ref, type StyleValue, toRef, watch} from 'vue'
-import {useBooleanish} from '../../composables'
+<script setup lang="ts" generic="T">
+import {useToNumber} from '@vueuse/core'
+import {computed, onMounted, ref, type Ref, toRef, watch} from 'vue'
 import type {
-  Booleanish,
-  BTableLiteProps,
-  BTableProvider,
-  BTableSortCompare,
-  ColorVariant,
-  LiteralUnion,
-  Numberish,
+  BTableProps,
+  BTableSortBy,
+  BTableSortByOrder,
+  NoProviderTypes,
   TableField,
-  TableFieldFormatter,
   TableFieldRaw,
   TableItem,
 } from '../../types'
-import BSpinner from '../BSpinner.vue'
+import {formatItem, get, getTableFieldHeadLabel} from '../../utils'
 import BOverlay from '../BOverlay/BOverlay.vue'
+import BSpinner from '../BSpinner.vue'
 import BTableLite from './BTableLite.vue'
 import BTd from './BTd.vue'
 import BTr from './BTr.vue'
-import {formatItem, get, getTableFieldHeadLabel} from '../../utils'
-
-type NoProviderTypes = 'paging' | 'sorting' | 'filtering'
-
-// TODO sort props list alphabetically when everything is done
-const props = withDefaults(
-  defineProps<
-    {
-      provider?: BTableProvider<T>
-      sortCompare?: BTableSortCompare<T>
-      noProvider?: readonly NoProviderTypes[]
-      noProviderPaging?: Booleanish
-      noProviderSorting?: Booleanish
-      noProviderFiltering?: Booleanish
-      sortBy?: string
-      sortDesc?: Booleanish
-      selectable?: Booleanish
-      stickySelect?: Booleanish
-      selectHead?: boolean | string
-      selectMode?: 'multi' | 'single' | 'range'
-      selectionVariant?: ColorVariant | null
-      busy?: Booleanish
-      busyLoadingText?: string
-      perPage?: Numberish
-      currentPage?: Numberish
-      filter?: string
-      filterable?: readonly string[]
-      // TODO
-      // apiUrl?: string
-      // filterFunction?: () => any
-      // filterIgnoredFields?: any[]
-      // filterIncludedFields?: any[]
-      // headRowVariant?: ColorVariant | null
-      // headVariant?: ColorVariant | null
-      // labelSortAsc?: string
-      // labelSortClear?: string
-      // labelSortDesc?: string
-      // noFooterSorting?: Booleanish
-      noLocalSorting?: Booleanish
-      noSelectOnClick?: Booleanish
-      // noSortReset?: Booleanish
-      // selectedVariant?: ColorVariant | null
-      // showEmpty?: Booleanish
-      sortCompareLocale?: string | string[]
-      sortCompareOptions?: Intl.CollatorOptions
-      // sortDirection?: 'asc' | 'desc' | 'last'
-      // sortIconLeft?: Booleanish
-      // sortNullLast?: Booleanish
-      selectedItems?: readonly TableItem<T>[]
-      noSortableIcon?: Booleanish
-    } & Omit<BTableLiteProps<T>, 'tableClass'>
-  >(),
-  {
-    sortCompareLocale: undefined,
-    sortCompareOptions: () => ({numeric: true}),
-    noSortableIcon: false,
-    perPage: Infinity,
-    sortBy: undefined,
-    filter: undefined,
-    filterable: undefined,
-    provider: undefined,
-    sortCompare: undefined,
-    noProvider: undefined,
-    noProviderPaging: false,
-    noProviderSorting: false,
-    noProviderFiltering: false,
-    noLocalSorting: false,
-    noSelectOnClick: false,
-    sortDesc: false,
-    selectable: false,
-    stickySelect: false,
-    selectHead: true,
-    selectMode: 'multi',
-    selectionVariant: 'primary',
-    busy: false,
-    busyLoadingText: 'Loading...',
-    currentPage: 1,
-    selectedItems: () => [],
-    // BTableLite props
-    items: () => [],
-    fields: () => [],
-    // All others use defaults
-    caption: undefined,
-    align: undefined,
-    footClone: undefined,
-    labelStacked: undefined,
-    showEmpty: undefined,
-    emptyText: undefined,
-    emptyFilteredText: undefined,
-    fieldColumnClass: undefined,
-    tbodyTrClass: undefined,
-    captionHtml: undefined,
-    detailsTdClass: undefined,
-    headVariant: undefined,
-    headRowVariant: undefined,
-    footRowVariant: undefined,
-    footVariant: undefined,
-    modelValue: undefined,
-    primaryKey: undefined,
-    tbodyClass: undefined,
-    tbodyTrAttr: undefined,
-    tfootClass: undefined,
-    tfootTrClass: undefined,
-    theadClass: undefined,
-    theadTrClass: undefined,
-    // End BTableLite props
-    // BTableSimple props
-    borderVariant: undefined,
-    variant: undefined,
-    bordered: undefined,
-    borderless: undefined,
-    captionTop: undefined,
-    dark: undefined,
-    hover: undefined,
-    id: undefined,
-    noBorderCollapse: undefined,
-    outlined: undefined,
-    fixed: undefined,
-    responsive: undefined,
-    stacked: undefined,
-    striped: undefined,
-    stripedColumns: undefined,
-    small: undefined,
-    stickyHeader: undefined,
-    // End BTableSimple props
-  }
-)
+import {isTableField, isTableItem} from '../../types/TableTypes'
+
+const props = withDefaults(defineProps<BTableProps<T>>(), {
+  noSortableIcon: false,
+  perPage: Number.POSITIVE_INFINITY,
+  filter: undefined,
+  mustSort: false,
+  filterable: undefined,
+  provider: undefined,
+  noProvider: undefined,
+  noProviderPaging: false,
+  noProviderSorting: false,
+  multisort: false,
+  noProviderFiltering: false,
+  noLocalSorting: false,
+  noSelectOnClick: false,
+  selectable: false,
+  stickySelect: false,
+  selectHead: true,
+  selectMode: 'multi',
+  selectionVariant: 'primary',
+  busyLoadingText: 'Loading...',
+  currentPage: 1,
+  // BTableLite props
+  items: () => [],
+  fields: () => [],
+  // All others use defaults
+  caption: undefined,
+  align: undefined,
+  footClone: undefined,
+  labelStacked: undefined,
+  showEmpty: undefined,
+  emptyText: undefined,
+  emptyFilteredText: undefined,
+  fieldColumnClass: undefined,
+  tbodyTrClass: undefined,
+  captionHtml: undefined,
+  detailsTdClass: undefined,
+  headVariant: undefined,
+  headRowVariant: undefined,
+  footRowVariant: undefined,
+  footVariant: undefined,
+  modelValue: undefined,
+  primaryKey: undefined,
+  tbodyClass: undefined,
+  tbodyTrAttr: undefined,
+  tfootClass: undefined,
+  tfootTrClass: undefined,
+  theadClass: undefined,
+  theadTrClass: undefined,
+  // End BTableLite props
+  // BTableSimple props
+  borderVariant: undefined,
+  variant: undefined,
+  bordered: undefined,
+  borderless: undefined,
+  captionTop: undefined,
+  dark: undefined,
+  hover: undefined,
+  id: undefined,
+  noBorderCollapse: undefined,
+  outlined: undefined,
+  fixed: undefined,
+  responsive: undefined,
+  stacked: undefined,
+  striped: undefined,
+  stripedColumns: undefined,
+  small: undefined,
+  stickyHeader: undefined,
+  // End BTableSimple props
+})
 
 const emit = defineEmits<{
-  'filtered': [value: TableItem<T>[]]
-  'head-clicked': [
-    key: TableField<T>['key'],
-    field: TableFieldRaw<T>,
-    event: MouseEvent,
-    isFooter: boolean,
-  ]
-  'row-clicked': [item: TableItem<T>, index: number, event: MouseEvent]
-  'row-dbl-clicked': [item: TableItem<T>, index: number, event: MouseEvent]
-  'row-hovered': [item: TableItem<T>, index: number, event: MouseEvent]
-  'row-selected': [value: TableItem<T>]
-  'row-unhovered': [item: TableItem<T>, index: number, event: MouseEvent]
-  'row-unselected': [value: TableItem<T>]
-  'selection': [value: TableItem<T>[]]
-  'sorted': [sortBy: string, isDesc: boolean]
-  'update:busy': [value: boolean]
-  'update:selectedItems': [value: TableItem<T>[]]
-  'update:sortDesc': [value: boolean]
-  'update:sortBy': [value: string]
+  'filtered': [value: T[]]
+  'head-clicked': [key: string, field: TableField<T>, event: MouseEvent, isFooter: boolean]
+  'row-clicked': [item: T, index: number, event: MouseEvent]
+  'row-dbl-clicked': [item: T, index: number, event: MouseEvent]
+  'row-hovered': [item: T, index: number, event: MouseEvent]
+  'row-unhovered': [item: T, index: number, event: MouseEvent]
+  'row-selected': [value: T]
+  'row-unselected': [value: T]
+  'selection': [value: T[]]
+  'sorted': [value: BTableSortBy]
 }>()
 
-const sortByModel = useVModel(props, 'sortBy', emit, {passive: true})
-const busyModel = useVModel(props, 'busy', emit, {passive: true})
-const sortDescModel = useVModel(props, 'sortDesc', emit, {passive: true})
-const selectedItemsModel = useVModel(props, 'selectedItems', emit, {
-  passive: true,
-}) as Ref<TableItem<T>[]>
+const sortByModel = defineModel<BTableSortBy[] | undefined>('sortBy', {
+  default: undefined,
+})
+const busyModel = defineModel<boolean>('busy', {
+  default: false,
+})
+const selectedItemsModel = defineModel<T[]>('selectedItems', {
+  default: () => [],
+})
 
 const selectedItemsToSet = computed({
   get: () => new Set([...selectedItemsModel.value]),
@@ -271,7 +249,7 @@ const selectedItemsToSet = computed({
  * The utils also conveniently emit the proper events after
  */
 const selectedItemsSetUtilities = {
-  add: (item: Readonly<TableItem<T>>) => {
+  add: (item: T) => {
     const value = new Set(selectedItemsToSet.value)
     value.add(item)
     selectedItemsToSet.value = value
@@ -282,7 +260,7 @@ const selectedItemsSetUtilities = {
       selectedItemsSetUtilities.delete(item)
     })
   },
-  delete: (item: Readonly<TableItem<T>>) => {
+  delete: (item: T) => {
     const value = new Set(selectedItemsToSet.value)
     value.delete(item)
     selectedItemsToSet.value = value
@@ -296,7 +274,7 @@ const selectedItemsSetUtilities = {
   For some reason, the reference of the object gets lost. However, when you use an actual ref(), it works just fine
   Getting the reference properly will fix all outstanding issues
   */
-  has: (item: Readonly<TableItem<T>>) => {
+  has: (item: T) => {
     if (!props.primaryKey) return selectedItemsToSet.value.has(item)
 
     // Resolver for when we are using primary keys
@@ -314,17 +292,7 @@ const selectedItemsSetUtilities = {
 /**
  * Only stores data that is fetched when using the provider
  */
-const internalItems = ref<TableItem<T>[]>([]) as Ref<TableItem<T>[]>
-
-const sortDescBoolean = useBooleanish(sortDescModel)
-const busyBoolean = useBooleanish(busyModel)
-const noProviderPagingBoolean = useBooleanish(() => props.noProviderPaging)
-const noProviderSortingBoolean = useBooleanish(() => props.noProviderSorting)
-const noProviderFilteringBoolean = useBooleanish(() => props.noProviderFiltering)
-const selectableBoolean = useBooleanish(() => props.selectable)
-const noSortableIconBoolean = useBooleanish(() => props.noSortableIcon)
-const noSelectOnClickBoolean = useBooleanish(() => props.noSelectOnClick)
-const noLocalSortingBoolean = useBooleanish(() => props.noLocalSorting)
+const internalItems: Ref<T[]> = ref([])
 
 const perPageNumber = useToNumber(() => props.perPage, {method: 'parseInt'})
 const currentPageNumber = useToNumber(() => props.currentPage, {method: 'parseInt'})
@@ -336,34 +304,38 @@ const isSelecting = toRef(() => selectedItemsToSet.value.size > 0)
 const isSortable = computed(
   () =>
     sortByModel.value !== undefined ||
-    props.fields.some((field) => (typeof field === 'string' ? false : field.sortable))
+    props.fields.some(
+      (field) => typeof field === 'object' && field !== null && field.sortable === true
+    )
 )
 
 const computedFields = computed<TableFieldRaw<T>[]>(() =>
-  props.fields.map((el) =>
-    typeof el === 'string'
-      ? el
-      : {
-          ...el,
-          thAttr: {
-            'aria-sort':
-              isSortable.value === false
-                ? undefined
-                : sortByModel.value !== el.key
-                ? 'none'
-                : sortDescBoolean.value === true
-                ? 'descending'
-                : 'ascending',
-            ...el.thAttr,
-          },
-        }
-  )
+  props.fields.map((el) => {
+    if (!(typeof el === 'object' && el !== null)) return el
+
+    const value = sortByModel.value?.find((sb) => el.key === sb.key)
+    const sortValue =
+      isSortable.value === false
+        ? undefined
+        : value === undefined
+          ? 'none'
+          : value.order === 'desc'
+            ? 'descending'
+            : 'ascending'
+    return {
+      ...el,
+      thAttr: {
+        'aria-sort': sortValue,
+        ...el.thAttr,
+      },
+    }
+  })
 )
 
 const tableClasses = computed(() => ({
-  'b-table-busy': busyBoolean.value,
-  'b-table-selectable': selectableBoolean.value,
-  'user-select-none': selectableBoolean.value && isSelecting.value,
+  'b-table-busy': busyModel.value,
+  'b-table-selectable': props.selectable,
+  'user-select-none': props.selectable && isSelecting.value,
 }))
 // All three of these are similar, even though the two following are not computeds
 const getBusyRowClasses = computed(() => [
@@ -373,7 +345,7 @@ const getBusyRowClasses = computed(() => [
       : props.tbodyTrClass
     : null,
 ])
-const getFieldColumnClasses = (field: Readonly<TableField<T>>) => [
+const getFieldColumnClasses = (field: TableField) => [
   {
     'b-table-sortable-column': isSortable.value && field.sortable,
   },
@@ -382,10 +354,10 @@ const getFieldColumnClasses = (field: Readonly<TableField<T>>) => [
 // Also the row should technically have aria-selected . Both things could probably just use a function with tbodyTrAttrs
 // But functional tbodyTrAttrs are not supported yet
 // Also the stuff for resolving functions could probably be made a util
-const getRowClasses = (item: Readonly<TableItem<T>> | null, type: string) => [
+const getRowClasses = (item: T, type: string) => [
   {
     [`selected table-${props.selectionVariant}`]:
-      selectableBoolean.value && item && selectedItemsSetUtilities.has(item),
+      props.selectable && item && selectedItemsSetUtilities.has(item),
   },
   props.tbodyTrClass
     ? typeof props.tbodyTrClass === 'function'
@@ -393,79 +365,85 @@ const getRowClasses = (item: Readonly<TableItem<T>> | null, type: string) => [
       : props.tbodyTrClass
     : null,
 ]
-const getIconStyle = (field: Readonly<TableField<T>>): StyleValue =>
-  sortByModel.value !== field.key ? {opacity: 0.5} : {}
-
-const computedItems = computed<readonly TableItem<T>[]>(() => {
-  const sortItems = (items: readonly TableItem<T>[]) => {
-    const sortKey = sortByModel.value
-
-    if (sortKey === undefined) {
-      return items
-    }
 
-    const sortField = computedFields.value.find((el) => {
-      if (typeof el === 'string') return false
-      return el.key === sortKey
-    })
+const computedItems = computed<T[]>(() => {
+  const sortItems = (items: T[]) => {
+    // "undefined" values are set by us, we do this so we dont wipe out the comparer
+    const sortByItems = sortByModel.value?.filter((el) => !!el.order)
 
-    // Explicit field? === false check because undefined means it's sortable. Only strict === means its not sortable (no falsy)
-    if (typeof sortField !== 'string' && sortField?.sortable === false) {
-      return items
-    }
+    if (!sortByItems || sortByItems.length === 0) return items
 
+    // Multi-sort
     return [...items].sort((a, b) => {
-      if (props.sortCompare !== undefined)
-        return props.sortCompare(a, b, sortKey, sortDescBoolean.value)
-
-      const realVal = (ob: TableItem<T>): string => {
-        const val = ob[sortKey as keyof T]
-        if (sortField && typeof sortField !== 'string' && sortField.sortByFormatted) {
-          const formatter =
-            typeof sortField.sortByFormatted === 'function'
-              ? (sortField.sortByFormatted as TableFieldFormatter<T>)
-              : sortField.formatter
-          if (formatter) {
-            return formatItem(ob, String(sortField.key), formatter) as string
+      for (let i = 0; i < (sortByItems.length ?? 0); i++) {
+        const sortOption = sortByItems[i]
+        const realVal = (ob: T): string => {
+          if (!isTableItem(ob)) return String(ob)
+
+          const sortField = computedFields.value.find((el) => {
+            if (isTableField(el)) return el.key === sortOption.key
+
+            return false
+          })
+          const val = ob[sortOption.key as keyof TableItem]
+          if (isTableField(sortField) && !!sortField.sortByFormatted) {
+            const formatter =
+              typeof sortField.sortByFormatted === 'function'
+                ? sortField.sortByFormatted
+                : sortField.formatter
+            if (formatter) {
+              return formatItem(ob, String(sortField.key), formatter) as string
+            }
           }
+          return typeof val === 'object' && val !== null
+            ? JSON.stringify(val)
+            : val?.toString() ?? ''
+        }
+
+        const aValue = realVal(a)
+        const bValue = realVal(b)
+        const comparison = sortOption.comparer
+          ? sortOption.comparer(aValue, bValue)
+          : aValue.localeCompare(bValue, undefined, {numeric: true})
+
+        if (comparison !== 0) {
+          return sortOption.order === 'asc' ? comparison : -comparison
         }
-        return typeof val === 'object' && val !== null ? JSON.stringify(val) : val?.toString() ?? ''
       }
-      return (
-        realVal(a).localeCompare(realVal(b), props.sortCompareLocale, props.sortCompareOptions) *
-        (sortDescBoolean.value ? -1 : 1)
-      )
+      return 0 // items are equal
     })
   }
 
-  const filterItems = (items: readonly TableItem<T>[]) =>
+  const filterItems = (items: T[]) =>
     items.filter((item) =>
-      Object.entries(item).some(([key, val]) => {
-        if (
-          val === null ||
-          val === undefined ||
-          key[0] === '_' ||
-          (!props.filterable?.includes(key) && !!props.filterable?.length)
-        )
-          return false
-        const itemValue: string =
-          typeof val === 'object' ? JSON.stringify(Object.values(val)) : val.toString()
-        return itemValue.toLowerCase().includes(props.filter?.toLowerCase() ?? '')
-      })
+      isTableItem(item)
+        ? Object.entries(item).some(([key, val]) => {
+            if (
+              val === null ||
+              val === undefined ||
+              key[0] === '_' ||
+              (!props.filterable?.includes(key) && !!props.filterable?.length)
+            )
+              return false
+            const itemValue: string =
+              typeof val === 'object' ? JSON.stringify(Object.values(val)) : val.toString()
+            return itemValue.toLowerCase().includes(props.filter?.toLowerCase() ?? '')
+          })
+        : true
     )
 
-  let mappedItems = usesProvider.value ? internalItems.value : props.items
+  let mappedItems = usesProvider.value ? internalItems.value : (props.items as T[])
 
   if (
     (isFilterableTable.value === true && !usesProvider.value) ||
-    (isFilterableTable.value === true && usesProvider.value && noProviderFilteringBoolean.value)
+    (isFilterableTable.value === true && usesProvider.value && props.noProviderFiltering)
   ) {
     mappedItems = filterItems(mappedItems)
   }
 
   if (
-    (isSortable.value === true && !usesProvider.value && !noLocalSortingBoolean.value) ||
-    (isSortable.value === true && usesProvider.value && noProviderSortingBoolean.value)
+    (isSortable.value === true && !usesProvider.value && !props.noLocalSorting) ||
+    (isSortable.value === true && usesProvider.value && props.noProviderSorting)
   ) {
     mappedItems = sortItems(mappedItems)
   }
@@ -473,35 +451,25 @@ const computedItems = computed<readonly TableItem<T>[]>(() => {
   return mappedItems
 })
 
-// The benefit of this is that it doesn't allow you a page out of bounds even if the user does it manually
-// This does not work due to https://github.com/vueuse/vueuse/issues/3542
-// const {currentPage: resolvedCurrentPage, currentPageSize: resolvedCurrentPageSize} =
-//   useOffsetPagination({
-//     total: () => computedItems.value.length,
-//     page: currentPageNumber,
-//     // If its zero, it does all
-//     pageSize: () => perPageNumber.value || Infinity,
-//   })
-
-const computedDisplayItems = computed<readonly TableItem<T>[]>(() => {
-  if (Number.isNaN(perPageNumber.value) || (usesProvider.value && !noProviderPagingBoolean.value)) {
+const computedDisplayItems = computed<T[]>(() => {
+  if (Number.isNaN(perPageNumber.value) || (usesProvider.value && !props.noProviderPaging)) {
     return computedItems.value
   }
 
   return computedItems.value.slice(
-    (currentPageNumber.value - 1) * (perPageNumber.value || Infinity),
-    currentPageNumber.value * (perPageNumber.value || Infinity)
+    (currentPageNumber.value - 1) * (perPageNumber.value || Number.POSITIVE_INFINITY),
+    currentPageNumber.value * (perPageNumber.value || Number.POSITIVE_INFINITY)
   )
 })
 
 const handleRowSelection = (
-  row: Readonly<TableItem<T>>,
+  row: T,
   index: number,
   shiftClicked = false,
   ctrlClicked = false,
   metaClicked = false
 ) => {
-  if (!selectableBoolean.value) return
+  if (!props.selectable) return
 
   if (props.selectMode === 'single' || props.selectMode === 'multi') {
     // Do nothing when these items are held
@@ -547,38 +515,77 @@ const handleRowSelection = (
   notifySelectionEvent()
 }
 
-const onRowClick = (row: Readonly<TableItem<T>>, index: number, e: MouseEvent) => {
-  if (noSelectOnClickBoolean.value === false) {
+const onRowClick = (row: T, index: number, e: MouseEvent) => {
+  if (props.noSelectOnClick === false) {
     handleRowSelection(row, index, e.shiftKey, e.ctrlKey, e.metaKey)
   }
   emit('row-clicked', row, index, e)
 }
 
-const handleFieldSorting = (field: Readonly<TableFieldRaw<T>>) => {
+const handleFieldSorting = (field: TableField<T>) => {
   if (!isSortable.value) return
 
-  const fieldKey = (typeof field === 'string' ? field : field.key) as string
-  const fieldSortable = typeof field === 'string' ? false : field.sortable
+  const fieldKey = typeof field === 'object' && field !== null ? field.key : field
+  const fieldSortable = typeof field === 'object' && field !== null ? field.sortable : false
+
+  // TODO implement rules for noSortReset
 
   if (!(isSortable.value === true && fieldSortable === true)) return
 
-  if (sortByModel.value !== fieldKey) {
-    sortByModel.value = fieldKey
-    sortDescModel.value = false
-  } else {
-    if (sortDescBoolean.value === false) {
-      sortDescModel.value = true
+  const resolveOrder = (val: BTableSortByOrder): BTableSortByOrder | undefined => {
+    if (val === 'asc') return 'desc'
+    if (val === undefined) return 'asc'
+    if (
+      props.mustSort === true ||
+      (Array.isArray(props.mustSort) && props.mustSort.includes(fieldKey as string))
+    )
+      return 'asc'
+    return undefined
+  }
+
+  const index = sortByModel.value?.findIndex((el) => el.key === fieldKey) ?? -1
+  const originalValue = sortByModel.value?.[index]
+  const updatedValue: BTableSortBy =
+    // If value is new, we default to ascending
+    // Otherwise we make a temp copy of the value
+    index === -1 || !originalValue ? {key: fieldKey as string, order: 'asc'} : {...originalValue}
+
+  /**
+   * @returns the updated value to emit for sorted
+   */
+  const handleMultiSort = (): BTableSortBy => {
+    let val = updatedValue
+    if (index === -1) {
+      sortByModel.value = [...(sortByModel.value ?? []), updatedValue]
     } else {
-      sortByModel.value = undefined
-      sortDescModel.value = false
+      const order = resolveOrder(updatedValue.order)
+      val = {...updatedValue, order}
+      sortByModel.value = order
+        ? sortByModel.value?.map((el) => (el.key === val.key ? val : el))
+        : sortByModel.value?.filter((el) => el.key !== val.key)
+    }
+    return val
+  }
+
+  /**
+   * @returns the updated value to emit for sorted
+   */
+  const handleSingleSort = (): BTableSortBy => {
+    const val = {
+      ...updatedValue,
+      order: index === -1 ? updatedValue.order : resolveOrder(updatedValue.order),
     }
+    sortByModel.value = [val]
+    return val
   }
-  emit('sorted', fieldKey, sortByModel.value === undefined ? false : !sortDescBoolean.value)
+
+  // Then emit the returned updated value
+  emit('sorted', props.multisort === true ? handleMultiSort() : handleSingleSort())
 }
 
 const onFieldHeadClick = (
-  fieldKey: LiteralUnion<keyof T>,
-  field: Readonly<TableFieldRaw<T>>,
+  fieldKey: string,
+  field: TableField<T>,
   event: Readonly<MouseEvent>,
   isFooter = false
 ) => {
@@ -587,13 +594,12 @@ const onFieldHeadClick = (
 }
 
 const callItemsProvider = async () => {
-  if (!usesProvider.value || props.provider === undefined || busyBoolean.value) return
+  if (!usesProvider.value || props.provider === undefined || busyModel.value) return
   busyModel.value = true
   const response = props.provider({
     currentPage: currentPageNumber.value,
     filter: props.filter,
     sortBy: sortByModel.value,
-    sortDesc: props.sortDesc,
     perPage: perPageNumber.value,
   })
   try {
@@ -602,12 +608,15 @@ const callItemsProvider = async () => {
     if (items === undefined) return
     internalItems.value = items
   } finally {
+    // Potential race condition could occur if the user explicitly sets the busy value to a different value while the response promise is executing
+    // which would have been the users choice.
+    // eslint-disable-next-line require-atomic-updates
     busyModel.value = false
   }
 }
 
 const notifySelectionEvent = () => {
-  if (!selectableBoolean.value) return
+  if (!props.selectable) return
   emit('selection', [...selectedItemsToSet.value])
 }
 
@@ -618,12 +627,12 @@ const providerPropsWatch = async (prop: string, val: unknown, oldVal: unknown) =
   const inNoProvider = (key: NoProviderTypes) => props.noProvider?.includes(key) === true
   const noProvideWhenPaging =
     (prop === 'currentPage' || prop === 'perPage') &&
-    (inNoProvider('paging') || noProviderPagingBoolean.value === true)
+    (inNoProvider('paging') || props.noProviderPaging === true)
   const noProvideWhenFiltering =
-    prop === 'filter' && (inNoProvider('filtering') || noProviderFilteringBoolean.value === true)
+    prop === 'filter' && (inNoProvider('filtering') || props.noProviderFiltering === true)
   const noProvideWhenSorting =
     (prop === 'sortBy' || prop === 'sortDesc') &&
-    (inNoProvider('sorting') || noProviderSortingBoolean.value === true)
+    (inNoProvider('sorting') || props.noProviderSorting === true)
 
   if (noProvideWhenPaging || noProvideWhenFiltering || noProvideWhenSorting) return
 
@@ -653,12 +662,13 @@ watch(currentPageNumber, (val, oldVal) => {
 watch(perPageNumber, (val, oldVal) => {
   providerPropsWatch('perPage', val, oldVal)
 })
-watch(sortByModel, (val, oldVal) => {
-  providerPropsWatch('sortBy', val, oldVal)
-})
-watch(sortDescBoolean, (val, oldVal) => {
-  providerPropsWatch('sortDesc', val, oldVal)
-})
+watch(
+  sortByModel,
+  (val, oldVal) => {
+    providerPropsWatch('sortBy', val, oldVal)
+  },
+  {deep: true}
+)
 
 watch(
   () => props.provider,
@@ -678,13 +688,13 @@ onMounted(callItemsProvider)
 defineExpose({
   // The row selection methods are really for compat. Users should probably use the v-model though
   clearSelected: () => {
-    if (!selectableBoolean.value) return
+    if (!props.selectable) return
     selectedItemsSetUtilities.clear()
     notifySelectionEvent()
   },
   refresh: callItemsProvider,
   selectAllRows: () => {
-    if (!selectableBoolean.value) return
+    if (!props.selectable) return
     const unselectableItems = selectedItemsToSet.value.size > 0 ? [...selectedItemsToSet.value] : []
     selectedItemsToSet.value = new Set([...computedItems.value])
     selectedItemsToSet.value.forEach((item) => {
@@ -694,14 +704,14 @@ defineExpose({
     notifySelectionEvent()
   },
   selectRow: (index: number) => {
-    if (!selectableBoolean.value) return
+    if (!props.selectable) return
     const item = computedItems.value[index]
     if (!item || selectedItemsSetUtilities.has(item)) return
     selectedItemsSetUtilities.add(item)
     notifySelectionEvent()
   },
   unselectRow: (index: number) => {
-    if (!selectableBoolean.value) return
+    if (!props.selectable) return
     const item = computedItems.value[index]
     if (!item || !selectedItemsSetUtilities.has(item)) return
     selectedItemsSetUtilities.delete(item)
diff --git a/packages/bootstrap-vue-next/src/components/BTable/BTableLite.vue b/packages/bootstrap-vue-next/src/components/BTable/BTableLite.vue
index 22ed42cf1..54b7d788f 100644
--- a/packages/bootstrap-vue-next/src/components/BTable/BTableLite.vue
+++ b/packages/bootstrap-vue-next/src/components/BTable/BTableLite.vue
@@ -12,14 +12,14 @@
     :outlined="outlined"
     :responsive="responsive"
     :small="small"
-    :stacked="computedStacked"
+    :stacked="props.stacked"
     :sticky-header="stickyHeader"
     :striped="striped"
     :table-class="computedTableClasses"
     :variant="variant"
     :striped-columns="stripedColumns"
   >
-    <BThead :variant="headVariant" :class="theadClass">
+    <BThead v-show="showComputedHeaders" :variant="headVariant" :class="theadClass">
       <slot v-if="$slots['thead-top']" name="thead-top" />
       <BTr :variant="headRowVariant" :class="theadTrClass">
         <BTh
@@ -66,14 +66,14 @@
         :items="items"
         :columns="computedFields.length"
       >
-        <BTr v-if="!computedStacked && $slots['top-row']">
+        <BTr v-if="!props.stacked && $slots['top-row']">
           <slot name="top-row" />
         </BTr>
 
         <template v-for="(item, itemIndex) in items" :key="itemIndex">
           <BTr
             :class="getRowClasses(item, 'row')"
-            :variant="item._rowVariant"
+            :variant="isTableItem(item) ? item._rowVariant : undefined"
             @click="!filterEvent($event) && emit('row-clicked', item, itemIndex, $event)"
             @dblclick="!filterEvent($event) && emit('row-dbl-clicked', item, itemIndex, $event)"
             @mouseenter="!filterEvent($event) && emit('row-hovered', item, itemIndex, $event)"
@@ -82,11 +82,15 @@
             <BTd
               v-for="field in computedFields"
               :key="field.key"
-              :variant="item._cellVariants?.[field.key as keyof T] ? null : field.variant"
+              :variant="
+                (isTableItem(item) ? item._cellVariants?.[field.key as string] : false)
+                  ? null
+                  : field.variant
+              "
               :class="getFieldRowClasses(field, item)"
               v-bind="itemAttributes(item, String(field.key), field.tdAttr)"
             >
-              <label v-if="computedStacked && labelStackedBoolean" class="b-table-stacked-label">
+              <label v-if="props.stacked && props.labelStacked" class="b-table-stacked-label">
                 {{ getTableFieldHeadLabel(field) }}
               </label>
               <slot
@@ -103,7 +107,7 @@
                     toggleRowDetails(item)
                   }
                 "
-                :details-showing="item._showDetails ?? false"
+                :details-showing="isTableItem(item) ? item._showDetails ?? false : false"
               >
                 <template v-if="!$slots[`cell(${String(field.key)})`] && !$slots['cell()']">
                   {{ formatItem(item, String(field.key), field.formatter) }}
@@ -112,7 +116,7 @@
             </BTd>
           </BTr>
 
-          <template v-if="item._showDetails === true && $slots['row-details']">
+          <template v-if="isTableItem(item) && item._showDetails === true && $slots['row-details']">
             <BTr aria-hidden="true" role="presentation" class="d-none" />
             <BTr :class="getRowClasses(item, 'row-details')" :variant="item._rowVariant">
               <BTd :colspan="computedFieldsTotal">
@@ -131,19 +135,19 @@
             </BTr>
           </template>
         </template>
-        <BTr v-if="showEmptyBoolean && items.length === 0" class="b-table-empty-slot">
+        <BTr v-if="props.showEmpty && items.length === 0" class="b-table-empty-slot">
           <BTd :colspan="computedFieldsTotal">
             <slot name="empty" :items="items">
               {{ emptyText }}
             </slot>
           </BTd>
         </BTr>
-        <BTr v-if="!computedStacked && $slots['bottom-row']">
+        <BTr v-if="!props.stacked && $slots['bottom-row']">
           <slot name="bottom-row" />
         </BTr>
       </slot>
     </BTbody>
-    <BTfoot v-if="footCloneBoolean" :variant="footVariant" :class="tfootClass">
+    <BTfoot v-if="props.footClone" :variant="footVariant" :class="tfootClass">
       <BTr :variant="footRowVariant" :class="tfootTrClass">
         <BTh
           v-for="field in computedFields"
@@ -191,16 +195,10 @@
   </BTableSimple>
 </template>
 
-<script setup lang="ts" generic="T = Record<string, unknown>">
+<script setup lang="ts" generic="T">
 import {computed, toRef} from 'vue'
-import {useBooleanish} from '../../composables'
-import type {
-  BTableLiteProps,
-  TableField,
-  TableFieldAttribute,
-  TableFieldRaw,
-  TableItem,
-} from '../../types'
+import type {BTableLiteProps, TableField, TableFieldAttribute, TableItem} from '../../types'
+import {isTableField, isTableItem} from '../../types/TableTypes'
 import {filterEvent, formatItem, get, getTableFieldHeadLabel, startCase} from '../../utils'
 import BTableSimple from './BTableSimple.vue'
 import BTbody from './BTbody.vue'
@@ -259,23 +257,13 @@ const props = withDefaults(defineProps<BTableLiteProps<T>>(), {
 })
 
 const emit = defineEmits<{
-  'head-clicked': [
-    key: TableField<T>['key'],
-    field: TableFieldRaw<T>,
-    event: MouseEvent,
-    isFooter: boolean,
-  ]
-  'row-clicked': [item: TableItem<T>, index: number, event: MouseEvent]
-  'row-dbl-clicked': [item: TableItem<T>, index: number, event: MouseEvent]
-  'row-hovered': [item: TableItem<T>, index: number, event: MouseEvent]
-  'row-unhovered': [item: TableItem<T>, index: number, event: MouseEvent]
+  'head-clicked': [key: string, field: TableField<T>, event: MouseEvent, isFooter: boolean]
+  'row-clicked': [item: T, index: number, event: MouseEvent]
+  'row-dbl-clicked': [item: T, index: number, event: MouseEvent]
+  'row-hovered': [item: T, index: number, event: MouseEvent]
+  'row-unhovered': [item: T, index: number, event: MouseEvent]
 }>()
 
-const footCloneBoolean = useBooleanish(() => props.footClone)
-const labelStackedBoolean = useBooleanish(() => props.labelStacked)
-const showEmptyBoolean = useBooleanish(() => props.showEmpty)
-const computedStacked = useBooleanish(() => props.stacked)
-
 const computedTableClasses = computed(() => [
   props.tableClass,
   {
@@ -283,62 +271,68 @@ const computedTableClasses = computed(() => [
   },
 ])
 
-const computedFields = computed<TableField<T>[]>(() => {
+const computedFields = computed<(TableField & {_noHeader?: true})[]>(() => {
   if (!props.fields.length && props.items.length) {
-    return Object.keys(props.items[0]).map((k) => {
-      const label = startCase(k)
-      return {
-        key: k,
-        label,
-        tdAttr: computedStacked.value === true ? {'data-label': label} : undefined,
-      }
-    })
+    const [firstItem] = props.items
+    if (isTableItem(firstItem) || Array.isArray(firstItem)) {
+      return Object.keys(firstItem).map((k) => {
+        const label = startCase(k)
+        return {
+          key: k,
+          label,
+          tdAttr: props.stacked === true ? {'data-label': label} : undefined,
+        }
+      })
+    }
+    // The items are primitives, so we just return a single empty field
+    // No header will be shown, as we don't know what to show
+    return [{key: '', _noHeader: true}]
   }
 
   return props.fields.map((f) => {
-    if (typeof f === 'string') {
-      const label = startCase(f)
+    if (isTableField(f)) {
       return {
-        key: f,
-        label,
-        tdAttr: computedStacked.value === true ? {'data-label': label} : undefined,
+        ...(f as TableField),
+        tdAttr:
+          props.stacked === true
+            ? {'data-label': startCase(f.key as string), ...f.tdAttr}
+            : f.tdAttr,
       }
     }
+    const label = startCase(f as string)
     return {
-      ...f,
-      tdAttr:
-        computedStacked.value === true
-          ? {'data-label': startCase(f.key as string), ...f.tdAttr}
-          : f.tdAttr,
+      key: f as string,
+      label,
+      tdAttr: props.stacked === true ? {'data-label': label} : undefined,
     }
-    // TODO handle Shortcut object (i.e. { 'foo_bar': 'This is Foo Bar' }
   })
 })
 const computedFieldsTotal = toRef(() => computedFields.value.length)
+const showComputedHeaders = computed(() => {
+  // We only hide the header if all fields have _noHeader set to true. Which would be our doing
+  // This usually happens under a circumstance of displaying an array of primitives
+  // Under any other circumstance, I'm not sure how this would apply
+  if (computedFields.value.length > 0 && computedFields.value.every((el) => el._noHeader === true))
+    return false
+  return true
+})
 
-const itemAttributes = (
-  item: TableItem<T>,
-  fieldKey: string,
-  attr?: TableFieldAttribute<typeof item>
-) => {
+const itemAttributes = (item: T, fieldKey: string, attr?: TableFieldAttribute<unknown>) => {
   const val = get(item, fieldKey)
   return attr && typeof attr === 'function' ? attr(val, fieldKey, item) : attr
 }
 
-const headerClicked = (
-  field: Readonly<TableFieldRaw<T>>,
-  event: Readonly<MouseEvent>,
-  isFooter = false
-) => {
-  const fieldKey = typeof field === 'string' ? field : field.key
-  emit('head-clicked', fieldKey, field, event, isFooter)
+const headerClicked = (field: TableField<T>, event: Readonly<MouseEvent>, isFooter = false) => {
+  emit('head-clicked', field.key as string, field, event, isFooter)
 }
 
-const toggleRowDetails = (tr: TableItem<T>) => {
-  tr._showDetails = !tr._showDetails
+const toggleRowDetails = (tr: T) => {
+  if (isTableItem(tr)) {
+    tr._showDetails = !tr._showDetails
+  }
 }
 
-const getFieldColumnClasses = (field: Readonly<TableField<T>>) => [
+const getFieldColumnClasses = (field: TableField) => [
   field.class,
   field.thClass,
   {
@@ -351,18 +345,18 @@ const getFieldColumnClasses = (field: Readonly<TableField<T>>) => [
     : null,
 ]
 
-const getFieldRowClasses = (field: Readonly<TableField<T>>, tr: Readonly<TableItem<T>>) => [
+const getFieldRowClasses = (field: Readonly<TableField>, tr: T) => [
   field.class,
   field.tdClass,
-  tr._cellVariants?.[field.key as keyof T]
-    ? `table-${tr._cellVariants[field.key as keyof T]}`
+  (isTableItem(tr) ? tr._cellVariants?.[field.key as string] : false)
+    ? `table-${(tr as TableItem)._cellVariants?.[field.key as string]}`
     : null,
   {
     'b-table-sticky-column': field.stickyColumn,
   },
 ]
 
-const getRowClasses = (item: Readonly<TableItem<T>>, type: 'row-details' | 'row') =>
+const getRowClasses = (item: T, type: 'row-details' | 'row') =>
   props.tbodyTrClass
     ? typeof props.tbodyTrClass === 'function'
       ? props.tbodyTrClass(item, type)
diff --git a/packages/bootstrap-vue-next/src/components/BTable/BTableSimple.vue b/packages/bootstrap-vue-next/src/components/BTable/BTableSimple.vue
index b3674f9c0..4e5ed855f 100644
--- a/packages/bootstrap-vue-next/src/components/BTable/BTableSimple.vue
+++ b/packages/bootstrap-vue-next/src/components/BTable/BTableSimple.vue
@@ -1,19 +1,21 @@
 <template>
   <!-- tables definitions are shared. Can't use createReusableTemplate cause it becomes a non-root node -->
-  <table v-if="!resolvedResponsive" :id="id" :class="computedClasses">
-    <slot />
-  </table>
-  <div v-else :class="responsiveClasses">
-    <table :id="id" :class="computedClasses">
+  <div v-if="isResponsive" :class="responsiveClasses" :style="responsiveStyles">
+    <table v-bind="tableAttrs">
       <slot />
     </table>
   </div>
+  <table v-else v-bind="tableAttrs">
+    <slot />
+  </table>
 </template>
 
 <script setup lang="ts">
-import {computed} from 'vue'
-import {useBooleanish} from '../../composables'
+import {computed, type StyleValue} from 'vue'
 import type {BTableSimpleProps} from '../../types'
+import {useNumberishToStyle} from '../../composables'
+
+const defaultStickyHeaderHeight = '300px'
 
 // TODO alphabetize the lists for tables
 // TODO all table things do not declare their props
@@ -45,41 +47,44 @@ defineSlots<{
   default?: (props: Record<string, never>) => any
 }>()
 
-const captionTopBoolean = useBooleanish(() => props.captionTop)
-const borderlessBoolean = useBooleanish(() => props.borderless)
-const borderedBoolean = useBooleanish(() => props.bordered)
-const darkBoolean = useBooleanish(() => props.dark)
-const hoverBoolean = useBooleanish(() => props.hover)
-const smallBoolean = useBooleanish(() => props.small)
-const stripedBoolean = useBooleanish(() => props.striped)
-const stickyHeaderBoolean = useBooleanish(() => props.stickyHeader)
-const stripedColumnsBoolean = useBooleanish(() => props.stripedColumns)
-const resolvedResponsive = useBooleanish(() => props.responsive)
-const resolvedStacked = useBooleanish(() => props.stacked)
-
 const computedClasses = computed(() => [
   props.tableClass,
   'table',
   'b-table',
   {
-    'table-bordered': borderedBoolean.value,
-    'table-borderless': borderlessBoolean.value,
+    'table-bordered': props.bordered,
+    'table-borderless': props.borderless,
     [`border-${props.borderVariant}`]: props.borderVariant !== null,
-    'caption-top': captionTopBoolean.value,
-    'table-dark': darkBoolean.value,
-    'table-hover': hoverBoolean.value,
-    'b-table-stacked': resolvedStacked.value === true,
-    [`b-table-stacked-${resolvedStacked.value}`]: typeof resolvedStacked.value === 'string',
-    'table-striped': stripedBoolean.value,
-    'table-sm': smallBoolean.value,
+    'caption-top': props.captionTop,
+    'table-dark': props.dark,
+    'table-hover': props.hover,
+    'b-table-stacked': props.stacked === true,
+    [`b-table-stacked-${props.stacked}`]: typeof props.stacked === 'string',
+    'table-striped': props.striped,
+    'table-sm': props.small,
     [`table-${props.variant}`]: props.variant !== null,
-    'table-striped-columns': stripedColumnsBoolean.value,
+    'table-striped-columns': props.stripedColumns,
   },
 ])
+const tableAttrs = computed(() => ({
+  id: props.id,
+  class: computedClasses.value,
+}))
+
+const computedSticky = useNumberishToStyle(
+  computed(
+    () => (props.stickyHeader === true ? defaultStickyHeaderHeight : props.stickyHeader) || NaN
+  )
+)
+const stickyIsValid = computed(() => props.stickyHeader !== false)
 
+const isResponsive = computed(() => props.responsive !== false || stickyIsValid.value)
+const responsiveStyles = computed<StyleValue | undefined>(() =>
+  stickyIsValid.value ? {maxHeight: computedSticky.value} : undefined
+)
 const responsiveClasses = computed(() => ({
-  'table-responsive': resolvedResponsive.value === true,
-  [`table-responsive-${resolvedResponsive.value}`]: typeof resolvedResponsive.value === 'string',
-  'b-table-sticky-header': stickyHeaderBoolean.value,
+  'table-responsive': props.responsive === true,
+  [`table-responsive-${props.responsive}`]: typeof props.responsive === 'string',
+  'b-table-sticky-header': stickyIsValid.value,
 }))
 </script>
diff --git a/packages/bootstrap-vue-next/src/components/BTable/BTbody.vue b/packages/bootstrap-vue-next/src/components/BTable/BTbody.vue
index 9faa50f80..e850cf0a9 100644
--- a/packages/bootstrap-vue-next/src/components/BTable/BTbody.vue
+++ b/packages/bootstrap-vue-next/src/components/BTable/BTbody.vue
@@ -5,17 +5,12 @@
 </template>
 
 <script setup lang="ts">
-import type {ColorVariant} from '../../types'
+import type {BTbodyProps} from '../../types'
 import {computed} from 'vue'
 
-const props = withDefaults(
-  defineProps<{
-    variant?: ColorVariant | null
-  }>(),
-  {
-    variant: null,
-  }
-)
+const props = withDefaults(defineProps<BTbodyProps>(), {
+  variant: null,
+})
 
 defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
diff --git a/packages/bootstrap-vue-next/src/components/BTable/BTd.vue b/packages/bootstrap-vue-next/src/components/BTable/BTd.vue
index c870fea0c..9fbf1867a 100644
--- a/packages/bootstrap-vue-next/src/components/BTable/BTd.vue
+++ b/packages/bootstrap-vue-next/src/components/BTable/BTd.vue
@@ -14,38 +14,26 @@
 </template>
 
 <script setup lang="ts">
-import type {Booleanish, ColorVariant, Numberish} from '../../types'
-import {useBooleanish} from '../../composables'
+import type {BTdProps} from '../../types'
 import {computed, toRef} from 'vue'
 
-const props = withDefaults(
-  defineProps<{
-    colspan?: Numberish
-    rowspan?: Numberish
-    stackedHeading?: string
-    stickyColumn?: Booleanish
-    variant?: ColorVariant | null
-  }>(),
-  {
-    colspan: undefined,
-    rowspan: undefined,
-    stackedHeading: undefined,
-    stickyColumn: false,
-    variant: null,
-  }
-)
+const props = withDefaults(defineProps<BTdProps>(), {
+  colspan: undefined,
+  rowspan: undefined,
+  stackedHeading: undefined,
+  stickyColumn: false,
+  variant: null,
+})
 
 defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   default?: (props: Record<string, never>) => any
 }>()
 
-const stickyColumnBoolean = useBooleanish(() => props.stickyColumn)
-
 const computedClasses = computed(() => ({
   [`table-${props.variant}`]: props.variant !== null,
-  'b-table-sticky-column': stickyColumnBoolean.value,
-  'table-b-table-default': stickyColumnBoolean.value && props.variant === null,
+  'b-table-sticky-column': props.stickyColumn,
+  'table-b-table-default': props.stickyColumn && props.variant === null,
 }))
 
 const scope = toRef(() => (props.colspan ? 'colspan' : props.rowspan ? 'rowspan' : 'col'))
diff --git a/packages/bootstrap-vue-next/src/components/BTable/BTfoot.vue b/packages/bootstrap-vue-next/src/components/BTable/BTfoot.vue
index 6cdd1482e..a3dd7da7d 100644
--- a/packages/bootstrap-vue-next/src/components/BTable/BTfoot.vue
+++ b/packages/bootstrap-vue-next/src/components/BTable/BTfoot.vue
@@ -5,17 +5,12 @@
 </template>
 
 <script setup lang="ts">
-import type {ColorVariant} from '../../types'
+import type {BTfootProps} from '../../types'
 import {computed} from 'vue'
 
-const props = withDefaults(
-  defineProps<{
-    variant?: ColorVariant | null
-  }>(),
-  {
-    variant: null,
-  }
-)
+const props = withDefaults(defineProps<BTfootProps>(), {
+  variant: null,
+})
 
 defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
diff --git a/packages/bootstrap-vue-next/src/components/BTable/BTh.vue b/packages/bootstrap-vue-next/src/components/BTable/BTh.vue
index ef0e9b4a2..6aa2d7f3e 100644
--- a/packages/bootstrap-vue-next/src/components/BTable/BTh.vue
+++ b/packages/bootstrap-vue-next/src/components/BTable/BTh.vue
@@ -14,38 +14,26 @@
 </template>
 
 <script setup lang="ts">
-import type {Booleanish, ColorVariant, Numberish} from '../../types'
-import {useBooleanish} from '../../composables'
+import type {BThProps} from '../../types'
 import {computed, toRef} from 'vue'
 
-const props = withDefaults(
-  defineProps<{
-    colspan?: Numberish
-    rowspan?: Numberish
-    stackedHeading?: string
-    stickyColumn?: Booleanish
-    variant?: ColorVariant | null
-  }>(),
-  {
-    colspan: undefined,
-    rowspan: undefined,
-    stackedHeading: undefined,
-    stickyColumn: false,
-    variant: null,
-  }
-)
+const props = withDefaults(defineProps<BThProps>(), {
+  colspan: undefined,
+  rowspan: undefined,
+  stackedHeading: undefined,
+  stickyColumn: false,
+  variant: null,
+})
 
 defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   default?: (props: Record<string, never>) => any
 }>()
 
-const stickyColumnBoolean = useBooleanish(() => props.stickyColumn)
-
 const computedClasses = computed(() => ({
   [`table-${props.variant}`]: props.variant !== null,
-  'b-table-sticky-column': stickyColumnBoolean.value,
-  'table-b-table-default': stickyColumnBoolean.value && props.variant === null,
+  'b-table-sticky-column': props.stickyColumn,
+  'table-b-table-default': props.stickyColumn && props.variant === null,
 }))
 
 const scope = toRef(() => (props.colspan ? 'colspan' : props.rowspan ? 'rowspan' : 'col'))
diff --git a/packages/bootstrap-vue-next/src/components/BTable/BThead.vue b/packages/bootstrap-vue-next/src/components/BTable/BThead.vue
index c2572b783..ac00c8633 100644
--- a/packages/bootstrap-vue-next/src/components/BTable/BThead.vue
+++ b/packages/bootstrap-vue-next/src/components/BTable/BThead.vue
@@ -5,17 +5,12 @@
 </template>
 
 <script setup lang="ts">
-import type {ColorVariant} from '../../types'
+import type {BTheadProps} from '../../types'
 import {computed} from 'vue'
 
-const props = withDefaults(
-  defineProps<{
-    variant?: ColorVariant | null
-  }>(),
-  {
-    variant: null,
-  }
-)
+const props = withDefaults(defineProps<BTheadProps>(), {
+  variant: null,
+})
 
 defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
diff --git a/packages/bootstrap-vue-next/src/components/BTable/BTr.vue b/packages/bootstrap-vue-next/src/components/BTable/BTr.vue
index 06df2296f..1cce3ffe4 100644
--- a/packages/bootstrap-vue-next/src/components/BTable/BTr.vue
+++ b/packages/bootstrap-vue-next/src/components/BTable/BTr.vue
@@ -5,17 +5,12 @@
 </template>
 
 <script setup lang="ts">
-import type {ColorVariant} from '../../types'
+import type {BTrProps} from '../../types'
 import {computed} from 'vue'
 
-const props = withDefaults(
-  defineProps<{
-    variant?: ColorVariant | null
-  }>(),
-  {
-    variant: null,
-  }
-)
+const props = withDefaults(defineProps<BTrProps>(), {
+  variant: null,
+})
 
 defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
diff --git a/packages/bootstrap-vue-next/src/components/BTable/table-lite.spec.ts b/packages/bootstrap-vue-next/src/components/BTable/table-lite.spec.ts
new file mode 100644
index 000000000..471f8fa06
--- /dev/null
+++ b/packages/bootstrap-vue-next/src/components/BTable/table-lite.spec.ts
@@ -0,0 +1,175 @@
+import {enableAutoUnmount, mount} from '@vue/test-utils'
+import {afterEach, describe, expect, it} from 'vitest'
+import BTableLite from './BTableLite.vue'
+
+describe('btablelite', () => {
+  enableAutoUnmount(afterEach)
+
+  it('Can serialize an array of numbers', () => {
+    const items = [1, 2, 3]
+    const wrapper = mount(BTableLite, {
+      props: {items},
+    })
+    const $trs = wrapper.get('tbody').findAll('tr')
+    $trs.forEach(($tr, i) => {
+      expect($tr.text()).toBe(items[i].toString())
+    })
+  })
+
+  it('Can serialize an array of strings', () => {
+    const items = ['a', 'b', 'c']
+    const wrapper = mount(BTableLite, {
+      props: {items},
+    })
+    const $trs = wrapper.get('tbody').findAll('tr')
+    $trs.forEach(($tr, i) => {
+      expect($tr.get('td').text()).toBe(items[i].toString())
+    })
+  })
+
+  it('Array of numbers causes header to display none', () => {
+    const wrapper = mount(BTableLite, {
+      props: {items: [1, 2, 3]},
+    })
+    expect(wrapper.get('thead').attributes('style')).toContain('display: none')
+  })
+
+  it('Array of strings causes header to display none', () => {
+    const wrapper = mount(BTableLite, {
+      props: {items: ['a', 'b', 'c']},
+    })
+    expect(wrapper.get('thead').attributes('style')).toContain('display: none')
+  })
+
+  it('Array of objects does not cause header to display none', () => {
+    const wrapper = mount(BTableLite, {
+      props: {items: [{a: 1, b: 2}]},
+    })
+    // This is rather fickle since style attr could possibly be added. We simply want to say '.not.toContain', but the attribute doesn't exist now
+    // It's expected now, but could change in the future
+    expect(wrapper.get('thead').attributes('style')).toBeUndefined()
+  })
+
+  it('array of array of strings does not cause header to display none', () => {
+    const wrapper = mount(BTableLite, {
+      props: {items: [['a', 'b', 'c']]},
+    })
+    expect(wrapper.get('thead').attributes('style')).toBeUndefined()
+  })
+
+  it('Array of objects serializes headers properly', () => {
+    const wrapper = mount(BTableLite, {
+      props: {
+        items: [
+          {'an idiot admires complexity, a genius admires simplicity': 1, 'b': 2},
+          {a: 3, b: 4},
+        ],
+      },
+    })
+    const $thead = wrapper.get('thead')
+    const $th = $thead.findAll('th')
+    expect($th.length).toBe(2)
+    // Capitalizes the first letter of the key
+    expect($th[0].text()).toBe('An idiot admires complexity, a genius admires simplicity')
+    expect($th[1].text()).toBe('B')
+  })
+
+  it('mismatched object keys will only display the first object in the arrays header', () => {
+    const wrapper = mount(BTableLite, {
+      props: {
+        items: [{a: 1}, {b: 4}],
+      },
+    })
+    const $thead = wrapper.get('thead')
+    const $th = $thead.findAll('th')
+    expect($th.length).toBe(1)
+    expect($th[0].text()).toBe('A')
+  })
+
+  it('mismatched object keys will only display items that are included in the appropriate headers', () => {
+    const wrapper = mount(BTableLite, {
+      props: {
+        items: [
+          {a: 1, b: 2},
+          {b: 3, c: 4},
+        ], // "c" is not included in the headers
+      },
+    })
+    const $table = wrapper.get('tbody')
+    expect($table.text()).toBe('123')
+  })
+
+  it('mismatched object keys will have the correct structure, but does not have data for the missing key', () => {
+    const wrapper = mount(BTableLite, {
+      props: {
+        items: [
+          {a: 1, b: 2},
+          {b: 3, c: 4},
+        ], // "c" is not included in the headers
+      },
+    })
+    const [, $second] = wrapper.get('tbody').findAll('tr')
+    const $td = $second.findAll('td')
+    expect($td.length).toBe(2) // <-- still has the appropriate amount of columns
+    expect($td[0].text()).toBe('') // <-- but doesn't have the data for the missing key
+    expect($td[1].text()).toBe('3')
+  })
+
+  it('Array of objects serializes data properly', () => {
+    const items = [
+      {a: 1, b: 2},
+      {a: 3, b: 4},
+    ]
+    const wrapper = mount(BTableLite, {
+      props: {
+        items,
+      },
+    })
+    const $tbody = wrapper.get('tbody')
+    const $tr = $tbody.findAll('tr')
+    $tr.forEach((el, ind) => {
+      const $tds = el.findAll('td')
+      expect($tds.length).toBe(2)
+      const text = $tds.map(($td) => $td.text())
+      // This doesn't check the structure of the table. Only that it includes the data
+      expect(text.join('')).toBe(Object.values(items[ind]).join('')) // '12' , '34'
+    })
+  })
+
+  it('Array of arrays serializes headers properly', () => {
+    const wrapper = mount(BTableLite, {
+      props: {
+        items: [
+          [1, 2],
+          [3, 4],
+        ],
+      },
+    })
+    const $thead = wrapper.get('thead')
+    const $th = $thead.findAll('th')
+    expect($th.length).toBe(2)
+    expect($th[0].text()).toBe('0')
+    expect($th[1].text()).toBe('1')
+  })
+
+  it('Array of arrays serializes data properly', () => {
+    const items = [
+      [1, 2],
+      [3, 4],
+    ]
+    const wrapper = mount(BTableLite, {
+      props: {
+        items,
+      },
+    })
+    const $tbody = wrapper.get('tbody')
+    const $tr = $tbody.findAll('tr')
+    $tr.forEach((el, i) => {
+      const $tds = el.findAll('td')
+      expect($tds.length).toBe(2)
+      $tds.forEach(($td, j) => {
+        expect($td.text()).toBe(items[i][j].toString())
+      })
+    })
+  })
+})
diff --git a/packages/bootstrap-vue-next/src/components/BTable/table-simple.spec.ts b/packages/bootstrap-vue-next/src/components/BTable/table-simple.spec.ts
new file mode 100644
index 000000000..965bc11d5
--- /dev/null
+++ b/packages/bootstrap-vue-next/src/components/BTable/table-simple.spec.ts
@@ -0,0 +1,58 @@
+import {enableAutoUnmount, mount} from '@vue/test-utils'
+import {afterEach, describe, expect, it} from 'vitest'
+import BTableSimple from './BTableSimple.vue'
+
+describe('BTableSimple', () => {
+  enableAutoUnmount(afterEach)
+
+  it('has expected structure when responsive truthy', async () => {
+    const wrapper = mount(BTableSimple, {
+      props: {responsive: true},
+      slots: {default: 'foo'},
+    })
+    const $div = wrapper.find('div')
+    expect($div.exists()).toBe(true)
+    const $table = $div.find('table')
+    expect($table.exists()).toBe(true)
+    expect($table.text()).toBe('foo')
+  })
+
+  it('has expected structure when stickyheader truthy', async () => {
+    const wrapper = mount(BTableSimple, {
+      props: {stickyHeader: true},
+      slots: {default: 'foo'},
+    })
+    const $div = wrapper.find('div')
+    expect($div.exists()).toBe(true)
+    const $table = $div.find('table')
+    expect($table.exists()).toBe(true)
+    expect($table.text()).toBe('foo')
+  })
+
+  it('has expected structure by default', () => {
+    const wrapper = mount(BTableSimple, {
+      slots: {default: 'foo'},
+    })
+
+    const $table = wrapper.find('table')
+    expect($table.exists()).toBe(true)
+    expect(wrapper.find('div').exists()).toBe(false)
+    expect($table.text()).toBe('foo')
+  })
+
+  it('stickyHeader prop adds maxHeight style', async () => {
+    const wrapper = mount(BTableSimple, {
+      props: {stickyHeader: true, responsive: true},
+    })
+    expect(wrapper.get('div').attributes('style')).toBe('max-height: 300px;')
+    await wrapper.setProps({stickyHeader: false})
+    expect(wrapper.get('div').attributes('style')).toBeFalsy()
+    await wrapper.setProps({stickyHeader: 200})
+    expect(wrapper.get('div').attributes('style')).toBe('max-height: 200px;')
+    await wrapper.setProps({stickyHeader: '400px'})
+    expect(wrapper.get('div').attributes('style')).toBe('max-height: 400px;')
+  })
+
+  // TODO assert classes and attributes on elements
+  // didn't test tableAttrs or responsiveClasses
+})
diff --git a/packages/bootstrap-vue-next/src/components/BTable/table.spec.ts b/packages/bootstrap-vue-next/src/components/BTable/table.spec.ts
index cbfec0c74..54b9f02b6 100644
--- a/packages/bootstrap-vue-next/src/components/BTable/table.spec.ts
+++ b/packages/bootstrap-vue-next/src/components/BTable/table.spec.ts
@@ -1,7 +1,7 @@
 import {enableAutoUnmount, mount} from '@vue/test-utils'
 import {afterEach, describe, expect, it} from 'vitest'
 import BTable from './BTable.vue'
-import type {LiteralUnion, TableField, TableItem} from 'src/types'
+import type {LiteralUnion, TableField, TableItem} from '../../types'
 
 interface SimplePerson {
   first_name: string
@@ -14,6 +14,14 @@ const simpleItems: TableItem<SimplePerson>[] = [
   {age: 42, first_name: 'Robert'},
 ]
 
+const multiSort: TableItem<SimplePerson>[] = [
+  {age: 27, first_name: 'Havij'},
+  {age: 9, first_name: 'Cyndi'},
+  {age: 42, first_name: 'Robert'},
+  {age: 35, first_name: 'Robert'},
+  {age: 101, first_name: 'Cyndi'},
+]
+
 const simpleFields: Exclude<TableField<SimplePerson>, string>[] = [
   {key: 'first_name', label: 'First Name', sortable: true},
   {key: 'age', label: 'Age', sortable: true},
@@ -66,7 +74,7 @@ describe('tbody', () => {
     expect(heads[1].text()).toBe('Age')
   })
 
-  it('shows sortable columns when sortalbe === true', () => {
+  it('shows sortable columns when sortable === true', () => {
     const wrapper = mount(BTable, {
       props: {items: simpleItems, fields: simpleFields},
     })
@@ -74,8 +82,9 @@ describe('tbody', () => {
     expect(heads[0].classes()).toContain('b-table-sortable-column')
     expect(heads[1].classes()).toContain('b-table-sortable-column')
   })
-
-  it('does not show sortable columns when sortalbe undefined', () => {
+})
+describe('single-sort', () => {
+  it('does not show sortable columns when sortable undefined', () => {
     const wrapper = mount(BTable, {
       props: {items: simpleItems},
     })
@@ -113,7 +122,11 @@ describe('tbody', () => {
 
   it('sorts text ascending', () => {
     const wrapper = mount(BTable, {
-      props: {items: simpleItems, fields: simpleFields, sortBy: 'first_name'},
+      props: {
+        items: simpleItems,
+        fields: simpleFields,
+        sortBy: [{order: 'asc', key: 'first_name'}],
+      },
     })
     const text = wrapper
       .get('tbody')
@@ -124,7 +137,11 @@ describe('tbody', () => {
 
   it('sorts text descending', () => {
     const wrapper = mount(BTable, {
-      props: {items: simpleItems, fields: simpleFields, sortBy: 'first_name', sortDesc: true},
+      props: {
+        items: simpleItems,
+        fields: simpleFields,
+        sortBy: [{order: 'desc', key: 'first_name'}],
+      },
     })
     const text = wrapper
       .get('tbody')
@@ -135,7 +152,7 @@ describe('tbody', () => {
 
   it('sorts numbers ascending', () => {
     const wrapper = mount(BTable, {
-      props: {items: simpleItems, fields: simpleFields, sortBy: 'age'},
+      props: {items: simpleItems, fields: simpleFields, sortBy: [{order: 'asc', key: 'age'}]},
     })
     const text = wrapper
       .get('tbody')
@@ -146,7 +163,11 @@ describe('tbody', () => {
 
   it('sorts numbers descending', () => {
     const wrapper = mount(BTable, {
-      props: {items: simpleItems, fields: simpleFields, sortBy: 'age', sortDesc: true},
+      props: {
+        items: simpleItems,
+        fields: simpleFields,
+        sortBy: [{order: 'desc', key: 'age'}],
+      },
     })
     const text = wrapper
       .get('tbody')
@@ -157,7 +178,11 @@ describe('tbody', () => {
 
   it('sorts by formatted when sortByFormatted === true && formatter exists', () => {
     const wrapper = mount(BTable, {
-      props: {items: simpleItems, fields: formattedFields, sortBy: 'is_adult'},
+      props: {
+        items: simpleItems,
+        fields: formattedFields,
+        sortBy: [{order: 'asc', key: 'is_adult'}],
+      },
     })
     const text = wrapper
       .get('tbody')
@@ -168,7 +193,11 @@ describe('tbody', () => {
 
   it('sorts by formatted when sortByFormatted === true && formatter exists and respects sorDesc', () => {
     const wrapper = mount(BTable, {
-      props: {items: simpleItems, fields: formattedFields, sortBy: 'is_adult', sortDesc: true},
+      props: {
+        items: simpleItems,
+        fields: formattedFields,
+        sortBy: [{order: 'desc', key: 'is_adult'}],
+      },
     })
     const text = wrapper
       .get('tbody')
@@ -189,7 +218,11 @@ describe('tbody', () => {
     ]
 
     const wrapper = mount(BTable, {
-      props: {items: simpleItems, fields: customFormatterFields, sortBy: 'first_name'},
+      props: {
+        items: simpleItems,
+        fields: customFormatterFields,
+        sortBy: [{order: 'asc', key: 'first_name'}],
+      },
     })
     const text = wrapper
       .get('tbody')
@@ -197,4 +230,42 @@ describe('tbody', () => {
       .map((row) => row.find('td').text())
     expect(text).toStrictEqual(['Havij', 'Robert', 'Cyndi'])
   })
+
+  describe('multi-sort', () => {
+    it('has aria-sort labels reflecting sortBy prop', () => {
+      const wrapper = mount(BTable, {
+        props: {
+          multisort: true,
+          items: multiSort,
+          fields: simpleFields,
+          sortBy: [
+            {key: 'age', order: 'asc'},
+            {key: 'first_name', order: 'desc'},
+          ],
+        },
+      })
+      const heads = wrapper.get('table').findAll('th')
+      expect(heads[0].attributes('aria-sort')).toBe('descending')
+      expect(heads[1].attributes('aria-sort')).toBe('ascending')
+    })
+
+    it('correctly sorts on two columns', () => {
+      const wrapper = mount(BTable, {
+        props: {
+          multisort: true,
+          items: multiSort,
+          fields: simpleFields,
+          sortBy: [
+            {key: 'first_name', order: 'desc'},
+            {key: 'age', order: 'asc'},
+          ],
+        },
+      })
+      const text = wrapper
+        .get('tbody')
+        .findAll('tr')
+        .map((row) => row.findAll('td')[1].text())
+      expect(text).toStrictEqual(['35', '42', '27', '9', '101'])
+    })
+  })
 })
diff --git a/packages/bootstrap-vue-next/src/components/BTabs/BTab.vue b/packages/bootstrap-vue-next/src/components/BTabs/BTab.vue
index 809cde4db..74a1479d7 100644
--- a/packages/bootstrap-vue-next/src/components/BTabs/BTab.vue
+++ b/packages/bootstrap-vue-next/src/components/BTabs/BTab.vue
@@ -15,40 +15,23 @@
 
 <script setup lang="ts">
 import {computed, inject, onMounted, onUnmounted, ref, toRef, useAttrs, watch} from 'vue'
-import {useBooleanish, useId} from '../../composables'
-import type {AttrsValue, Booleanish, ClassValue, TabType} from '../../types'
+import {useId} from '../../composables'
+import type {BTabProps, TabType} from '../../types'
 import {tabsInjectionKey} from '../../utils'
 
-const props = withDefaults(
-  defineProps<{
-    active?: Booleanish
-    buttonId?: string
-    disabled?: Booleanish
-    id?: string
-    lazy?: Booleanish
-    lazyOnce?: Booleanish
-    noBody?: Booleanish
-    tag?: string
-    title?: string
-    titleItemClass?: ClassValue
-    titleLinkAttrs?: Readonly<AttrsValue>
-    titleLinkClass?: ClassValue
-  }>(),
-  {
-    active: false,
-    buttonId: undefined,
-    disabled: false,
-    id: undefined,
-    lazy: undefined,
-    lazyOnce: undefined,
-    noBody: false,
-    tag: 'div',
-    title: undefined,
-    titleItemClass: undefined,
-    titleLinkAttrs: undefined,
-    titleLinkClass: undefined,
-  }
-)
+const props = withDefaults(defineProps<BTabProps>(), {
+  buttonId: undefined,
+  disabled: false,
+  id: undefined,
+  lazy: undefined,
+  lazyOnce: undefined,
+  noBody: false,
+  tag: 'div',
+  title: undefined,
+  titleItemClass: undefined,
+  titleLinkAttrs: undefined,
+  titleLinkClass: undefined,
+})
 
 const slots = defineSlots<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -57,23 +40,18 @@ const slots = defineSlots<{
   title?: (props: Record<string, never>) => any
 }>()
 
-const emit = defineEmits<{
-  'update:active': [value: boolean]
-}>()
-
 defineOptions({
   inheritAttrs: false,
 })
 
+const activeModel = defineModel<boolean>('active', {
+  default: false,
+})
+
 const parentData = inject(tabsInjectionKey, null)
 const computedId = useId(() => props.id, 'tabpane')
 const buttonId = useId(() => props.buttonId, 'tab')
 
-const activeBoolean = useBooleanish(() => props.active)
-const disabledBoolean = useBooleanish(() => props.disabled)
-const lazyBoolean = useBooleanish(() => props.lazyOnce ?? props.lazy)
-const noBodyBoolean = useBooleanish(() => props.noBody)
-
 const lazyRenderCompleted = ref(false)
 const el = ref<HTMLElement | null>(null)
 
@@ -84,7 +62,7 @@ const tab = computed(
     ({
       id: computedId.value,
       buttonId: buttonId.value,
-      disabled: disabledBoolean.value,
+      disabled: props.disabled,
       title: props.title,
       titleComponent: slots.title,
       titleItemClass: props.titleItemClass,
@@ -98,7 +76,7 @@ const tab = computed(
 onMounted(() => {
   if (!parentData) return
   parentData.registerTab(tab)
-  if (activeBoolean.value) {
+  if (props.active) {
     parentData.activateTab(computedId.value)
   }
 })
@@ -111,10 +89,10 @@ onUnmounted(() => {
 const isActive = toRef(() => parentData?.activeId.value === computedId.value)
 const show = ref(isActive.value)
 
-const computedLazy = toRef(() => !!(parentData?.lazy.value || lazyBoolean.value))
+const computedLazy = toRef(() => !!(parentData?.lazy.value || (props.lazyOnce ?? props.lazy)))
 const computedLazyOnce = toRef(() => props.lazyOnce !== undefined)
 
-const computedActive = toRef(() => isActive.value && !disabledBoolean.value)
+const computedActive = toRef(() => isActive.value && !props.disabled)
 const showSlot = toRef(
   () =>
     computedActive.value ||
@@ -124,31 +102,34 @@ const showSlot = toRef(
 
 watch(isActive, (active) => {
   if (active) {
-    emit('update:active', true)
+    activeModel.value = true
     setTimeout(() => {
       show.value = true
     }, 0)
     return
   }
   show.value = false
-  emit('update:active', false)
+  activeModel.value = false
 })
-watch(activeBoolean, (active) => {
-  if (!parentData) return
-  if (!active) {
-    if (isActive.value) {
-      parentData.activateTab(undefined)
+watch(
+  () => props.active,
+  (active) => {
+    if (!parentData) return
+    if (!active) {
+      if (isActive.value) {
+        parentData.activateTab(undefined)
+      }
+      return
     }
-    return
+    parentData.activateTab(computedId.value)
   }
-  parentData.activateTab(computedId.value)
-})
+)
 
 const computedClasses = computed(() => [
   {
     'active': isActive.value,
     'show': show.value,
-    'card-body': parentData?.card.value && noBodyBoolean.value === false,
+    'card-body': parentData?.card.value && props.noBody === false,
     'fade': !parentData?.noFade.value,
   },
   show.value ? parentData?.activeTabClass : parentData?.inactiveTabClass,
diff --git a/packages/bootstrap-vue-next/src/components/BTabs/BTabs.vue b/packages/bootstrap-vue-next/src/components/BTabs/BTabs.vue
index d2ef65632..0a77f97ba 100644
--- a/packages/bootstrap-vue-next/src/components/BTabs/BTabs.vue
+++ b/packages/bootstrap-vue-next/src/components/BTabs/BTabs.vue
@@ -7,17 +7,15 @@
           v-if="showEmpty"
           key="bv-empty-tab"
           class="tab-pane active"
-          :class="{'card-body': cardBoolean}"
+          :class="{'card-body': props.card}"
         >
           <slot name="empty" />
         </div>
       </div>
     </ReusableEmptyTab.define>
 
-    <ReusableEmptyTab.reuse v-if="endBoolean" />
-    <div
-      :class="[navWrapperClass, {'card-header': cardBoolean, 'ms-auto': vertical && endBoolean}]"
-    >
+    <ReusableEmptyTab.reuse v-if="props.end" />
+    <div :class="[navWrapperClass, {'card-header': props.card, 'ms-auto': vertical && props.end}]">
       <ul
         class="nav"
         :class="[navTabsClasses, navClass]"
@@ -55,80 +53,47 @@
         <slot name="tabs-end" />
       </ul>
     </div>
-    <ReusableEmptyTab.reuse v-if="!endBoolean" />
+    <ReusableEmptyTab.reuse v-if="!props.end" />
   </component>
 </template>
 
 <script setup lang="ts">
 import {computed, nextTick, provide, type Ref, ref, toRef, unref, watch} from 'vue'
 import {BvEvent, tabsInjectionKey} from '../../utils'
-import {useAlignment, useBooleanish} from '../../composables'
-import type {AlignmentJustifyContent, Booleanish, ClassValue, TabType} from '../../types'
-import {createReusableTemplate, useVModel} from '@vueuse/core'
+import {useAlignment} from '../../composables'
+import type {BTabsProps, TabType} from '../../types'
+import {createReusableTemplate} from '@vueuse/core'
 // TODO this component needs a desperate refactoring to use provide/inject and not the complicated slot manipulation logic it's doing now
 
-const props = withDefaults(
-  defineProps<{
-    activeId?: string
-    activeNavItemClass?: ClassValue
-    activeTabClass?: ClassValue
-    align?: AlignmentJustifyContent
-    card?: Booleanish
-    contentClass?: ClassValue
-    end?: Booleanish
-    fill?: Booleanish
-    id?: string
-    inactiveNavItemClass?: ClassValue
-    inactiveTabClass?: ClassValue
-    justified?: Booleanish
-    lazy?: Booleanish
-    modelValue?: number
-    navClass?: ClassValue
-    navItemClass?: ClassValue
-    navWrapperClass?: ClassValue
-    noFade?: Booleanish
-    // noKeyNav?: Booleanish,
-    noNavStyle?: Booleanish
-    pills?: Booleanish
-    small?: Booleanish
-    tag?: string
-    tabClass?: ClassValue
-    vertical?: Booleanish
-  }>(),
-  {
-    activeId: undefined,
-    activeNavItemClass: undefined,
-    activeTabClass: undefined,
-    align: undefined,
-    card: false,
-    contentClass: undefined,
-    end: false,
-    fill: false,
-    id: undefined,
-    inactiveNavItemClass: undefined,
-    inactiveTabClass: undefined,
-    justified: false,
-    lazy: false,
-    modelValue: -1,
-    navClass: undefined,
-    navItemClass: undefined,
-    navWrapperClass: undefined,
-    noFade: false,
-    // noKeyNav: false,
-    noNavStyle: false,
-    pills: false,
-    small: false,
-    tag: 'div',
-    tabClass: undefined,
-    vertical: false,
-  }
-)
+const props = withDefaults(defineProps<BTabsProps>(), {
+  activeNavItemClass: undefined,
+  activeTabClass: undefined,
+  align: undefined,
+  card: false,
+  contentClass: undefined,
+  end: false,
+  fill: false,
+  id: undefined,
+  inactiveNavItemClass: undefined,
+  inactiveTabClass: undefined,
+  justified: false,
+  lazy: false,
+  navClass: undefined,
+  navItemClass: undefined,
+  navWrapperClass: undefined,
+  noFade: false,
+  // noKeyNav: false,
+  noNavStyle: false,
+  pills: false,
+  small: false,
+  tag: 'div',
+  tabClass: undefined,
+  vertical: false,
+})
 
 const emit = defineEmits<{
   'activate-tab': [v1: number, v2: number, v3: BvEvent]
   'click': [] // TODO click event is never used
-  'update:activeId': [value: string]
-  'update:modelValue': [value: number]
 }>()
 
 defineSlots<{
@@ -142,19 +107,12 @@ defineSlots<{
   'tabs-start'?: (props: Record<string, never>) => any
 }>()
 
-const modelValue = useVModel(props, 'modelValue', emit, {passive: true})
-const activeId = useVModel(props, 'activeId', emit, {passive: true})
-
-const cardBoolean = useBooleanish(() => props.card)
-const endBoolean = useBooleanish(() => props.end)
-const fillBoolean = useBooleanish(() => props.fill)
-const justifiedBoolean = useBooleanish(() => props.justified)
-const lazyBoolean = useBooleanish(() => props.lazy)
-const noFadeBoolean = useBooleanish(() => props.noFade)
-const noNavStyleBoolean = useBooleanish(() => props.noNavStyle)
-const pillsBoolean = useBooleanish(() => props.pills)
-const smallBoolean = useBooleanish(() => props.small)
-const verticalBoolean = useBooleanish(() => props.vertical)
+const modelValue = defineModel<number>({
+  default: -1,
+})
+const activeId = defineModel<string | undefined>('activeId', {
+  default: undefined,
+})
 
 const ReusableEmptyTab = createReusableTemplate()
 
@@ -184,21 +142,21 @@ const tabs = computed(() =>
 const showEmpty = toRef(() => !(tabs?.value && tabs.value.length > 0))
 
 const computedClasses = computed(() => ({
-  'd-flex': verticalBoolean.value,
-  'align-items-start': verticalBoolean.value,
+  'd-flex': props.vertical,
+  'align-items-start': props.vertical,
 }))
 
 const alignment = useAlignment(() => props.align)
 
 const navTabsClasses = computed(() => ({
-  'nav-pills': pillsBoolean.value,
-  'flex-column me-3': verticalBoolean.value,
+  'nav-pills': props.pills,
+  'flex-column me-3': props.vertical,
   [alignment.value]: props.align !== undefined,
-  'nav-fill': fillBoolean.value,
-  'card-header-tabs': cardBoolean.value,
-  'nav-justified': justifiedBoolean.value,
-  'nav-tabs': !noNavStyleBoolean.value && !pillsBoolean.value,
-  'small': smallBoolean.value,
+  'nav-fill': props.fill,
+  'card-header-tabs': props.card,
+  'nav-justified': props.justified,
+  'nav-tabs': !props.noNavStyle && !props.pills,
+  'small': props.small,
 }))
 
 const activateTab = (index: number): void => {
@@ -328,9 +286,9 @@ const findActive = () => {
 }
 
 provide(tabsInjectionKey, {
-  lazy: lazyBoolean,
-  card: cardBoolean,
-  noFade: noFadeBoolean,
+  lazy: toRef(() => props.lazy),
+  card: toRef(() => props.card),
+  noFade: toRef(() => props.noFade),
   activeTabClass: toRef(() => props.activeTabClass),
   inactiveTabClass: toRef(() => props.inactiveTabClass),
   tabClass: toRef(() => props.tabClass),
diff --git a/packages/bootstrap-vue-next/src/components/BToast/BToast.vue b/packages/bootstrap-vue-next/src/components/BToast/BToast.vue
index adff51756..c010d362a 100644
--- a/packages/bootstrap-vue-next/src/components/BToast/BToast.vue
+++ b/packages/bootstrap-vue-next/src/components/BToast/BToast.vue
@@ -1,6 +1,6 @@
 <template>
   <BTransition
-    :no-fade="noFadeBoolean"
+    :no-fade="props.noFade"
     v-bind="transProps"
     @before-enter="onBeforeEnter"
     @after-enter="onAfterEnter"
@@ -13,8 +13,8 @@
       class="toast"
       :class="[toastClass, computedClasses]"
       tabindex="0"
-      :role="!isToastVisible ? undefined : isStatusBoolean ? 'status' : 'alert'"
-      :aria-live="!isToastVisible ? undefined : isStatusBoolean ? 'polite' : 'assertive'"
+      :role="!isToastVisible ? undefined : props.isStatus ? 'status' : 'alert'"
+      :aria-live="!isToastVisible ? undefined : props.isStatus ? 'polite' : 'assertive'"
       :aria-atomic="!isToastVisible ? undefined : true"
     >
       <component :is="headerTag" v-if="$slots.title || title" class="toast-header">
@@ -23,7 +23,7 @@
             {{ title }}
           </strong>
         </slot>
-        <BCloseButton v-if="!noCloseButtonBoolean" @click="hideFn('close')" />
+        <BCloseButton v-if="!props.noCloseButton" @click="hideFn('close')" />
       </component>
       <template v-if="$slots.default || body">
         <component
@@ -57,17 +57,12 @@
 
 <script setup lang="ts">
 import {computed, onBeforeUnmount, ref, toRef, watch, watchEffect} from 'vue'
-import {
-  useBLinkHelper,
-  useBooleanish,
-  useColorVariantClasses,
-  useCountdown,
-} from '../../composables'
+import {useBLinkHelper, useColorVariantClasses, useCountdown} from '../../composables'
 import type {BToastProps} from '../../types'
 import BTransition from '../BTransition/BTransition.vue'
 import BCloseButton from '../BButton/BCloseButton.vue'
 import BLink from '../BLink/BLink.vue'
-import {useElementHover, useToNumber, useVModel} from '@vueuse/core'
+import {useElementHover, useToNumber} from '@vueuse/core'
 import BProgress from '../BProgress/BProgress.vue'
 import {BvTriggerableEvent} from '../../utils'
 
@@ -80,7 +75,6 @@ const props = withDefaults(defineProps<BToastProps>(), {
   id: undefined,
   interval: 1000,
   isStatus: false,
-  modelValue: false,
   noCloseButton: false,
   noFade: false,
   noHoverPause: false,
@@ -125,7 +119,6 @@ const emit = defineEmits<{
   'shown': [value: BvTriggerableEvent]
   'show-prevented': []
   'hide-prevented': []
-  'update:modelValue': [value: boolean | number]
 }>()
 
 const element = ref<HTMLElement | null>(null)
@@ -133,19 +126,12 @@ const element = ref<HTMLElement | null>(null)
 const isHovering = useElementHover(element)
 // Note: passive: true will sync an internal ref... This is required for useToast to exit,
 // Since the modelValue that's passed from that composable is not reactive, this internal ref _is_ and thus it will trigger closing the toast
-const modelValue = useVModel(props, 'modelValue', emit, {passive: true})
+const modelValue = defineModel<boolean | number>({default: false})
 
 const {computedLink, computedLinkProps} = useBLinkHelper(props)
 
-const isStatusBoolean = useBooleanish(() => props.isStatus)
-const noCloseButtonBoolean = useBooleanish(() => props.noCloseButton)
-const noFadeBoolean = useBooleanish(() => props.noFade)
-const noHoverPauseBoolean = useBooleanish(() => props.noHoverPause)
-const showOnPauseBoolean = useBooleanish(() => props.showOnPause)
 const intervalNumber = useToNumber(() => props.interval)
 // TODO solid is never used
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-const solidBoolean = useBooleanish(() => props.solid)
 const resolvedBackgroundClasses = useColorVariantClasses(props)
 const countdownLength = toRef(() => (typeof modelValue.value === 'boolean' ? 0 : modelValue.value))
 
@@ -170,7 +156,7 @@ const computedTag = toRef(() => (computedLink.value ? BLink : 'div'))
 const isToastVisible = toRef(() =>
   typeof modelValue.value === 'boolean'
     ? modelValue.value
-    : isActive.value || (showOnPauseBoolean.value && isPaused.value)
+    : isActive.value || (props.showOnPause && isPaused.value)
 )
 
 const computedClasses = computed(() => [
@@ -181,7 +167,7 @@ const computedClasses = computed(() => [
 ])
 
 const onMouseEnter = () => {
-  if (noHoverPauseBoolean.value) return
+  if (props.noHoverPause) return
   pause()
 }
 
diff --git a/packages/bootstrap-vue-next/src/components/BToast/BToastOrchestrator.vue b/packages/bootstrap-vue-next/src/components/BToast/BToastOrchestrator.vue
index 2a7f4c156..6d2b9e7dc 100644
--- a/packages/bootstrap-vue-next/src/components/BToast/BToastOrchestrator.vue
+++ b/packages/bootstrap-vue-next/src/components/BToast/BToastOrchestrator.vue
@@ -1,5 +1,5 @@
 <template>
-  <Teleport :to="teleportTo" :disabled="teleportDisabledBoolean">
+  <Teleport :to="teleportTo" :disabled="props.teleportDisabled">
     <!-- This wrapper div is used for specific targetting by the user -->
     <!-- Even though it serves no direct purpose itself -->
     <div id="__BVID__toaster-container">
@@ -26,26 +26,16 @@
 </template>
 
 <script setup lang="ts">
-import {type RendererElement, watch} from 'vue'
-import {useBooleanish, useToast} from '../../composables'
-import type {Booleanish} from '../../types'
+import {watch} from 'vue'
+import {useToast} from '../../composables'
 import {omit} from '../../utils'
+import type {BToastOrchestratorProps} from '../../types'
 
-const props = withDefaults(
-  defineProps<{
-    teleportDisabled?: Booleanish
-    teleportTo?: string | Readonly<RendererElement> | null | undefined
-    appendToast?: Booleanish
-  }>(),
-  {
-    teleportDisabled: false,
-    teleportTo: 'body',
-    appendToast: false,
-  }
-)
-
-const teleportDisabledBoolean = useBooleanish(() => props.teleportDisabled)
-const appendToastBoolean = useBooleanish(() => props.appendToast)
+const props = withDefaults(defineProps<BToastOrchestratorProps>(), {
+  teleportDisabled: false,
+  teleportTo: 'body',
+  appendToast: false,
+})
 
 const toastPositions = {
   'top-left': 'top-0 start-0',
@@ -62,7 +52,7 @@ const toastPositions = {
 const {remove, toasts, show, _setIsAppend} = useToast()
 
 watch(
-  appendToastBoolean,
+  () => props.appendToast,
   (value) => {
     _setIsAppend?.(value)
   },
diff --git a/packages/bootstrap-vue-next/src/components/BTooltip.vue b/packages/bootstrap-vue-next/src/components/BTooltip.vue
index 2faa32eb4..b63ebcd39 100644
--- a/packages/bootstrap-vue-next/src/components/BTooltip.vue
+++ b/packages/bootstrap-vue-next/src/components/BTooltip.vue
@@ -1,5 +1,5 @@
 <template>
-  <BPopover ref="popover" tooltip v-bind="computedProps">
+  <BPopover ref="popover" v-bind="computedProps" v-model="modelValue" tooltip>
     <template v-for="(_, name) in $slots" #[name]="slotData">
       <slot :name="name" v-bind="slotData" />
     </template>
@@ -13,7 +13,8 @@ import type {BPopoverProps, BTooltipProps} from '../types'
 
 const props = withDefaults(defineProps<BTooltipProps>(), {
   click: undefined,
-  container: undefined,
+  teleportDisabled: undefined,
+  teleportTo: undefined,
   content: undefined,
   customClass: undefined,
   delay: undefined,
@@ -24,7 +25,6 @@ const props = withDefaults(defineProps<BTooltipProps>(), {
   inline: undefined,
   interactive: undefined,
   manual: undefined,
-  modelValue: undefined,
   noAutoClose: undefined,
   noFade: undefined,
   noFlip: undefined,
@@ -41,6 +41,8 @@ const props = withDefaults(defineProps<BTooltipProps>(), {
   variant: undefined,
 })
 
+const modelValue = defineModel<boolean | undefined>({default: undefined})
+
 const computedProps = computed<BPopoverProps>(() => {
   const {interactive, noninteractive, ...rest} = props
   return {noninteractive: noninteractive !== undefined ? noninteractive : !interactive, ...rest}
diff --git a/packages/bootstrap-vue-next/src/components/BTransition/BTransition.vue b/packages/bootstrap-vue-next/src/components/BTransition/BTransition.vue
index e4412fc1a..d69df275b 100644
--- a/packages/bootstrap-vue-next/src/components/BTransition/BTransition.vue
+++ b/packages/bootstrap-vue-next/src/components/BTransition/BTransition.vue
@@ -1,7 +1,7 @@
 <template>
   <Transition
     v-bind="{...baseProperties, ...transProps}"
-    :appear="appearBoolean"
+    :appear="props.appear"
     @after-appear="emit('after-appear', $event)"
     @after-enter="emit('after-enter', $event)"
     @after-leave="emit('after-leave', $event)"
@@ -22,7 +22,6 @@
 <script setup lang="ts">
 import type {BTransitionProps} from '../../types'
 import {computed} from 'vue'
-import {useBooleanish} from '../../composables'
 
 const props = withDefaults(defineProps<BTransitionProps>(), {
   appear: false,
@@ -51,9 +50,6 @@ defineSlots<{
   default?: (props: Record<string, never>) => any
 }>()
 
-const appearBoolean = useBooleanish(() => props.appear)
-const noFadeBoolean = useBooleanish(() => props.noFade)
-
 const fadeProperties = computed(() => {
   const NO_FADE_PROPS = {
     name: '',
@@ -69,7 +65,7 @@ const fadeProperties = computed(() => {
     enterActiveClass: 'fade showing',
     leaveActiveClass: 'fade showing',
   }
-  return noFadeBoolean.value ? NO_FADE_PROPS : FADE_PROPS
+  return props.noFade ? NO_FADE_PROPS : FADE_PROPS
 })
 
 const baseProperties = computed(() => ({mode: props.mode, css: true, ...fadeProperties.value}))
diff --git a/packages/bootstrap-vue-next/src/components/BTransition/transition.spec.ts b/packages/bootstrap-vue-next/src/components/BTransition/transition.spec.ts
index 7851a8bc5..63ecdea73 100644
--- a/packages/bootstrap-vue-next/src/components/BTransition/transition.spec.ts
+++ b/packages/bootstrap-vue-next/src/components/BTransition/transition.spec.ts
@@ -1,7 +1,7 @@
 import {enableAutoUnmount, mount} from '@vue/test-utils'
 import {afterEach, describe, expect, it} from 'vitest'
 import BTransition from './BTransition.vue'
-import {type Component, Transition} from 'vue'
+import {Transition} from 'vue'
 
 describe('transition', () => {
   enableAutoUnmount(afterEach)
@@ -28,7 +28,7 @@ describe('transition', () => {
     const wrapper = mount(BTransition, {
       props: {transProps: {enterActiveClass: 'foo'}},
     })
-    const $transition = wrapper.getComponent(Transition as Component)
+    const $transition = wrapper.getComponent(Transition)
     expect($transition.props('css')).toBe(true)
   })
 
@@ -36,7 +36,7 @@ describe('transition', () => {
     const wrapper = mount(BTransition, {
       props: {transProps: {enterActiveClass: 'foo'}},
     })
-    const $transition = wrapper.getComponent(Transition as Component)
+    const $transition = wrapper.getComponent(Transition)
     expect($transition.props('mode')).toBeUndefined()
   })
 
@@ -44,7 +44,7 @@ describe('transition', () => {
     const wrapper = mount(BTransition, {
       props: {transProps: {enterActiveClass: 'foo', mode: 'in-out'}},
     })
-    const $transition = wrapper.getComponent(Transition as Component)
+    const $transition = wrapper.getComponent(Transition)
     expect($transition.props('mode')).toBe('in-out')
   })
 
@@ -52,7 +52,7 @@ describe('transition', () => {
     const wrapper = mount(BTransition, {
       props: {transProps: {enterActiveClass: 'foo'}},
     })
-    const $transition = wrapper.getComponent(Transition as Component)
+    const $transition = wrapper.getComponent(Transition)
     expect($transition.props('enterActiveClass')).toBe('foo')
   })
 
diff --git a/packages/bootstrap-vue-next/src/composables/index.ts b/packages/bootstrap-vue-next/src/composables/index.ts
index b6b93cbbf..9597cdbfe 100644
--- a/packages/bootstrap-vue-next/src/composables/index.ts
+++ b/packages/bootstrap-vue-next/src/composables/index.ts
@@ -1,8 +1,6 @@
 export {default as useAlignment} from './useAlignment'
 export {default as useAriaInvalid} from './useAriaInvalid'
-export {default as useAvatarSize} from './useAvatarSize'
 export {default as useBLinkHelper} from './useBLinkHelper'
-export {default as useBooleanish} from './useBooleanish'
 export {default as useBreadcrumb} from './useBreadcrumb'
 export {default as useColorMode} from './useColorMode'
 export {default as useColorVariantClasses} from './useColorVariantClasses'
@@ -17,11 +15,12 @@ export {
 } from './useFormCheck'
 export {default as useFormInput} from './useFormInput'
 export {default as useFormSelect} from './useFormSelect'
-export {default as useId} from './useId'
+export {default as useId, getId} from './useId'
 export {default as useManualTransition} from './useManualTransition'
 export {default as useModal} from './useModal'
 export {default as useModalController} from './useModalController'
 export {default as useModalManager} from './useModalManager'
+export {default as useNumberishToStyle} from './useNumberishToStyle'
 export {default as useRadiusElementClasses} from './useRadiusElementClasses'
 export {default as useRtl} from './useRtl'
 export {default as useSafeScrollLock} from './useSafeScrollLock'
diff --git a/packages/bootstrap-vue-next/src/composables/useAriaInvalid.ts b/packages/bootstrap-vue-next/src/composables/useAriaInvalid.ts
index 1c69f023c..891351a60 100644
--- a/packages/bootstrap-vue-next/src/composables/useAriaInvalid.ts
+++ b/packages/bootstrap-vue-next/src/composables/useAriaInvalid.ts
@@ -1,23 +1,24 @@
-import useBooleanish from './useBooleanish'
 import type {AriaInvalid} from '../types'
-import {computed, type MaybeRefOrGetter, toRef} from 'vue'
+import {computed, type MaybeRefOrGetter, toValue} from 'vue'
 
 export default (
   ariaInvalid: MaybeRefOrGetter<AriaInvalid | undefined>,
   state: MaybeRefOrGetter<boolean | null | undefined>
-) => {
-  const resolvedAriaInvalid = useBooleanish(ariaInvalid)
-  const resolvedState = toRef(state)
+) =>
+  computed(() => {
+    const resolvedAriaInvalid = toValue(ariaInvalid)
+    const resolvedState = toValue(state)
 
-  return computed(() =>
-    resolvedAriaInvalid.value === true
-      ? 'true'
-      : typeof resolvedAriaInvalid.value === 'string'
-        ? resolvedAriaInvalid.value
-        : resolvedState.value === false
-          ? 'true'
-          : resolvedAriaInvalid.value === false
-            ? 'false'
-            : undefined
-  )
-}
+    const resolvedAriaInvalidValue =
+      resolvedAriaInvalid === true
+        ? 'true'
+        : typeof resolvedAriaInvalid === 'string'
+          ? resolvedAriaInvalid
+          : resolvedState === false
+            ? 'true'
+            : resolvedAriaInvalid === false
+              ? 'false'
+              : undefined
+
+    return resolvedAriaInvalidValue
+  })
diff --git a/packages/bootstrap-vue-next/src/composables/useAvatarSize.ts b/packages/bootstrap-vue-next/src/composables/useAvatarSize.ts
deleted file mode 100644
index c231bd2b2..000000000
--- a/packages/bootstrap-vue-next/src/composables/useAvatarSize.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import {computed, type MaybeRefOrGetter, toValue} from 'vue'
-import type {LiteralUnion, Numberish, Size} from '../types'
-import {RX_NUMBER} from '../constants/regex'
-
-export default (el: MaybeRefOrGetter<LiteralUnion<Size, Numberish> | undefined>) =>
-  computed(() => {
-    const value = toValue(el)
-    // If num is non-numeric, return val as-is (sm, md, lg, undefined or any other custom value), otherwise return num as a px value
-    return RX_NUMBER.test(String(value)) ? `${Number(value)}px` : value
-  })
diff --git a/packages/bootstrap-vue-next/src/composables/useBooleanish.ts b/packages/bootstrap-vue-next/src/composables/useBooleanish.ts
deleted file mode 100644
index bd3606782..000000000
--- a/packages/bootstrap-vue-next/src/composables/useBooleanish.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import type {Booleanish} from '../types'
-import {computed, type ComputedRef, type MaybeRefOrGetter, toValue} from 'vue'
-
-const isBooleanish = (input: unknown): input is Booleanish =>
-  typeof input === 'boolean' || input === 'true' || input === 'false'
-
-/**
- * Resolves a Booleanish type reactively to type boolean
- */
-export default <T>(el: MaybeRefOrGetter<T>): ComputedRef<T extends Booleanish ? boolean : T> =>
-  computed(() => {
-    const value = toValue(el)
-    return (isBooleanish(value) ? !!value : value) as T extends Booleanish ? boolean : T
-  })
diff --git a/packages/bootstrap-vue-next/src/composables/useFormCheck.ts b/packages/bootstrap-vue-next/src/composables/useFormCheck.ts
index 2e88a14fe..bfdf533f5 100644
--- a/packages/bootstrap-vue-next/src/composables/useFormCheck.ts
+++ b/packages/bootstrap-vue-next/src/composables/useFormCheck.ts
@@ -7,15 +7,21 @@ interface ClassesItemsInput {
   plain?: boolean
   button?: boolean
   inline?: boolean
+  reverse?: boolean
   switch?: boolean
   size?: Size
+  hasDefaultSlot?: boolean
 }
 
 const getClasses = (items: MaybeRefOrGetter<ClassesItemsInput>) =>
   computed(() => {
     const resolvedItems = toValue(items)
     return {
-      'form-check': resolvedItems.plain === false && resolvedItems.button === false,
+      'form-check':
+        resolvedItems.plain === false &&
+        resolvedItems.button === false &&
+        resolvedItems.hasDefaultSlot,
+      'form-check-reverse': resolvedItems.reverse === true,
       'form-check-inline': resolvedItems.inline === true,
       'form-switch': resolvedItems.switch === true,
       [`form-control-${resolvedItems.size}`]:
diff --git a/packages/bootstrap-vue-next/src/composables/useFormInput.ts b/packages/bootstrap-vue-next/src/composables/useFormInput.ts
index fdd05068f..1a3e5816b 100644
--- a/packages/bootstrap-vue-next/src/composables/useFormInput.ts
+++ b/packages/bootstrap-vue-next/src/composables/useFormInput.ts
@@ -1,7 +1,6 @@
 import type {Numberish} from '../types'
 import {nextTick, onActivated, onMounted, ref} from 'vue'
 import useAriaInvalid from './useAriaInvalid'
-import useBooleanish from './useBooleanish'
 import useId from './useId'
 import {useDebounceFn, useFocus, useToNumber, useVModel} from '@vueuse/core'
 import type {CommonInputProps} from '../types/FormCommonInputProps'
@@ -16,13 +15,6 @@ export default (
   const modelValue = useVModel(props, 'modelValue', emit, {passive: true})
 
   const computedId = useId(() => props.id, 'input')
-  const autofocusBoolean = useBooleanish(() => props.autofocus)
-  const disabledBoolean = useBooleanish(() => props.disabled)
-  const lazyBoolean = useBooleanish(() => props.lazy)
-  const lazyFormatterBoolean = useBooleanish(() => props.lazyFormatter)
-  const numberBoolean = useBooleanish(() => props.number)
-  const stateBoolean = useBooleanish(() => props.state)
-  const trimBoolean = useBooleanish(() => props.trim)
   const debounceNumber = useToNumber(() => props.debounce ?? 0)
   const debounceMaxWaitNumber = useToNumber(() => props.debounceMaxWait ?? NaN)
 
@@ -30,29 +22,29 @@ export default (
     (value: Numberish | undefined) => {
       modelValue.value = value
     },
-    () => (lazyBoolean.value === true ? 0 : debounceNumber.value),
-    {maxWait: () => (lazyBoolean.value === true ? NaN : debounceMaxWaitNumber.value)}
+    () => (props.lazy === true ? 0 : debounceNumber.value),
+    {maxWait: () => (props.lazy === true ? NaN : debounceMaxWaitNumber.value)}
   )
 
   const updateModelValue = (value: Numberish | undefined, force = false) => {
-    if (lazyBoolean.value === true && force === false) return
+    if (props.lazy === true && force === false) return
     internalUpdateModelValue(value)
   }
 
   const {focused} = useFocus(input, {
-    initialValue: autofocusBoolean.value,
+    initialValue: props.autofocus,
   })
 
   const _formatValue = (value: string, evt: Readonly<Event>, force = false) => {
-    if (props.formatter !== undefined && (!lazyFormatterBoolean.value || force)) {
+    if (props.formatter !== undefined && (!props.lazyFormatter || force)) {
       return props.formatter(value, evt)
     }
     return value
   }
 
   const _getModelValue = (value: string) => {
-    if (trimBoolean.value) return value.trim()
-    if (numberBoolean.value) return Number.parseFloat(value)
+    if (props.trim) return value.trim()
+    if (props.number) return Number.parseFloat(value)
 
     return value
   }
@@ -65,13 +57,16 @@ export default (
 
   onActivated(() => {
     nextTick(() => {
-      if (autofocusBoolean.value) {
+      if (props.autofocus) {
         focused.value = true
       }
     })
   })
 
-  const computedAriaInvalid = useAriaInvalid(() => props.ariaInvalid, stateBoolean)
+  const computedAriaInvalid = useAriaInvalid(
+    () => props.ariaInvalid,
+    () => props.state
+  )
 
   const onInput = (evt: Readonly<Event>) => {
     const {value} = evt.target as HTMLInputElement
@@ -101,7 +96,7 @@ export default (
   }
 
   const onBlur = (evt: Readonly<FocusEvent>) => {
-    if (!lazyBoolean.value && !lazyFormatterBoolean.value) return
+    if (!props.lazy && !props.lazyFormatter) return
 
     const {value} = evt.target as HTMLInputElement
     const formattedValue = _formatValue(value, evt, true)
@@ -113,13 +108,13 @@ export default (
   }
 
   const focus = () => {
-    if (!disabledBoolean.value) {
+    if (!props.disabled) {
       focused.value = true
     }
   }
 
   const blur = () => {
-    if (!disabledBoolean.value) {
+    if (!props.disabled) {
       focused.value = false
     }
   }
diff --git a/packages/bootstrap-vue-next/src/composables/useFormSelect.ts b/packages/bootstrap-vue-next/src/composables/useFormSelect.ts
index 672bd3a3f..fc920a60c 100644
--- a/packages/bootstrap-vue-next/src/composables/useFormSelect.ts
+++ b/packages/bootstrap-vue-next/src/composables/useFormSelect.ts
@@ -13,6 +13,12 @@ export default (options: MaybeRefOrGetter, props: Record<string, unknown>) => {
     if (typeof option === 'string') {
       return {value: option, text: option}
     }
+    if (typeof option === 'number') {
+      return {value: option, text: `${option}`}
+    }
+    if (option instanceof Date) {
+      return {value: option, text: option.toLocaleString()}
+    }
 
     const value: unknown = get(option, props.valueField as string)
     const text: string = get(option, props.textField as string)
diff --git a/packages/bootstrap-vue-next/src/composables/useId.ts b/packages/bootstrap-vue-next/src/composables/useId.ts
index e5c75643d..8b6febe48 100644
--- a/packages/bootstrap-vue-next/src/composables/useId.ts
+++ b/packages/bootstrap-vue-next/src/composables/useId.ts
@@ -1,5 +1,10 @@
-import {getId} from '../utils'
-import {computed, type ComputedRef, type MaybeRefOrGetter, toValue} from 'vue'
+import {idPluginKey} from '../utils'
+import {computed, type ComputedRef, inject, type MaybeRefOrGetter, toValue} from 'vue'
 
 export default (id?: MaybeRefOrGetter<string | undefined>, suffix?: string): ComputedRef<string> =>
   computed(() => toValue(id) || getId(suffix))
+
+export const getId = (suffix = '') => {
+  const getId = inject(idPluginKey, () => Math.random().toString().slice(2, 8))
+  return `__BVID__${getId()}___BV_${suffix}__`
+}
diff --git a/packages/bootstrap-vue-next/src/composables/useModalManager.ts b/packages/bootstrap-vue-next/src/composables/useModalManager.ts
index 4f4aa664d..1bf8bf327 100644
--- a/packages/bootstrap-vue-next/src/composables/useModalManager.ts
+++ b/packages/bootstrap-vue-next/src/composables/useModalManager.ts
@@ -82,8 +82,8 @@ export default (modalOpen: Readonly<Ref<boolean>>) => {
   )
 
   return {
-    activePosition: computed(
-      () => stack?.value.findIndex((el) => el.exposed?.id === currentModal.exposed?.id)
+    activePosition: computed(() =>
+      stack?.value.findIndex((el) => el.exposed?.id === currentModal.exposed?.id)
     ),
     activeModalCount: countStack,
   }
diff --git a/packages/bootstrap-vue-next/src/composables/useNumberishToStyle.ts b/packages/bootstrap-vue-next/src/composables/useNumberishToStyle.ts
new file mode 100644
index 000000000..c596024c1
--- /dev/null
+++ b/packages/bootstrap-vue-next/src/composables/useNumberishToStyle.ts
@@ -0,0 +1,21 @@
+import {computed, type MaybeRefOrGetter, toValue} from 'vue'
+import type {Numberish} from '../types'
+import {RX_NUMBER} from '../constants/regex'
+
+export default (
+  el: MaybeRefOrGetter<Numberish | undefined>,
+  /**
+   * The unit to use when converting a numeric value to a string
+   *
+   * @default 'px'
+   */
+  unit: MaybeRefOrGetter<string> = 'px'
+) =>
+  computed(() => {
+    const value = toValue(el)
+    const resolvedUnit = toValue(unit)
+    // If num is non-numeric, return val as-is (sm, md, lg, undefined or any other custom value), otherwise return num as a px value
+    return RX_NUMBER.test(String(value))
+      ? `${Number(value)}${resolvedUnit}`
+      : (value as string | undefined)
+  })
diff --git a/packages/bootstrap-vue-next/src/composables/useRadiusElementClasses.ts b/packages/bootstrap-vue-next/src/composables/useRadiusElementClasses.ts
index 15781f97c..dbb35b487 100644
--- a/packages/bootstrap-vue-next/src/composables/useRadiusElementClasses.ts
+++ b/packages/bootstrap-vue-next/src/composables/useRadiusElementClasses.ts
@@ -1,6 +1,5 @@
-import {computed, type MaybeRefOrGetter, readonly, toRef} from 'vue'
+import {computed, type MaybeRefOrGetter, toValue} from 'vue'
 import type {RadiusElement, RadiusElementExtendables} from '../types'
-import useBooleanish from './useBooleanish'
 
 export default (obj: MaybeRefOrGetter<RadiusElementExtendables>) => {
   const resolveRadiusElement = (
@@ -30,22 +29,19 @@ export default (obj: MaybeRefOrGetter<RadiusElementExtendables>) => {
                 : `${strValue}rounded` // true is last
   }
 
-  const props = readonly(toRef(obj))
-  const roundedBoolean = useBooleanish(() => props.value.rounded)
-  const roundedTopBoolean = useBooleanish(() => props.value.roundedTop)
-  const roundedBottomBoolean = useBooleanish(() => props.value.roundedBottom)
-  const roundedStartBoolean = useBooleanish(() => props.value.roundedStart)
-  const roundedEndBoolean = useBooleanish(() => props.value.roundedEnd)
-  return computed(() => ({
-    [`${resolveRadiusElement(roundedBoolean.value as boolean | RadiusElement, null)}`]:
-      !!roundedBoolean.value,
-    [`${resolveRadiusElement(roundedTopBoolean.value as boolean | RadiusElement, 'top')}`]:
-      !!roundedTopBoolean.value,
-    [`${resolveRadiusElement(roundedBottomBoolean.value as boolean | RadiusElement, 'bottom')}`]:
-      !!roundedBottomBoolean.value,
-    [`${resolveRadiusElement(roundedStartBoolean.value as boolean | RadiusElement, 'start')}`]:
-      !!roundedStartBoolean.value,
-    [`${resolveRadiusElement(roundedEndBoolean.value as boolean | RadiusElement, 'end')}`]:
-      !!roundedEndBoolean.value,
-  }))
+  return computed(() => {
+    const props = toValue(obj)
+
+    return {
+      [`${resolveRadiusElement(props.rounded as boolean | RadiusElement, null)}`]: !!props.rounded,
+      [`${resolveRadiusElement(props.roundedTop as boolean | RadiusElement, 'top')}`]:
+        !!props.roundedTop,
+      [`${resolveRadiusElement(props.roundedBottom as boolean | RadiusElement, 'bottom')}`]:
+        !!props.roundedBottom,
+      [`${resolveRadiusElement(props.roundedStart as boolean | RadiusElement, 'start')}`]:
+        !!props.roundedStart,
+      [`${resolveRadiusElement(props.roundedEnd as boolean | RadiusElement, 'end')}`]:
+        !!props.roundedEnd,
+    }
+  })
 }
diff --git a/packages/bootstrap-vue-next/src/directives/BPopover.ts b/packages/bootstrap-vue-next/src/directives/BPopover.ts
index a9e4850ed..420e1ecb4 100644
--- a/packages/bootstrap-vue-next/src/directives/BPopover.ts
+++ b/packages/bootstrap-vue-next/src/directives/BPopover.ts
@@ -1,4 +1,4 @@
-import {type Directive, ref} from 'vue'
+import {type Directive} from 'vue'
 import {
   bind,
   type ElementWithPopper,
@@ -16,12 +16,10 @@ export default {
     const text = resolveContent(binding.value, el)
 
     if (!text.content && !text.title) return
-
-    el.$__state = ref({
+    bind(el, binding, {
       ...resolveDirectiveProps(binding, el),
       ...text,
     })
-    bind(el, binding)
   },
   updated(el, binding) {
     const isActive = resolveActiveStatus(binding.value)
@@ -31,21 +29,11 @@ export default {
 
     if (!text.content && !text.title) return
 
-    if (!el.$__state) {
-      // Same binding as above
-      // This happens when mounting occurs, but binding does not happen ie (if (!text.content && !text.title) return)
-      // So mounting occurs without a title or content set
-      el.$__state = ref({
-        ...resolveDirectiveProps(binding, el),
-        ...text,
-      })
-      bind(el, binding)
-      return
-    }
-    el.$__state.value = {
+    unbind(el)
+    bind(el, binding, {
       ...resolveDirectiveProps(binding, el),
       ...text,
-    }
+    })
   },
   beforeUnmount(el) {
     unbind(el)
diff --git a/packages/bootstrap-vue-next/src/directives/BTooltip.ts b/packages/bootstrap-vue-next/src/directives/BTooltip.ts
index c4c86f9fc..bbdb8aefb 100644
--- a/packages/bootstrap-vue-next/src/directives/BTooltip.ts
+++ b/packages/bootstrap-vue-next/src/directives/BTooltip.ts
@@ -1,4 +1,4 @@
-import {type Directive, ref} from 'vue'
+import {type Directive} from 'vue'
 import {
   bind,
   type ElementWithPopper,
@@ -17,13 +17,12 @@ export default {
 
     if (!text.content && !text.title) return
 
-    el.$__state = ref({
+    bind(el, binding, {
       noninteractive: true,
       ...resolveDirectiveProps(binding, el),
       title: text.title ?? text.content ?? '',
       tooltip: isActive,
     })
-    bind(el, binding)
   },
   updated(el, binding) {
     const isActive = resolveActiveStatus(binding.value)
@@ -32,26 +31,14 @@ export default {
     const text = resolveContent(binding.value, el)
 
     if (!text.content && !text.title) return
+    unbind(el)
 
-    if (!el.$__state) {
-      // Same binding as above
-      // This happens when mounting occurs, but binding does not happen ie (if (!text.content && !text.title) return)
-      // So mounting occurs without a title or content set
-      el.$__state = ref({
-        noninteractive: true,
-        ...resolveDirectiveProps(binding, el),
-        title: text.title ?? text.content ?? '',
-        tooltip: isActive,
-      })
-      bind(el, binding)
-      return
-    }
-    el.$__state.value = {
+    bind(el, binding, {
       noninteractive: true,
       ...resolveDirectiveProps(binding, el),
       title: text.title ?? text.content ?? '',
       tooltip: isActive,
-    }
+    })
   },
   beforeUnmount(el) {
     unbind(el)
diff --git a/packages/bootstrap-vue-next/src/plugins/idPlugin.ts b/packages/bootstrap-vue-next/src/plugins/idPlugin.ts
new file mode 100644
index 000000000..d1e8e1ead
--- /dev/null
+++ b/packages/bootstrap-vue-next/src/plugins/idPlugin.ts
@@ -0,0 +1,11 @@
+import {type Plugin} from 'vue'
+import type {BootstrapVueOptions} from '../types'
+import {idPluginKey} from '../utils'
+
+export default {
+  install(app, options: BootstrapVueOptions['plugins']) {
+    if (options?.id instanceof Object && typeof options.id.getId === 'function') {
+      app.provide(idPluginKey, options.id.getId)
+    }
+  },
+} satisfies Plugin
diff --git a/packages/bootstrap-vue-next/src/types/AriaInvalid.ts b/packages/bootstrap-vue-next/src/types/AriaInvalid.ts
index 5e2d90356..350c4e7d5 100644
--- a/packages/bootstrap-vue-next/src/types/AriaInvalid.ts
+++ b/packages/bootstrap-vue-next/src/types/AriaInvalid.ts
@@ -1,3 +1 @@
-import type {Booleanish} from '.'
-
-export type AriaInvalid = Booleanish | 'grammar' | 'spelling'
+export type AriaInvalid = boolean | 'grammar' | 'spelling'
diff --git a/packages/bootstrap-vue-next/src/types/BootstrapVueOptions.ts b/packages/bootstrap-vue-next/src/types/BootstrapVueOptions.ts
index 80ea47cea..cfe3cbbc0 100644
--- a/packages/bootstrap-vue-next/src/types/BootstrapVueOptions.ts
+++ b/packages/bootstrap-vue-next/src/types/BootstrapVueOptions.ts
@@ -19,6 +19,23 @@ export interface BootstrapVueOptions {
      * @default true
      */
     breadcrumb?: boolean
+    /**
+     * @default true
+     */
+    id?:
+      | boolean
+      /**
+       * This function is allows users to provide a custom id generator
+       * as a workaround for the lack of stable SSR IDs in Vue 3.x
+       *
+       * This lets the Nuxt module swap in the Nuxt `useId` function
+       * which is stable across SSR and client.
+       *
+       * @default undefined
+       */
+      | {
+          getId?: () => string
+        }
     /**
      * @default true
      */
diff --git a/packages/bootstrap-vue-next/src/types/BreakpointProps.ts b/packages/bootstrap-vue-next/src/types/BreakpointProps.ts
index 0b8ec349c..9dcb84a72 100644
--- a/packages/bootstrap-vue-next/src/types/BreakpointProps.ts
+++ b/packages/bootstrap-vue-next/src/types/BreakpointProps.ts
@@ -1,4 +1,4 @@
-import type {Booleanish, LiteralUnion, Numberish} from '.'
+import type {Numberish} from '.'
 
 export type Breakpoint = 'sm' | 'md' | 'lg' | 'xl' | 'xxl'
 
@@ -19,11 +19,11 @@ export interface OrderBreakpointProps {
 }
 
 export interface ColBreakpointProps {
-  sm?: LiteralUnion<Booleanish, Numberish>
-  md?: LiteralUnion<Booleanish, Numberish>
-  lg?: LiteralUnion<Booleanish, Numberish>
-  xl?: LiteralUnion<Booleanish, Numberish>
-  xxl?: LiteralUnion<Booleanish, Numberish>
+  sm?: boolean | Numberish
+  md?: boolean | Numberish
+  lg?: boolean | Numberish
+  xl?: boolean | Numberish
+  xxl?: boolean | Numberish
 }
 
 export interface RowColsBreakpointProps {
diff --git a/packages/bootstrap-vue-next/src/types/CheckboxTypes.ts b/packages/bootstrap-vue-next/src/types/CheckboxTypes.ts
index e24b9d3cc..8c33d2b0d 100644
--- a/packages/bootstrap-vue-next/src/types/CheckboxTypes.ts
+++ b/packages/bootstrap-vue-next/src/types/CheckboxTypes.ts
@@ -1,8 +1,8 @@
 export type CheckboxValue =
   | readonly unknown[]
   | ReadonlySet<unknown>
-  | boolean
   | string
+  | boolean
   | Readonly<Record<string, unknown>>
   | number
   | null
diff --git a/packages/bootstrap-vue-next/src/types/CommonTypes.ts b/packages/bootstrap-vue-next/src/types/CommonTypes.ts
index c08d85b95..43973c9f0 100644
--- a/packages/bootstrap-vue-next/src/types/CommonTypes.ts
+++ b/packages/bootstrap-vue-next/src/types/CommonTypes.ts
@@ -1,2 +1,8 @@
+import type {TeleportProps} from 'vue'
+
 export type Numberish = string | number
-export type Booleanish = boolean | 'true' | 'false'
+
+export type TeleporterProps = {
+  teleportDisabled?: TeleportProps['disabled']
+  teleportTo?: TeleportProps['to']
+}
diff --git a/packages/bootstrap-vue-next/src/types/ComponentProps.ts b/packages/bootstrap-vue-next/src/types/ComponentProps.ts
index 0509aca25..f4097b7f3 100644
--- a/packages/bootstrap-vue-next/src/types/ComponentProps.ts
+++ b/packages/bootstrap-vue-next/src/types/ComponentProps.ts
@@ -1,41 +1,58 @@
 import type {Boundary, Middleware, Padding, RootBoundary, Strategy} from '@floating-ui/vue'
-import type {ComponentPublicInstance, RendererElement, TransitionProps} from 'vue'
+import type {ComponentPublicInstance, TransitionProps} from 'vue'
 import type {RouteLocationRaw} from 'vue-router'
 import type {
-  Booleanish,
+  AlignmentJustifyContent,
+  AlignmentTextHorizontal,
+  AriaInvalid,
+  AttrsValue,
+  BreadcrumbItemRaw,
   Breakpoint,
+  BTableProvider,
+  BTableSortBy,
   ButtonType,
   ButtonVariant,
+  CheckboxOptionRaw,
+  CheckboxValue,
   ClassValue,
   ColorExtendables,
   ColorVariant,
+  CommonInputProps,
+  InputType,
   LinkTarget,
+  LiteralUnion,
+  NoProviderTypes,
   Numberish,
+  PlaceholderAnimation,
+  PlaceholderSize,
   PopoverPlacement,
+  RadioOptionRaw,
+  RadioValue,
   RadiusElementExtendables,
   Size,
+  SpinnerType,
   TableField,
   TableFieldRaw,
-  TableItem,
+  TeleporterProps,
   TextColorVariant,
   TransitionMode,
   VerticalAlign,
 } from '.'
 
 export interface BLinkProps {
-  active?: Booleanish
+  active?: boolean
   activeClass?: string
-  append?: Booleanish
-  disabled?: Booleanish
+  append?: boolean
+  disabled?: boolean
   exactActiveClass?: string
   href?: string
-  icon?: Booleanish
-  // noPrefetch: {type: [Boolean, String] as PropType<Booleanish>, default: false},
+  icon?: boolean
+  // noPrefetch: {type: [Boolean, String] as PropType<boolean>, default: false},
   opacity?: 10 | 25 | 50 | 75 | 100 | '10' | '25' | '50' | '75' | '100'
   opacityHover?: 10 | 25 | 50 | 75 | 100 | '10' | '25' | '50' | '75' | '100'
-  // prefetch: {type: [Boolean, String] as PropType<Booleanish>, default: null},
+  // prefetch: {type: [Boolean, String] as PropType<boolean>, default: null},
   rel?: string
-  replace?: Booleanish
+  replace?: boolean
   routerComponentName?: string
   routerTag?: string
   target?: LinkTarget
@@ -48,60 +65,914 @@ export interface BLinkProps {
   variant?: ColorVariant | null
 }
 
+export interface BAccordionProps {
+  flush?: boolean
+  free?: boolean
+  id?: string
+  modelValue?: string
+}
+
+export interface BDropdownDividerProps {
+  tag?: string
+}
+
+export interface BDropdownGroupProps {
+  ariaDescribedby?: string
+  header?: string
+  headerClass?: ClassValue
+  headerTag?: string
+  headerVariant?: ColorVariant | null
+  id?: string
+}
+
+export interface BDropdownItemProps extends Omit<BLinkProps, 'routerTag'> {
+  linkClass?: ClassValue
+  wrapperAttrs?: Readonly<AttrsValue>
+}
+
+export interface BDropdownItemButtonProps {
+  active?: boolean
+  activeClass?: ClassValue
+  buttonClass?: ClassValue
+  disabled?: boolean
+  variant?: ColorVariant | null
+}
+
+export interface BDropdownTextProps {
+  text?: string
+}
+
+export interface BFormFloatingLabelProps {
+  label?: string
+  labelFor?: string
+  text?: string
+}
+
+export interface BFormRowProps {
+  tag?: string
+}
+
+export interface BFormTextProps {
+  id?: string
+  inline?: boolean
+  tag?: string
+  text?: string
+  textVariant?: TextColorVariant | null
+}
+
+export interface BFormCheckboxProps {
+  ariaLabel?: string
+  ariaLabelledby?: string
+  autofocus?: boolean
+  button?: boolean
+  buttonGroup?: boolean
+  buttonVariant?: ButtonVariant | null
+  disabled?: boolean
+  form?: string
+  id?: string
+  indeterminate?: boolean
+  inline?: boolean
+  modelValue?: CheckboxValue | readonly CheckboxValue[]
+  name?: string
+  plain?: boolean
+  required?: boolean
+  reverse?: boolean
+  size?: Size
+  state?: boolean | null
+  switch?: boolean
+  uncheckedValue?: CheckboxValue
+  // Since the compiler-sfc doesn't crawl external filed, the redundant string/boolean union is
+  // necessary to tell it that we don't want it to follow Boolean casting rules
+  // https://vuejs.org/guide/components/props.html#boolean-casting which would cast the empty
+  // string to true
+  value?: string | boolean | CheckboxValue
+}
+
+export interface BFormCheckboxGroupProps {
+  ariaInvalid?: AriaInvalid
+  autofocus?: boolean
+  buttonVariant?: ButtonVariant | null
+  buttons?: boolean
+  disabled?: boolean
+  disabledField?: string
+  form?: string
+  htmlField?: string
+  id?: string
+  modelValue?: readonly CheckboxValue[]
+  name?: string
+  options?: readonly CheckboxOptionRaw[]
+  plain?: boolean
+  required?: boolean
+  reverse?: boolean
+  size?: Size
+  stacked?: boolean
+  state?: boolean | null
+  switches?: boolean
+  textField?: string
+  validated?: boolean
+  valueField?: string
+}
+
+export interface BFormFileProps {
+  ariaLabel?: string
+  ariaLabelledby?: string
+  accept?: string | readonly string[]
+  autofocus?: boolean
+  browserText?: string
+  capture?: boolean | 'user' | 'environment'
+  directory?: boolean
+  disabled?: boolean
+  form?: string
+  id?: string
+  label?: string
+  labelClass?: ClassValue
+  modelValue?: readonly File[] | File | null
+  multiple?: boolean
+  name?: string
+  noDrop?: boolean
+  noTraverse?: boolean
+  placement?: 'start' | 'end'
+  required?: boolean
+  size?: Size
+  state?: boolean | null
+}
+
+export interface BFormInputProps extends CommonInputProps {
+  max?: Numberish
+  min?: Numberish
+  // noWheel: {type: Boolean, default: false}, TODO: not implemented yet
+  step?: Numberish
+  type?: InputType
+}
+
+export interface BFormRadioProps {
+  ariaLabel?: string
+  ariaLabelledby?: string
+  autofocus?: boolean
+  button?: boolean
+  buttonGroup?: boolean
+  buttonVariant?: ButtonVariant | null
+  disabled?: boolean
+  form?: string
+  id?: string
+  inline?: boolean
+  modelValue?: RadioValue
+  name?: string
+  plain?: boolean
+  required?: boolean
+  reverse?: boolean
+  size?: Size
+  state?: boolean | null
+  value?: RadioValue
+}
+
+export interface BFormRadioGroupProps {
+  ariaInvalid?: AriaInvalid
+  autofocus?: boolean
+  buttonVariant?: ButtonVariant | null
+  buttons?: boolean
+  disabled?: boolean
+  disabledField?: string
+  form?: string
+  htmlField?: string
+  id?: string
+  modelValue?: RadioValue
+  name?: string
+  options?: readonly RadioOptionRaw[]
+  plain?: boolean
+  required?: boolean
+  reverse?: boolean
+  size?: Size
+  stacked?: boolean
+  state?: boolean | null
+  textField?: string
+  validated?: boolean
+  valueField?: string
+}
+
+export interface BFormSelectProps {
+  ariaInvalid?: AriaInvalid
+  autofocus?: boolean
+  disabled?: boolean
+  disabledField?: string
+  form?: string
+  htmlField?: string
+  id?: string
+  labelField?: string
+  modelValue?:
+    | boolean
+    | string
+    | readonly unknown[]
+    | Readonly<Record<string, unknown>>
+    | number
+    | null
+  multiple?: boolean
+  name?: string
+  options?: readonly (unknown | Record<string, unknown>)[]
+  optionsField?: string
+  plain?: boolean
+  required?: boolean
+  selectSize?: Numberish
+  size?: Size
+  state?: boolean | null
+  textField?: string
+  valueField?: string
+}
+
+export interface BFormSelectOptionProps<T> {
+  disabled?: boolean
+  value?: T
+}
+
+export interface BFormSelectOptionGroupProps {
+  disabledField?: string
+  htmlField?: string
+  label?: string
+  options?: readonly (unknown | Record<string, unknown>)[]
+  textField?: string
+  valueField?: string
+}
+
+export interface BFormSpinbuttonProps {
+  ariaControls?: string
+  ariaLabel?: string
+  disabled?: boolean
+  form?: string
+  formatterFn?: (value: number) => string
+  id?: string
+  inline?: boolean
+  labelDecrement?: string
+  labelIncrement?: string
+  locale?: string
+  max?: Numberish
+  min?: Numberish
+  modelValue?: number | null
+  name?: string
+  placeholder?: string
+  readonly?: boolean
+  repeatDelay?: Numberish
+  repeatInterval?: Numberish
+  repeatStepMultiplier?: Numberish
+  repeatThreshold?: Numberish
+  required?: boolean
+  size?: Size
+  state?: boolean | null
+  step?: Numberish
+  vertical?: boolean
+  wrap?: boolean
+}
+
+export interface BFormTagProps {
+  disabled?: boolean
+  id?: string
+  noRemove?: boolean
+  pill?: boolean
+  removeLabel?: string
+  tag?: string
+  title?: string
+  variant?: ColorVariant | null
+}
+
+export interface BFormTagsProps {
+  addButtonText?: string
+  addButtonVariant?: ButtonVariant | null
+  addOnChange?: boolean
+  autofocus?: boolean
+  disabled?: boolean
+  duplicateTagText?: string
+  form?: string
+  inputAttrs?: Readonly<AttrsValue>
+  inputClass?: ClassValue
+  inputId?: string
+  inputType?: InputType
+  invalidTagText?: string
+  limit?: Numberish
+  limitTagsText?: string
+  modelValue?: readonly string[]
+  name?: string
+  noAddOnEnter?: boolean
+  noOuterFocus?: boolean
+  noTagRemove?: boolean
+  placeholder?: string
+  removeOnDelete?: boolean
+  required?: boolean
+  separator?: string | readonly string[]
+  size?: Size
+  state?: boolean | null
+  tagClass?: ClassValue
+  tagPills?: boolean
+  tagRemoveLabel?: string
+  tagRemovedLabel?: string
+  tagValidator?: (t: string) => boolean
+  tagVariant?: ColorVariant | null
+}
+
+export interface BFormTextareaProps extends CommonInputProps {
+  noResize?: boolean
+  rows?: Numberish
+  wrap?: string
+}
+
+export interface BInputGroupProps {
+  append?: string
+  appendHtml?: string
+  id?: string
+  prepend?: string
+  prependHtml?: string
+  size?: Size
+  tag?: string
+}
+
+export interface BInputGroupTextProps {
+  tag?: string
+  text?: string
+}
+
+export interface BListGroupProps {
+  flush?: boolean
+  horizontal?: boolean | Breakpoint
+  numbered?: boolean
+  tag?: string
+}
+
+export interface BListGroupItemProps extends Omit<BLinkProps, 'routerTag'> {
+  action?: boolean
+  button?: boolean
+  tag?: string
+}
+
+export interface BModalOrchestratorProps extends TeleporterProps {}
+
+export interface BNavProps {
+  align?: AlignmentJustifyContent
+  cardHeader?: boolean
+  fill?: boolean
+  justified?: boolean
+  pills?: boolean
+  small?: boolean
+  tabs?: boolean
+  tag?: string
+  underline?: boolean
+  vertical?: boolean
+}
+
+export interface BNavFormProps extends BFormProps {
+  role?: string
+}
+
+export interface BNavItemProps extends Omit<BLinkProps, 'routerTag'> {
+  linkAttrs?: Readonly<AttrsValue>
+  linkClass?: ClassValue
+}
+
+export interface BNavTextProps {
+  text?: string
+}
+
+export interface BNavbarProps {
+  autoClose?: boolean
+  container?: boolean | 'fluid' | Breakpoint
+  fixed?: 'top' | 'bottom'
+  print?: boolean
+  sticky?: 'top' | 'bottom'
+  tag?: string
+  toggleable?: boolean | Breakpoint
+  variant?: ColorVariant | null
+}
+
+export interface BNavbarBrandProps extends Omit<BLinkProps, 'routerTag'> {
+  tag?: string
+}
+
+export interface BNavbarNavProps {
+  align?: AlignmentJustifyContent
+  fill?: boolean
+  justified?: boolean
+  small?: boolean
+  tag?: string
+}
+
+export interface BNavbarToggleProps {
+  disabled?: boolean
+  label?: string
+  target?: string | readonly string[]
+}
+
+export interface BOffcanvasProps extends TeleporterProps {
+  backdrop?: boolean
+  backdropBlur?: string
+  backdropVariant?: ColorVariant | 'white' | 'transparent' | null
+  bodyAttrs?: Readonly<AttrsValue>
+  bodyClass?: ClassValue
+  bodyScrolling?: boolean
+  footerClass?: string
+  headerClass?: string
+  headerCloseClass?: ClassValue
+  headerCloseLabel?: string
+  headerCloseVariant?: ButtonVariant | null
+  id?: string
+  lazy?: boolean
+  modelValue?: boolean
+  noCloseOnBackdrop?: boolean
+  noCloseOnEsc?: boolean
+  noFocus?: boolean
+  noHeader?: boolean
+  noHeaderClose?: boolean
+  // TODO standardize this. Create a dedicated type
+  // Then in components that use individual props (BImg)
+  // Make them just use prop placement
+  placement?: 'top' | 'bottom' | 'start' | 'end'
+  shadow?: Size | boolean
+  title?: string
+  // responsive?: Breakpoint
+  // TODO responsive doesn't work
+}
+
+export interface BOverlayProps extends RadiusElementExtendables {
+  bgColor?: string
+  blur?: string | null
+  fixed?: boolean
+  noCenter?: boolean
+  noFade?: boolean
+  noSpinner?: boolean
+  noWrap?: boolean
+  opacity?: Numberish
+  overlayTag?: string
+  show?: boolean
+  spinnerSmall?: boolean
+  spinnerType?: SpinnerType
+  spinnerVariant?: ColorVariant | null
+  variant?: ColorVariant | 'white' | 'transparent' | null
+  wrapTag?: string
+  zIndex?: Numberish
+}
+
+export interface BPaginationProps {
+  align?: AlignmentJustifyContent | 'fill'
+  ariaControls?: string
+  ariaLabel?: string
+  disabled?: boolean
+  ellipsisClass?: ClassValue
+  ellipsisText?: string
+  firstClass?: ClassValue
+  firstNumber?: boolean
+  firstText?: string
+  hideEllipsis?: boolean
+  hideGotoEndButtons?: boolean
+  labelFirstPage?: string
+  labelLastPage?: string
+  labelNextPage?: string
+  labelPage?: string
+  labelPrevPage?: string
+  lastClass?: ClassValue
+  lastNumber?: boolean
+  lastText?: string
+  limit?: Numberish
+  modelValue?: Numberish
+  nextClass?: ClassValue
+  nextText?: string
+  pageClass?: ClassValue
+  perPage?: Numberish
+  pills?: boolean
+  prevClass?: ClassValue
+  prevText?: string
+  size?: Size
+  totalRows?: Numberish
+}
+
+export interface BPlaceholderProps {
+  animation?: PlaceholderAnimation
+  cols?: Numberish
+  size?: PlaceholderSize
+  tag?: string
+  variant?: ColorVariant | null
+  width?: Numberish
+  wrapperTag?: string
+}
+
+export interface BPlaceholderButtonProps {
+  animation?: PlaceholderAnimation
+  cols?: Numberish
+  tag?: string
+  variant?: ColorVariant | null
+  width?: Numberish
+}
+
+export interface BPlaceholderCardProps {
+  animation?: PlaceholderAnimation
+  footerAnimation?: PlaceholderAnimation
+  footerSize?: PlaceholderSize
+  footerVariant?: ColorVariant | null
+  footerWidth?: Numberish
+  headerAnimation?: PlaceholderAnimation
+  headerSize?: PlaceholderSize
+  headerVariant?: ColorVariant | null
+  headerWidth?: Numberish
+  imgBlankColor?: string
+  imgBottom?: boolean
+  imgHeight?: Numberish
+  imgSrc?: string
+  noButton?: boolean
+  noFooter?: boolean
+  noHeader?: boolean
+  noImg?: boolean
+  size?: PlaceholderSize
+  variant?: ColorVariant | null
+}
+
+export interface BPlaceholderTableProps {
+  animation?: PlaceholderAnimation
+  cellWidth?: Numberish
+  columns?: Numberish
+  footerAnimation?: PlaceholderAnimation
+  footerCellWidth?: Numberish
+  footerColumns?: Numberish
+  footerSize?: PlaceholderSize
+  footerVariant?: ColorVariant | null
+  headerAnimation?: PlaceholderAnimation
+  headerCellWidth?: Numberish
+  headerColumns?: Numberish
+  headerSize?: PlaceholderSize
+  headerVariant?: ColorVariant | null
+  hideHeader?: boolean
+  rows?: Numberish
+  showFooter?: boolean
+  size?: PlaceholderSize
+  variant?: ColorVariant | null
+}
+
+export interface BPlaceholderWrapperProps {
+  loading?: boolean
+}
+
+export interface BProgressProps extends Omit<BProgressBarProps, 'label' | 'labelHtml'> {
+  height?: string
+}
+
+export interface BTabProps {
+  active?: boolean
+  buttonId?: string
+  disabled?: boolean
+  id?: string
+  lazy?: boolean
+  lazyOnce?: boolean
+  noBody?: boolean
+  tag?: string
+  title?: string
+  titleItemClass?: ClassValue
+  titleLinkAttrs?: Readonly<AttrsValue>
+  titleLinkClass?: ClassValue
+}
+
+export interface BTabsProps {
+  activeId?: string
+  activeNavItemClass?: ClassValue
+  activeTabClass?: ClassValue
+  align?: AlignmentJustifyContent
+  card?: boolean
+  contentClass?: ClassValue
+  end?: boolean
+  fill?: boolean
+  id?: string
+  inactiveNavItemClass?: ClassValue
+  inactiveTabClass?: ClassValue
+  justified?: boolean
+  lazy?: boolean
+  modelValue?: number
+  navClass?: ClassValue
+  navItemClass?: ClassValue
+  navWrapperClass?: ClassValue
+  noFade?: boolean
+  // noKeyNav?: boolean,
+  noNavStyle?: boolean
+  pills?: boolean
+  small?: boolean
+  tag?: string
+  tabClass?: ClassValue
+  vertical?: boolean
+}
+
+export interface BToastOrchestratorProps extends TeleporterProps {
+  appendToast?: boolean
+}
+
+export interface BCollapseProps {
+  // appear?: boolean
+  horizontal?: boolean
+  id?: string
+  isNav?: boolean
+  modelValue?: boolean
+  skipAnimation?: boolean
+  tag?: string
+  toggle?: boolean
+  visible?: boolean
+}
+
+export interface BContainerProps {
+  fluid?: boolean | Breakpoint
+  gutterX?: Numberish
+  gutterY?: Numberish
+  tag?: string
+}
+
+export interface BSpinnerProps {
+  label?: string
+  role?: string
+  small?: boolean
+  tag?: string
+  type?: SpinnerType
+  variant?: ColorVariant | null
+}
+
+export interface BAccordionItemProps {
+  bodyAttrs?: Readonly<AttrsValue>
+  bodyClass?: ClassValue
+  buttonAttrs?: Readonly<AttrsValue>
+  buttonClass?: ClassValue
+  collapseClass?: ClassValue
+  headerAttrs?: Readonly<AttrsValue>
+  headerClass?: ClassValue
+  headerTag?: string
+  horizontal?: boolean
+  id?: string
+  isNav?: boolean
+  modelValue?: boolean
+  tag?: string
+  title?: string
+  toggle?: boolean
+  visible?: boolean
+  wrapperAttrs?: Readonly<AttrsValue>
+}
+
+export interface BAlertProps {
+  closeClass?: ClassValue
+  closeContent?: string
+  closeLabel?: string
+  closeVariant?: ButtonVariant | null
+  dismissible?: boolean
+  fade?: boolean
+  immediate?: boolean
+  interval?: Numberish
+  modelValue?: boolean | number
+  noHoverPause?: boolean
+  showOnPause?: boolean
+  variant?: ColorVariant | null
+}
+
+export interface BAvatarProps
+  extends Omit<BLinkProps, 'routerTag' | 'icon'>,
+    ColorExtendables,
+    RadiusElementExtendables {
+  alt?: string
+  badge?: boolean | string
+  badgeBgVariant?: ColorVariant | null
+  badgeOffset?: string
+  badgeStart?: boolean
+  badgeTextVariant?: TextColorVariant | null
+  badgeTop?: boolean
+  badgeVariant?: ColorVariant | null
+  button?: boolean
+  buttonType?: ButtonType
+  icon?: string
+  size?: LiteralUnion<Size, Numberish>
+  square?: boolean
+  src?: string
+  text?: string
+}
+
+export interface BAvatarGroupProps extends ColorExtendables, RadiusElementExtendables {
+  overlap?: Numberish
+  size?: LiteralUnion<Size, Numberish>
+  square?: boolean
+  tag?: string
+}
+
+export interface BBadgeProps extends Omit<BLinkProps, 'routerTag'>, ColorExtendables {
+  dotIndicator?: boolean
+  pill?: boolean
+  tag?: string
+  textIndicator?: boolean
+}
+
+export interface BBreadcrumbProps {
+  items?: readonly BreadcrumbItemRaw[]
+}
+
+export interface BBreadcrumbItemProps extends Omit<BLinkProps, 'routerTag'> {
+  ariaCurrent?: string
+  text?: string
+}
+
+export interface BButtonProps extends Omit<BLinkProps, 'variant'> {
+  loading?: boolean
+  loadingFill?: boolean
+  loadingText?: string
+  pill?: boolean
+  pressed?: boolean
+  size?: Size
+  squared?: boolean
+  tag?: string
+  type?: ButtonType
+  variant?: ButtonVariant | null
+}
+
+export interface BButtonGroupProps {
+  ariaLabel?: string
+  size?: Size
+  tag?: string
+  vertical?: boolean
+}
+
+export interface BButtonToolbarProps {
+  ariaLabel?: string
+  // keyNav?: boolean
+  justify?: boolean
+  role?: string
+}
+
+export interface BCloseButtonProps {
+  ariaLabel?: string
+  disabled?: boolean
+  type?: ButtonType
+}
+
+export interface BCardProps extends ColorExtendables {
+  align?: AlignmentTextHorizontal
+  bodyBgVariant?: ColorVariant | null
+  bodyClass?: ClassValue
+  bodyTag?: string
+  bodyText?: string
+  bodyTextVariant?: TextColorVariant | null
+  borderVariant?: ColorVariant | null
+  footer?: string
+  footerBgVariant?: ColorVariant | null
+  footerBorderVariant?: ColorVariant | null
+  footerClass?: ClassValue
+  footerHtml?: string
+  footerTag?: string
+  footerTextVariant?: TextColorVariant | null
+  footerVariant?: ColorVariant | null
+  header?: string
+  headerBgVariant?: ColorVariant | null
+  headerBorderVariant?: ColorVariant | null
+  headerClass?: ClassValue
+  headerHtml?: string
+  headerTag?: string
+  headerTextVariant?: TextColorVariant | null
+  headerVariant?: ColorVariant | null
+  imgAlt?: string
+  imgBottom?: boolean
+  imgEnd?: boolean
+  imgHeight?: Numberish
+  imgSrc?: string
+  imgStart?: boolean
+  imgTop?: boolean
+  imgWidth?: Numberish
+  noBody?: boolean
+  overlay?: boolean
+  subtitle?: string
+  subtitleTag?: string
+  subtitleTextVariant?: TextColorVariant | null
+  tag?: string
+  title?: string
+  titleTag?: string
+}
+
+export interface BCardBodyProps extends ColorExtendables {
+  overlay?: boolean
+  subtitle?: string
+  subtitleTag?: string
+  subtitleTextVariant?: TextColorVariant | null
+  tag?: string
+  text?: string
+  title?: string
+  titleTag?: string
+}
+
+export interface BCardGroupProps {
+  columns?: boolean
+  deck?: boolean
+  tag?: string
+}
+
+export interface BCardImageProps extends BImgProps {
+  bottom?: boolean
+  top?: boolean
+}
+
+export interface BCardSubtitleProps {
+  text?: string
+  tag?: string
+  textVariant?: TextColorVariant | null
+}
+
+export interface BCardTextProps {
+  tag?: string
+  text?: string
+}
+
+export interface BCardTitleProps {
+  tag?: string
+  text?: string
+}
+
+export interface BCarouselProps {
+  background?: string
+  controls?: boolean
+  controlsNextText?: string
+  controlsPrevText?: string
+  fade?: boolean
+  id?: string
+  imgHeight?: string
+  imgWidth?: string
+  indicators?: boolean
+  indicatorsButtonLabel?: string
+  interval?: Numberish
+  keyboard?: boolean
+  modelValue?: number
+  noHoverPause?: boolean
+  noTouch?: boolean
+  noWrap?: boolean
+  ride?: boolean | 'carousel'
+  rideReverse?: boolean
+  touchThreshold?: Numberish
+}
+
+export interface BCarouselSlideProps {
+  background?: string
+  caption?: string
+  captionHtml?: string
+  captionTag?: string
+  contentTag?: string
+  contentVisibleUp?: string
+  id?: string
+  imgAlt?: string
+  imgBlank?: boolean
+  imgBlankColor?: string
+  imgHeight?: Numberish
+  imgSrc?: string
+  imgSrcset?: string | readonly string[]
+  imgWidth?: Numberish
+  interval?: Numberish
+  text?: string
+  textHtml?: string
+  textTag?: string
+}
+
 export interface BTransitionProps {
-  appear?: Booleanish
+  appear?: boolean
   mode?: TransitionMode
-  noFade?: Booleanish
+  noFade?: boolean
   transProps?: Readonly<TransitionProps>
 }
 
 export interface BImgProps extends RadiusElementExtendables {
-  blank?: Booleanish
+  blank?: boolean
   blankColor?: string
-  block?: Booleanish
-  center?: Booleanish
-  end?: Booleanish
-  fluid?: Booleanish
-  fluidGrow?: Booleanish
+  block?: boolean
+  center?: boolean
+  end?: boolean
+  fluid?: boolean
+  fluidGrow?: boolean
   height?: Numberish
-  lazy?: Booleanish
+  lazy?: boolean
   sizes?: string | readonly string[]
   src?: string
   srcset?: string | readonly string[]
-  start?: Booleanish
-  thumbnail?: Booleanish
+  start?: boolean
+  thumbnail?: boolean
   width?: Numberish
 }
 
 export interface BFormProps {
-  floating?: Booleanish
+  floating?: boolean
   id?: string
-  novalidate?: Booleanish
-  validated?: Booleanish
+  novalidate?: boolean
+  validated?: boolean
 }
 
 export interface BTableSimpleProps {
-  bordered?: Booleanish
-  borderless?: Booleanish
+  bordered?: boolean
+  borderless?: boolean
   borderVariant?: ColorVariant | null
-  captionTop?: Booleanish
-  dark?: Booleanish
-  fixed?: Booleanish
-  hover?: Booleanish
+  captionTop?: boolean
+  dark?: boolean
+  fixed?: boolean
+  hover?: boolean
   id?: string
-  noBorderCollapse?: Booleanish
-  outlined?: Booleanish
-  responsive?: Booleanish | Breakpoint
-  small?: Booleanish
-  stacked?: Booleanish | Breakpoint
-  stickyHeader?: Booleanish
-  striped?: Booleanish
-  stripedColumns?: Booleanish
+  noBorderCollapse?: boolean
+  outlined?: boolean
+  responsive?: boolean | Breakpoint
+  small?: boolean
+  stacked?: boolean | Breakpoint
+  stickyHeader?: boolean | Numberish
+  striped?: boolean
+  stripedColumns?: boolean
   tableClass?: ClassValue
   variant?: ColorVariant | null
 }
 
-export interface BTableLiteProps<T = Record<string, unknown>> extends BTableSimpleProps {
+export interface BTableLiteProps<T> extends BTableSimpleProps {
   align?: VerticalAlign
   caption?: string
   captionHtml?: string
@@ -116,24 +987,28 @@ export interface BTableLiteProps<T = Record<string, unknown>> extends BTableSimp
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     | readonly any[]
   fields?: TableFieldRaw<T>[]
-  footClone?: Booleanish
+  footClone?: boolean
   footRowVariant?: ColorVariant | null
   footVariant?: ColorVariant | null
   headRowVariant?: ColorVariant | null
   headVariant?: ColorVariant | null
-  items?: readonly TableItem<T>[]
-  labelStacked?: Booleanish
+  items?: readonly T[]
+  labelStacked?: boolean
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   modelValue?: any
   primaryKey?: string
-  showEmpty?: Booleanish
+  showEmpty?: boolean
   tbodyClass?: ClassValue
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   tbodyTrAttr?: any
   // tbodyTransitionHandlers
   // tbodyTransitionProps
-  tbodyTrClass?: // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  | ((item: TableItem | null, type: string) => string | readonly any[] | null | undefined)
+  tbodyTrClass?:
+    | ((
+        item: T | null,
+        type: string
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      ) => string | readonly any[] | null | undefined)
     | string
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     | Readonly<Record<PropertyKey, any>>
@@ -144,65 +1019,140 @@ export interface BTableLiteProps<T = Record<string, unknown>> extends BTableSimp
   theadClass?: ClassValue
   theadTrClass?: ClassValue
 }
+
+export interface BTableProps<T> extends Omit<BTableLiteProps<T>, 'tableClass'> {
+  provider?: BTableProvider<T>
+  noProvider?: readonly NoProviderTypes[]
+  noProviderPaging?: boolean
+  noProviderSorting?: boolean
+  noProviderFiltering?: boolean
+  sortBy?: BTableSortBy[]
+  mustSort?: boolean | string[] // TODO this is a string of fields, possibly generic
+  noSortReset?: boolean
+  selectable?: boolean
+  multisort?: boolean
+  stickySelect?: boolean
+  selectHead?: boolean | string
+  selectMode?: 'multi' | 'single' | 'range'
+  selectionVariant?: ColorVariant | null
+  busy?: boolean
+  busyLoadingText?: string
+  perPage?: Numberish
+  currentPage?: Numberish
+  filter?: string
+  filterable?: readonly string[]
+  // TODO
+  // apiUrl?: string
+  // filterFunction?: () => any
+  // filterIgnoredFields?: any[]
+  // filterIncludedFields?: any[]
+  // headRowVariant?: ColorVariant | null
+  // headVariant?: ColorVariant | null
+  // labelSortAsc?: string
+  // labelSortClear?: string
+  // labelSortDesc?: string
+  // noFooterSorting?: boolean
+  noLocalSorting?: boolean
+  noSelectOnClick?: boolean
+  // selectedVariant?: ColorVariant | null
+  // showEmpty?: boolean
+  // sortDirection?: 'asc' | 'desc' | 'last'
+  // sortIconLeft?: boolean
+  // sortNullLast?: boolean
+  selectedItems?: readonly T[]
+  noSortableIcon?: boolean
+}
+
+export interface BTrProps {
+  variant?: ColorVariant | null
+}
+
+export interface BTheadProps {
+  variant?: ColorVariant | null
+}
+
+export interface BTfootProps {
+  variant?: ColorVariant | null
+}
+
+export interface BTdProps {
+  colspan?: Numberish
+  rowspan?: Numberish
+  stackedHeading?: string
+  stickyColumn?: boolean
+  variant?: ColorVariant | null
+}
+
+export interface BTbodyProps {
+  variant?: ColorVariant | null
+}
+
+export interface BThProps {
+  colspan?: Numberish
+  rowspan?: Numberish
+  stackedHeading?: string
+  stickyColumn?: boolean
+  variant?: ColorVariant | null
+}
+
 export interface BProgressBarProps extends ColorExtendables {
-  animated?: Booleanish
+  animated?: boolean
   label?: string
   labelHtml?: string
   max?: Numberish
   precision?: Numberish
-  showProgress?: Booleanish
-  showValue?: Booleanish
-  striped?: Booleanish
+  showProgress?: boolean
+  showValue?: boolean
+  striped?: boolean
   value?: Numberish
 }
 
 export interface BInputGroupAddonProps {
-  isText?: Booleanish
+  isText?: boolean
 }
 
 export interface BFormFeedbackSharedProps {
   ariaLive?: string
-  forceShow?: Booleanish
+  forceShow?: boolean
   id?: string
   role?: string
-  state?: Booleanish | null
+  state?: boolean | null
   tag?: string
   text?: string
-  tooltip?: Booleanish
+  tooltip?: boolean
 }
 
-export interface BDropdownProps {
+export interface BDropdownProps extends TeleporterProps {
   ariaLabel?: string
   autoClose?: boolean | 'inside' | 'outside'
   boundary?: Boundary | RootBoundary
   boundaryPadding?: Padding
-  center?: Booleanish
-  container?: string | ComponentPublicInstance<HTMLElement> | HTMLElement | undefined
-  disabled?: Booleanish
-  dropend?: Booleanish
-  dropstart?: Booleanish
-  dropup?: Booleanish
-  end?: Booleanish
+  center?: boolean
+  disabled?: boolean
+  dropend?: boolean
+  dropstart?: boolean
+  dropup?: boolean
+  end?: boolean
   floatingMiddleware?: Middleware[]
   id?: string
-  isNav?: Booleanish
-  lazy?: Booleanish
+  isNav?: boolean
+  lazy?: boolean
   menuClass?: ClassValue
-  modelValue?: Booleanish
-  noCaret?: Booleanish
-  noFlip?: Booleanish
-  noShift?: Booleanish
-  noSize?: Booleanish
+  modelValue?: boolean
+  noCaret?: boolean
+  noFlip?: boolean
+  noShift?: boolean
+  noSize?: boolean
   offset?:
     | number
     | string
     | Readonly<{mainAxis?: number; crossAxis?: number; alignmentAxis?: number | null}>
   role?: string
   size?: Size
-  split?: Booleanish
+  split?: boolean
   splitButtonType?: ButtonType
   splitClass?: ClassValue
-  splitDisabled?: Booleanish
+  splitDisabled?: boolean
   splitHref?: string
   splitTo?: RouteLocationRaw
   splitVariant?: ButtonVariant | null
@@ -220,24 +1170,23 @@ export interface BToastProps extends ColorExtendables, Omit<BLinkProps, 'routerT
   headerTag?: string
   id?: string
   interval?: Numberish
-  isStatus?: Booleanish
+  isStatus?: boolean
   modelValue?: boolean | number
-  noCloseButton?: Booleanish
-  noFade?: Booleanish
-  noHoverPause?: Booleanish
+  noCloseButton?: boolean
+  noFade?: boolean
+  noHoverPause?: boolean
   progressProps?: Omit<BProgressBarProps, 'label' | 'labelHtml' | 'max' | 'value'>
-  showOnPause?: Booleanish
-  solid?: Booleanish
+  showOnPause?: boolean
+  solid?: boolean
   title?: string
   toastClass?: ClassValue
   transProps?: Readonly<BTransitionProps>
 }
 
-export interface BPopoverProps {
+export interface BPopoverProps extends TeleporterProps {
   boundary?: Boundary | RootBoundary
   boundaryPadding?: Padding
-  click?: Booleanish
-  container?: string | Readonly<ComponentPublicInstance> | Readonly<HTMLElement> | undefined
+  click?: boolean
   content?: string
   customClass?: ClassValue
   delay?:
@@ -247,33 +1196,33 @@ export interface BPopoverProps {
         hide: number
       }>
   floatingMiddleware?: Middleware[]
-  hide?: Booleanish
-  html?: Booleanish
+  hide?: boolean
+  html?: boolean
   id?: string
-  inline?: Booleanish
-  manual?: Booleanish
-  modelValue?: Booleanish
-  noAutoClose?: Booleanish
-  noFade?: Booleanish
-  noFlip?: Booleanish
-  noHide?: Booleanish
-  noShift?: Booleanish
-  noSize?: Booleanish
-  noninteractive?: Booleanish
+  inline?: boolean
+  manual?: boolean
+  modelValue?: boolean
+  noAutoClose?: boolean
+  noFade?: boolean
+  noFlip?: boolean
+  noHide?: boolean
+  noShift?: boolean
+  noSize?: boolean
+  noninteractive?: boolean
   offset?: Numberish | null
   placement?: PopoverPlacement
-  persistent?: Booleanish
-  realtime?: Booleanish
+  persistent?: boolean
+  realtime?: boolean
   reference?: string | Readonly<ComponentPublicInstance> | Readonly<HTMLElement> | null
   strategy?: Strategy
   target?: string | Readonly<ComponentPublicInstance> | Readonly<HTMLElement> | null
   title?: string
-  tooltip?: Booleanish
+  tooltip?: boolean
   variant?: ColorVariant | null
 }
 
 export interface BTooltipProps extends Omit<BPopoverProps, 'tooltip'> {
-  interactive?: Booleanish
+  interactive?: boolean
 }
 
 export interface BCardHeadFootProps extends ColorExtendables {
@@ -283,22 +1232,23 @@ export interface BCardHeadFootProps extends ColorExtendables {
   text?: string
 }
 
-export interface BModalProps {
-  autoFocus?: Booleanish
+export interface BModalProps extends TeleporterProps {
+  autoFocus?: boolean
   autoFocusButton?: 'ok' | 'cancel' | 'close'
   body?: string
   backdropVariant?: ColorVariant | null
+  bodyAttrs?: Readonly<AttrsValue>
   bodyBgVariant?: ColorVariant | null
   bodyClass?: ClassValue
-  bodyScrolling?: Booleanish
+  bodyScrolling?: boolean
   bodyTextVariant?: TextColorVariant | null
   bodyVariant?: ColorVariant | null
-  busy?: Booleanish
+  busy?: boolean
   buttonSize?: Size
-  cancelDisabled?: Booleanish
+  cancelDisabled?: boolean
   cancelTitle?: string
   cancelVariant?: ButtonVariant | null
-  centered?: Booleanish
+  centered?: boolean
   contentClass?: ClassValue
   dialogClass?: ClassValue
   footerBgVariant?: ColorVariant | null
@@ -306,7 +1256,7 @@ export interface BModalProps {
   footerClass?: ClassValue
   footerTextVariant?: TextColorVariant | null
   footerVariant?: ColorVariant | null
-  fullscreen?: Booleanish | Breakpoint
+  fullscreen?: boolean | Breakpoint
   headerBgVariant?: ColorVariant | null
   headerBorderVariant?: ColorVariant | null
   headerClass?: ClassValue
@@ -315,28 +1265,26 @@ export interface BModalProps {
   headerCloseVariant?: ButtonVariant | null
   headerTextVariant?: TextColorVariant | null
   headerVariant?: ColorVariant | null
-  hideBackdrop?: Booleanish
-  hideFooter?: Booleanish
-  hideHeader?: Booleanish
-  hideHeaderClose?: Booleanish
+  hideBackdrop?: boolean
+  hideFooter?: boolean
+  hideHeader?: boolean
+  hideHeaderClose?: boolean
   id?: string
-  lazy?: Booleanish
+  lazy?: boolean
   modalClass?: ClassValue
-  modelValue?: Booleanish
-  noCloseOnBackdrop?: Booleanish
-  noCloseOnEsc?: Booleanish
-  noFade?: Booleanish
-  okDisabled?: Booleanish
-  okOnly?: Booleanish
+  modelValue?: boolean
+  noCloseOnBackdrop?: boolean
+  noCloseOnEsc?: boolean
+  noFade?: boolean
+  okDisabled?: boolean
+  okOnly?: boolean
   okTitle?: string
   okVariant?: ButtonVariant | null
-  scrollable?: Booleanish
+  scrollable?: boolean
   size?: Size | 'xl'
-  teleportDisabled?: Booleanish
-  teleportTo?: string | Readonly<RendererElement> | null | undefined
   title?: string
   titleClass?: ClassValue
-  titleSrOnly?: Booleanish
+  titleSrOnly?: boolean
   titleTag?: string
   transProps?: Readonly<BTransitionProps>
 }
diff --git a/packages/bootstrap-vue-next/src/types/FormCommonInputProps.ts b/packages/bootstrap-vue-next/src/types/FormCommonInputProps.ts
index 440674b07..9a9968cb2 100644
--- a/packages/bootstrap-vue-next/src/types/FormCommonInputProps.ts
+++ b/packages/bootstrap-vue-next/src/types/FormCommonInputProps.ts
@@ -1,4 +1,4 @@
-import type {AriaInvalid, Booleanish, Numberish, Size} from '.'
+import type {AriaInvalid, Numberish, Size} from '.'
 
 export interface FormDebounceOptions {
   debounce?: Numberish
@@ -8,22 +8,22 @@ export interface FormDebounceOptions {
 export interface CommonInputProps extends FormDebounceOptions {
   ariaInvalid?: AriaInvalid
   autocomplete?: string
-  autofocus?: Booleanish
-  disabled?: Booleanish
+  autofocus?: boolean
+  disabled?: boolean
   form?: string
   formatter?: (val: string, evt: Event) => string
   id?: string
-  lazy?: Booleanish
-  lazyFormatter?: Booleanish
+  lazy?: boolean
+  lazyFormatter?: boolean
   list?: string
   modelValue?: Numberish | null
   name?: string
-  number?: Booleanish
+  number?: boolean
   placeholder?: string
-  plaintext?: Booleanish
-  readonly?: Booleanish
-  required?: Booleanish
+  plaintext?: boolean
+  readonly?: boolean
+  required?: boolean
   size?: Size
-  state?: Booleanish | null | undefined
-  trim?: Booleanish
+  state?: boolean | null | undefined
+  trim?: boolean
 }
diff --git a/packages/bootstrap-vue-next/src/types/LiteralUnion.ts b/packages/bootstrap-vue-next/src/types/LiteralUnion.ts
index 17695c33a..7bf85436f 100644
--- a/packages/bootstrap-vue-next/src/types/LiteralUnion.ts
+++ b/packages/bootstrap-vue-next/src/types/LiteralUnion.ts
@@ -1 +1,19 @@
+/**
+ * Represents a type that is a union of a literal type `T` and a string type `U`.
+ * The `U & Record<never, never>` part is a trick that allows string types to be used in a way that is compatible with literal types.
+ *
+ * @template T The literal type.
+ * @template U The string type. Defaults to `string` if not provided.
+ *
+ * @example
+ * // Define a type that can be "small", "medium", "large", or any string
+ * type Size = LiteralUnion<"small" | "medium" | "large">
+ *
+ * // Now this variable can be assigned "small", "medium", "large", or any string
+ * let shirtSize: Size;
+ * shirtSize = "small"; // OK
+ * shirtSize = "medium"; // OK
+ * shirtSize = "large"; // OK
+ * shirtSize = "extra large"; // Also OK
+ */
 export type LiteralUnion<T, U = string> = T | (U & Record<never, never>)
diff --git a/packages/bootstrap-vue-next/src/types/RadioTypes.ts b/packages/bootstrap-vue-next/src/types/RadioTypes.ts
index 0f8ea8a85..96be96baf 100644
--- a/packages/bootstrap-vue-next/src/types/RadioTypes.ts
+++ b/packages/bootstrap-vue-next/src/types/RadioTypes.ts
@@ -1,6 +1,6 @@
 export type RadioValue =
-  | string
   | boolean
+  | string
   | readonly unknown[]
   | Readonly<Record<string, unknown>>
   | number
diff --git a/packages/bootstrap-vue-next/src/types/RadiusElement.ts b/packages/bootstrap-vue-next/src/types/RadiusElement.ts
index fe7ae6c0f..0c5699c3d 100644
--- a/packages/bootstrap-vue-next/src/types/RadiusElement.ts
+++ b/packages/bootstrap-vue-next/src/types/RadiusElement.ts
@@ -1,5 +1,3 @@
-import type {Booleanish} from '.'
-
 export type RadiusElement =
   | 'circle'
   | 'pill'
@@ -20,9 +18,9 @@ export type RadiusElement =
   | 5
 
 export type RadiusElementExtendables = {
-  rounded?: RadiusElement | Booleanish
-  roundedTop?: RadiusElement | Booleanish
-  roundedBottom?: RadiusElement | Booleanish
-  roundedStart?: RadiusElement | Booleanish
-  roundedEnd?: RadiusElement | Booleanish
+  rounded?: boolean | RadiusElement
+  roundedTop?: boolean | RadiusElement
+  roundedBottom?: boolean | RadiusElement
+  roundedStart?: boolean | RadiusElement
+  roundedEnd?: boolean | RadiusElement
 }
diff --git a/packages/bootstrap-vue-next/src/types/TableTypes.ts b/packages/bootstrap-vue-next/src/types/TableTypes.ts
index 4753e8e1d..711c59885 100644
--- a/packages/bootstrap-vue-next/src/types/TableTypes.ts
+++ b/packages/bootstrap-vue-next/src/types/TableTypes.ts
@@ -1,42 +1,43 @@
-import type {Booleanish, ClassValue, ColorVariant, LiteralUnion, MaybePromise} from '.'
+import type {ClassValue, ColorVariant, LiteralUnion, MaybePromise} from '.'
 import type {StyleValue} from 'vue'
 
-export type BTableProviderContext = {
-  readonly filter: string | undefined
-  readonly sortBy: string | undefined
-  readonly currentPage: number
-  readonly perPage: number
-  readonly sortDesc: Booleanish
-}
-
 export type TableItem<T = Record<string, unknown>> = T & {
   _rowVariant?: ColorVariant | null
   _cellVariants?: Partial<Record<keyof T, ColorVariant>>
   _showDetails?: boolean
 }
 
-export type BTableProvider<T = Record<string, unknown>> = (
-  context: BTableProviderContext
-) => MaybePromise<TableItem<T>[] | undefined>
+export const isTableItem = (value: unknown): value is TableItem =>
+  typeof value === 'object' && value !== null
 
-export type BTableSortCompare<T> = (
-  aRow: TableItem<T>,
-  bRow: TableItem<T>,
-  fieldKey: string,
-  sortDesc: boolean
-) => number
+// undefined means no sorting
+export type BTableSortByOrder = 'desc' | 'asc' | undefined
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export type TableFieldFormatter<T = any> =
-  | string
-  | ((value: unknown, key?: LiteralUnion<keyof T>, item?: T) => string)
+export type BTableSortBy = {
+  order: BTableSortByOrder
+  key: string
+  comparer?: (a: string, b: string) => number
+}
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export type TableFieldAttribute<T = any> =
+export type BTableProviderContext = {
+  sortBy: BTableSortBy[] | undefined
+  filter: string | undefined
+  currentPage: number
+  perPage: number
+}
+
+export type BTableProvider<T> = (
+  context: Readonly<BTableProviderContext>
+) => MaybePromise<T[] | undefined>
+
+export type TableFieldFormatter<T> = (value: unknown, key: string, item: T) => string
+
+export type TableFieldAttribute<T> =
   | Record<string, unknown>
-  | ((value: unknown, key?: LiteralUnion<keyof T>, item?: T) => Record<string, unknown>)
+  | ((value: unknown, key: string, item: T) => Record<string, unknown>)
 
-export interface TableField<T = Record<string, unknown>> {
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export type TableField<T = any> = {
   key: LiteralUnion<keyof T>
   label?: string
   headerTitle?: string
@@ -58,4 +59,14 @@ export interface TableField<T = Record<string, unknown>> {
   stickyColumn?: boolean
 }
 
-export type TableFieldRaw<T = Record<string, unknown>> = string | TableField<T>
+export type TableFieldRaw<T = unknown> = T extends object
+  ? LiteralUnion<keyof T> | TableField<T>
+  : string | TableField
+
+export const isTableField = <T>(value: unknown): value is TableField<T> =>
+  typeof value === 'object' && value !== null && 'key' in value
+
+export const isTableFieldRaw = <T>(value: unknown): value is TableFieldRaw<T> =>
+  typeof value === 'string' || isTableField(value)
+
+export type NoProviderTypes = 'paging' | 'sorting' | 'filtering'
diff --git a/packages/bootstrap-vue-next/src/types/exports/index.ts b/packages/bootstrap-vue-next/src/types/exports/index.ts
index 941ea2e52..e4e1346e8 100644
--- a/packages/bootstrap-vue-next/src/types/exports/index.ts
+++ b/packages/bootstrap-vue-next/src/types/exports/index.ts
@@ -15,6 +15,7 @@ export type {
   BreadcrumbItem,
   BreadcrumbItemRaw,
   Breakpoint,
+  BTableSortBy,
   ButtonType,
   ButtonVariant,
   CheckboxOption,
@@ -54,3 +55,5 @@ export type {
   TransitionMode,
   VerticalAlign,
 } from '..'
+
+export * from '../ComponentProps'
diff --git a/packages/bootstrap-vue-next/src/utils/floatingUi.ts b/packages/bootstrap-vue-next/src/utils/floatingUi.ts
index 49c09bc66..d4150ab13 100644
--- a/packages/bootstrap-vue-next/src/utils/floatingUi.ts
+++ b/packages/bootstrap-vue-next/src/utils/floatingUi.ts
@@ -1,9 +1,10 @@
 import type {Placement} from '@floating-ui/vue'
 export {autoUpdate} from '@floating-ui/vue'
 
-import {type App, createApp, type DirectiveBinding, h, type Ref} from 'vue'
+import {type DirectiveBinding, h, render} from 'vue'
 import {DefaultAllowlist, sanitizeHtml} from './sanitizer'
 import BPopover from '../components/BPopover.vue'
+import type {BPopoverProps} from '../types'
 
 // TODO this function doesn't currently resolve with RTL in mind. Once Bootstrap finalizes their RTL, we should make this change here
 /**
@@ -106,26 +107,25 @@ export const resolveDirectiveProps = (
 })
 
 export interface ElementWithPopper extends HTMLElement {
-  $__state?: Ref<{title: string; target: HTMLElement}>
-  $__app?: App
   $__element?: HTMLElement
 }
 
-export const bind = (el: ElementWithPopper, binding: Readonly<DirectiveBinding>) => {
+export const bind = (
+  el: ElementWithPopper,
+  binding: Readonly<DirectiveBinding>,
+  props: BPopoverProps
+) => {
   const div = document.createElement('span')
   if (binding.modifiers.body) document.body.appendChild(div)
   else if (binding.modifiers.child) el.appendChild(div)
   else el.parentNode?.insertBefore(div, el.nextSibling)
-  el.$__app = createApp({render: () => h(BPopover, {...el.$__state?.value})})
-  el.$__app.mount(div)
+  render(h(BPopover, props), div)
   el.$__element = div
 }
 
 export const unbind = (el: ElementWithPopper) => {
   const div = el.$__element
-  el.$__app?.unmount()
-  delete el.$__app
-  delete el.$__state
+  if (div) render(null, div)
   setTimeout(() => {
     div?.remove()
   }, 0)
diff --git a/packages/bootstrap-vue-next/src/utils/formatItem.ts b/packages/bootstrap-vue-next/src/utils/formatItem.ts
index b8a17fbc7..0c9a9efee 100644
--- a/packages/bootstrap-vue-next/src/utils/formatItem.ts
+++ b/packages/bootstrap-vue-next/src/utils/formatItem.ts
@@ -1,10 +1,11 @@
-import type {TableFieldFormatter, TableItem} from '../types'
+import type {TableFieldFormatter} from '../types'
 import {get} from '.'
 
-export default <T = Record<string, unknown>>(
-  item: TableItem<T>,
+export default (
+  item: unknown,
+  // Weakly type fieldKey because it can be a nested string, such as 'foo.bar.baz'
   fieldKey: string,
-  formatter?: TableFieldFormatter<typeof item>
+  formatter?: TableFieldFormatter<unknown>
 ) => {
   const val = get(item, fieldKey)
   return formatter && typeof formatter === 'function' ? formatter(val, fieldKey, item) : val
diff --git a/packages/bootstrap-vue-next/src/utils/getId.ts b/packages/bootstrap-vue-next/src/utils/getId.ts
deleted file mode 100644
index 0b85fd498..000000000
--- a/packages/bootstrap-vue-next/src/utils/getId.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export default (suffix = ''): string =>
-  `__BVID__${Math.random().toString().slice(2, 8)}___BV_${suffix}__`
diff --git a/packages/bootstrap-vue-next/src/utils/getTableFieldHeadLabel.ts b/packages/bootstrap-vue-next/src/utils/getTableFieldHeadLabel.ts
index f8c870505..9d6f351c7 100644
--- a/packages/bootstrap-vue-next/src/utils/getTableFieldHeadLabel.ts
+++ b/packages/bootstrap-vue-next/src/utils/getTableFieldHeadLabel.ts
@@ -1,7 +1,7 @@
 import {titleCase} from './stringUtils'
 import type {TableFieldRaw} from '../types'
 
-export default <T = Record<string, unknown>>(field: Readonly<TableFieldRaw<T>>) =>
+export default (field: Readonly<TableFieldRaw<unknown>>) =>
   typeof field === 'string'
     ? titleCase(field)
     : field.label !== undefined
diff --git a/packages/bootstrap-vue-next/src/utils/index.ts b/packages/bootstrap-vue-next/src/utils/index.ts
index 9ed5acb53..40b7badb0 100644
--- a/packages/bootstrap-vue-next/src/utils/index.ts
+++ b/packages/bootstrap-vue-next/src/utils/index.ts
@@ -7,7 +7,6 @@ export {default as formatItem} from './formatItem'
 export {default as getBreakpointProps} from './getBreakpointProps'
 export {default as getClasses} from './getClasses'
 export {default as getElement} from './getElement'
-export {default as getId} from './getId'
 export {default as getSlotElements} from './getSlotElements'
 export {default as getTableFieldHeadLabel} from './getTableFieldHeadLabel'
 export {default as isLink} from './isLink'
diff --git a/packages/bootstrap-vue-next/src/utils/keys.ts b/packages/bootstrap-vue-next/src/utils/keys.ts
index e1cf87a2a..2ee99413a 100644
--- a/packages/bootstrap-vue-next/src/utils/keys.ts
+++ b/packages/bootstrap-vue-next/src/utils/keys.ts
@@ -93,6 +93,7 @@ export const checkboxGroupKey: InjectionKey<{
   plain: Readonly<Ref<boolean>>
   size: Readonly<Ref<Size>>
   inline: Readonly<Ref<boolean>>
+  reverse: Readonly<Ref<boolean>>
   required: Readonly<Ref<boolean>>
   buttons: Readonly<Ref<boolean>>
   disabled: Readonly<Ref<boolean>>
@@ -108,6 +109,7 @@ export const radioGroupKey: InjectionKey<{
   plain: Readonly<Ref<boolean>>
   size: Readonly<Ref<Size>>
   inline: Readonly<Ref<boolean>>
+  reverse: Readonly<Ref<boolean>>
   required: Readonly<Ref<boolean>>
   disabled: Readonly<Ref<boolean>>
 }> = Symbol('radioGroup')
@@ -115,8 +117,8 @@ export const radioGroupKey: InjectionKey<{
 // Collapse
 export const collapseInjectionKey: InjectionKey<{
   id?: Readonly<Ref<string>>
-  readonly close?: () => void
-  readonly open?: () => void
+  readonly hide?: () => void
+  readonly show?: () => void
   readonly toggle?: () => void
   visible?: Readonly<Ref<boolean>>
   isNav?: Readonly<Ref<boolean>>
@@ -124,8 +126,8 @@ export const collapseInjectionKey: InjectionKey<{
 
 export const dropdownInjectionKey: InjectionKey<{
   id?: Readonly<Ref<string>>
-  readonly close?: () => void
-  readonly open?: () => void
+  readonly hide?: () => void
+  readonly show?: () => void
   readonly toggle?: () => void
   visible?: Readonly<Ref<boolean>>
   isNav?: Readonly<Ref<boolean>>
@@ -201,3 +203,5 @@ export const modalManagerPluginKey: InjectionKey<{
   pushRegistry: (modal: Readonly<ComponentInternalInstance>) => void
   removeRegistry: (modal: Readonly<ComponentInternalInstance>) => void
 }> = Symbol('modalManagerPlugin')
+
+export const idPluginKey: InjectionKey<() => string> = Symbol('idPluginKey')
diff --git a/packages/bootstrap-vue-next/tests/composables/idPlugin.spec.ts b/packages/bootstrap-vue-next/tests/composables/idPlugin.spec.ts
new file mode 100644
index 000000000..81de957de
--- /dev/null
+++ b/packages/bootstrap-vue-next/tests/composables/idPlugin.spec.ts
@@ -0,0 +1,100 @@
+/* eslint-disable vue/one-component-per-file */
+import {mount} from '@vue/test-utils'
+import {getId} from '../../src/composables'
+import {describe, expect, it} from 'vitest'
+import {defineComponent, h, provide} from 'vue'
+import {useSetup} from '../utils'
+import {idPluginKey} from '../../src/utils'
+
+describe('getId', () => {
+  it('returns something', () => {
+    useSetup(() => {
+      const value = getId()
+      expect(value).toBeDefined()
+    })
+  })
+
+  it('returns a string', () => {
+    useSetup(() => {
+      const value = getId()
+      expect(typeof value === 'string').toBe(true)
+    })
+  })
+
+  it('string contains __BVID__', () => {
+    useSetup(() => {
+      const value = getId()
+      expect(value).toContain('__BVID__')
+    })
+  })
+
+  it('string contains ___BV_{suffix}__ when suffix is defined', () => {
+    useSetup(() => {
+      const value = getId('foobar')
+      expect(value).toContain('___BV_foobar__')
+    })
+  })
+
+  it('string contains ___BV___ when not suffix', () => {
+    useSetup(() => {
+      const value = getId()
+      expect(value).toContain('___BV___')
+    })
+  })
+})
+
+export function useSetupWithProvideGetId<V>(setup: () => V) {
+  const Comp = defineComponent({
+    setup,
+    render() {
+      return h('div')
+    },
+  })
+
+  const Provider = defineComponent({
+    components: {Comp},
+    setup() {
+      provide(idPluginKey, () => `${Math.random().toString().slice(2, 8)}__PROVIDED__`)
+    },
+    template: '<Comp />',
+  })
+
+  return mount(Provider, {slots: {default: Comp}})
+}
+
+describe('provideGetId', () => {
+  it('returns something', () => {
+    useSetupWithProvideGetId(() => {
+      const value = getId()
+      expect(value).toBeDefined()
+    })
+  })
+
+  it('returns a string', () => {
+    useSetupWithProvideGetId(() => {
+      const value = getId()
+      expect(typeof value === 'string').toBe(true)
+    })
+  })
+
+  it('string contains __PROVIDED__', () => {
+    useSetupWithProvideGetId(() => {
+      const value = getId()
+      expect(value).toContain('__PROVIDED__')
+    })
+  })
+
+  it('string contains __PROVIDED_____BV_{suffix}__ when suffix is defined', () => {
+    useSetupWithProvideGetId(() => {
+      const value = getId('foobar')
+      expect(value).toContain('__PROVIDED_____BV_foobar__')
+    })
+  })
+
+  it('string contains __PROVIDED_____BV___ when not suffix', () => {
+    useSetupWithProvideGetId(() => {
+      const value = getId()
+      expect(value).toContain('__PROVIDED_____BV___')
+    })
+  })
+})
diff --git a/packages/bootstrap-vue-next/tests/composables/useBooleanish.spec.ts b/packages/bootstrap-vue-next/tests/composables/useBooleanish.spec.ts
deleted file mode 100644
index 73b40b4ba..000000000
--- a/packages/bootstrap-vue-next/tests/composables/useBooleanish.spec.ts
+++ /dev/null
@@ -1,85 +0,0 @@
-import {useBooleanish} from '../../src/composables'
-import {describe, expect, it} from 'vitest'
-import {reactive} from 'vue'
-import type {Booleanish} from '../../src/types'
-
-describe('useBooleanish blackbox test', () => {
-  // To try to ensure it is ComputedRef
-  it('value to contain property value', () => {
-    const prop = {value: 'false' as Booleanish}
-    const value = useBooleanish(() => prop.value)
-    expect(value).toHaveProperty('value')
-  })
-
-  it("value to return bool true, when 'false'", () => {
-    const prop = {value: 'false' as Booleanish}
-    const value = useBooleanish(() => prop.value)
-    expect(value.value).toBe(true)
-  })
-
-  it('value to return bool false, when false', () => {
-    const prop = {value: false as Booleanish}
-    const value = useBooleanish(() => prop.value)
-    expect(value.value).toBe(false)
-  })
-
-  it("value to return bool true, when 'true'", () => {
-    const prop = {value: 'true' as Booleanish}
-    const value = useBooleanish(() => prop.value)
-    expect(value.value).toBe(true)
-  })
-
-  it('value to return bool true, when true', () => {
-    const prop = {value: 'false' as Booleanish}
-    const value = useBooleanish(() => prop.value)
-    expect(value.value).toBe(true)
-  })
-
-  it('return value to be reactive', () => {
-    const prop = reactive<{value: Booleanish}>({value: false})
-    const value = useBooleanish(() => prop.value)
-    expect(value.value).toBe(false)
-    prop.value = true
-    expect(value.value).toBe(true)
-    prop.value = 'false'
-    expect(value.value).toBe(true)
-    prop.value = false
-    expect(value.value).toBe(false)
-  })
-
-  it('returns value undefined when undefined', () => {
-    const prop = reactive<{value: Booleanish | undefined}>({value: undefined})
-    const value = useBooleanish(() => prop.value)
-    expect(value.value).toBeUndefined()
-  })
-
-  it('returns value undefined when null', () => {
-    const prop = reactive<{value: Booleanish | null}>({value: null})
-    const value = useBooleanish(() => prop.value)
-    expect(value.value).toBeNull()
-  })
-
-  it('returns value when not Booleanish number variant', () => {
-    const prop = reactive<{value: Booleanish | number}>({value: 1})
-    const value = useBooleanish(() => prop.value)
-    expect(value.value).toBe(1)
-  })
-
-  it('returns value when not Booleanish string variant', () => {
-    const prop = reactive<{value: Booleanish | string}>({value: '1'})
-    const value = useBooleanish(() => prop.value)
-    expect(value.value).toBe('1')
-  })
-
-  it('returns value when not Booleanish object variant', () => {
-    const prop = reactive<{value: Booleanish | Record<string, unknown>}>({value: {a: 1}})
-    const value = useBooleanish(() => prop.value)
-    expect(value.value).toEqual({a: 1})
-  })
-
-  it('returns value when not Booleanish array variant', () => {
-    const prop = reactive<{value: Booleanish | string[]}>({value: ['1']})
-    const value = useBooleanish(() => prop.value)
-    expect(value.value).toEqual(['1'])
-  })
-})
diff --git a/packages/bootstrap-vue-next/tests/composables/useId.spec.ts b/packages/bootstrap-vue-next/tests/composables/useId.spec.ts
index 4337b89ef..998e964e7 100644
--- a/packages/bootstrap-vue-next/tests/composables/useId.spec.ts
+++ b/packages/bootstrap-vue-next/tests/composables/useId.spec.ts
@@ -1,21 +1,28 @@
+import {useSetup} from '../../tests/utils'
 import {useId} from '../../src/composables'
 import {describe, expect, it} from 'vitest'
 import {reactive} from 'vue'
 
 describe('useId blackbox test', () => {
   it('returns id value when id is defined', () => {
-    const props = reactive({id: 'foo'})
-    const value = useId(() => props.id)
-    expect(value.value).toBe('foo')
+    useSetup(() => {
+      const props = reactive({id: 'foo'})
+      const value = useId(() => props.id)
+      expect(value.value).toBe('foo')
+    })
   })
 
   it('returns something when id is undefined', () => {
-    const value = useId()
-    expect(value.value).toBeDefined()
+    useSetup(() => {
+      const value = useId()
+      expect(value.value).toBeDefined()
+    })
   })
 
   it('something returned when undefined contains suffix when suffix', () => {
-    const value = useId(undefined, 'foobar')
-    expect(value.value).toContain('foobar')
+    useSetup(() => {
+      const value = useId(undefined, 'foobar')
+      expect(value.value).toContain('foobar')
+    })
   })
 })
diff --git a/packages/bootstrap-vue-next/tests/utils.ts b/packages/bootstrap-vue-next/tests/utils.ts
index a6bf0325d..eef668bdb 100644
--- a/packages/bootstrap-vue-next/tests/utils.ts
+++ b/packages/bootstrap-vue-next/tests/utils.ts
@@ -1,3 +1,6 @@
+import {defineComponent, h} from 'vue'
+import {mount} from '@vue/test-utils'
+
 export const createContainer = (tag = 'div'): HTMLElement => {
   const container = document.createElement(tag)
   document.body.appendChild(container)
@@ -7,3 +10,13 @@ export const waitRAF = (): Promise<number> =>
   new Promise((resolve) => requestAnimationFrame(resolve))
 export const asyncTimeout = (timeout: number): Promise<void> =>
   new Promise((resolve) => setTimeout(resolve.bind(null), timeout))
+export const useSetup = <V>(setup: () => V) => {
+  const Comp = defineComponent({
+    setup,
+    render() {
+      return h('div')
+    },
+  })
+
+  return mount(Comp)
+}
diff --git a/packages/bootstrap-vue-next/tests/utils/getId.spec.ts b/packages/bootstrap-vue-next/tests/utils/getId.spec.ts
deleted file mode 100644
index 2c54565c3..000000000
--- a/packages/bootstrap-vue-next/tests/utils/getId.spec.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import {getId} from '../../src/utils'
-import {describe, expect, it} from 'vitest'
-
-describe('getId', () => {
-  it('returns something', () => {
-    const value = getId()
-    expect(value).toBeDefined()
-  })
-
-  it('returns a string', () => {
-    const value = getId()
-    expect(typeof value === 'string').toBe(true)
-  })
-
-  it('string contains __BVID__', () => {
-    const value = getId()
-    expect(value).toContain('__BVID__')
-  })
-
-  it('string contains ___BV_{suffix}__ when suffix is defined', () => {
-    const value = getId('foobar')
-    expect(value).toContain('___BV_foobar__')
-  })
-
-  it('string contains ___BV___ when not suffix', () => {
-    const value = getId()
-    expect(value).toContain('___BV___')
-  })
-})
diff --git a/packages/bootstrap-vue-next/tsconfig.app.json b/packages/bootstrap-vue-next/tsconfig.app.json
index 37b7b7dcb..08f8596bf 100644
--- a/packages/bootstrap-vue-next/tsconfig.app.json
+++ b/packages/bootstrap-vue-next/tsconfig.app.json
@@ -4,6 +4,8 @@
   "exclude": ["**/*.spec.*", "**/*.test.*"],
   "compilerOptions": {
     "composite": true,
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+
     "baseUrl": ".",
     "types": ["vitest/globals", "vite/client"],
     "paths": {
diff --git a/packages/bootstrap-vue-next/tsconfig.node.json b/packages/bootstrap-vue-next/tsconfig.node.json
index e853ce928..0812dd837 100644
--- a/packages/bootstrap-vue-next/tsconfig.node.json
+++ b/packages/bootstrap-vue-next/tsconfig.node.json
@@ -1,8 +1,18 @@
 {
-  "extends": ["@tsconfig/node20/tsconfig.json", "@vue/tsconfig/tsconfig.json"],
-  "include": ["vite.config.*", ".eslintrc.*"],
+  "extends": "@tsconfig/node20/tsconfig.json",
+  "include": [
+    "vite.config.*",
+    "vitest.config.*",
+    "cypress.config.*",
+    "nightwatch.conf.*",
+    "playwright.config.*",
+    ".eslintrc.*"
+  ],
   "compilerOptions": {
     "composite": true,
+    "noEmit": true,
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+
     "module": "ESNext",
     "moduleResolution": "Bundler",
     "types": ["node"]
diff --git a/packages/bootstrap-vue-next/tsconfig.vitest.json b/packages/bootstrap-vue-next/tsconfig.vitest.json
index 3a255ebed..e048d725b 100644
--- a/packages/bootstrap-vue-next/tsconfig.vitest.json
+++ b/packages/bootstrap-vue-next/tsconfig.vitest.json
@@ -4,6 +4,8 @@
   "exclude": [],
   "compilerOptions": {
     "composite": true,
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.vitest.tsbuildinfo",
+
     "types": ["node"]
   }
 }
diff --git a/packages/nuxt/CHANGELOG.md b/packages/nuxt/CHANGELOG.md
index f22cc4886..fd296c591 100644
--- a/packages/nuxt/CHANGELOG.md
+++ b/packages/nuxt/CHANGELOG.md
@@ -1,5 +1,49 @@
 # Changelog
 
+## [0.17.0](https://github.com/bootstrap-vue-next/bootstrap-vue-next/compare/nuxt-v0.16.6...nuxt-v0.17.0) (2024-04-14)
+
+
+### ⚠ BREAKING CHANGES
+
+* **BDropdown:** replace "container" prop with "teleportTo"
+* **BPopover:** replace "container" prop with "teleportTo"
+* **BTable:** deprecate noSortReset, use `mustSort`
+* **BFormTags:** remove input event -- use https://github.com/update:modelValue
+
+### Features
+
+* **BDropdown:** add teleportDisabled prop ([de60ce3](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/de60ce3cd2bc3ee8768331ae8ce69b2c5f3eed73))
+* **BDropdown:** replace "container" prop with "teleportTo" ([de60ce3](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/de60ce3cd2bc3ee8768331ae8ce69b2c5f3eed73))
+* **BFormTags:** remove input event -- use https://github.com/update:modelValue ([de60ce3](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/de60ce3cd2bc3ee8768331ae8ce69b2c5f3eed73))
+* **BPopover:** add teleportDisabled prop ([de60ce3](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/de60ce3cd2bc3ee8768331ae8ce69b2c5f3eed73))
+* **BPopover:** replace "container" prop with "teleportTo" ([de60ce3](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/de60ce3cd2bc3ee8768331ae8ce69b2c5f3eed73))
+* **BTable:** add functional syntax for sortAsc/sortDesc/sortDefault `sortAsc(fieldKey)` to specify the sort content for that specific field ([de60ce3](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/de60ce3cd2bc3ee8768331ae8ce69b2c5f3eed73))
+* **BTable:** add prop multisort ([de60ce3](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/de60ce3cd2bc3ee8768331ae8ce69b2c5f3eed73))
+* **BTable:** allow Numberish values =&gt; string is interpreted as is with maxHeight, numbers are converted to ${number}px maxHeight ([de60ce3](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/de60ce3cd2bc3ee8768331ae8ce69b2c5f3eed73))
+* **BTable:** deprecate noSortReset, use `mustSort` ([de60ce3](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/de60ce3cd2bc3ee8768331ae8ce69b2c5f3eed73))
+* export component prop types ([de60ce3](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/de60ce3cd2bc3ee8768331ae8ce69b2c5f3eed73))
+* **utils:** inject getId to allow for custom id generation ([#1836](https://github.com/bootstrap-vue-next/bootstrap-vue-next/issues/1836)) ([c9e60f5](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/c9e60f57da5ab703a75433a521ebd55eb26ac569))
+
+
+### Bug Fixes
+
+* **BTable:** fix handleFieldSorting algorithm to properly handle multisort with mustSort ([de60ce3](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/de60ce3cd2bc3ee8768331ae8ce69b2c5f3eed73))
+* **BTable:** generic types ([de60ce3](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/de60ce3cd2bc3ee8768331ae8ce69b2c5f3eed73))
+* **BTable:** set sort values to undefined so we dont accidentally wipe user defined comparer functions ([de60ce3](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/de60ce3cd2bc3ee8768331ae8ce69b2c5f3eed73))
+* **BTable:** stickyHeader true causes maxHeight 300px ([de60ce3](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/de60ce3cd2bc3ee8768331ae8ce69b2c5f3eed73))
+* **generics:** use generic constraints for BTable & BTableLite ([de60ce3](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/de60ce3cd2bc3ee8768331ae8ce69b2c5f3eed73))
+* some migration issues with defineModel ([de60ce3](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/de60ce3cd2bc3ee8768331ae8ce69b2c5f3eed73))
+* types generation -- use interfaces for componentprops ([de60ce3](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/de60ce3cd2bc3ee8768331ae8ce69b2c5f3eed73))
+
+
+### Dependencies
+
+* The following workspace dependencies were updated
+  * devDependencies
+    * bootstrap-vue-next bumped to 0.17.0
+  * peerDependencies
+    * bootstrap-vue-next bumped to 0.17.0
+
 ## [0.16.6](https://github.com/bootstrap-vue-next/bootstrap-vue-next/compare/nuxt-v0.16.5...nuxt-v0.16.6) (2024-02-22)
 
 
diff --git a/packages/nuxt/package.json b/packages/nuxt/package.json
index 7a3a13161..52d30ff29 100644
--- a/packages/nuxt/package.json
+++ b/packages/nuxt/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@bootstrap-vue-next/nuxt",
   "description": "Nuxt Module for BootstrapVueNext",
-  "version": "0.16.6",
+  "version": "0.17.0",
   "license": "MIT",
   "author": {
     "name": "Issayah",
@@ -33,24 +33,24 @@
     "bootstrap-vue-next": "workspace:^"
   },
   "dependencies": {
-    "@nuxt/kit": "^3.10.1"
+    "@nuxt/kit": "^3.11.2"
   },
   "devDependencies": {
-    "@nuxt/devtools": "^1.0.8",
-    "@nuxt/eslint-config": "^0.2.0",
+    "@nuxt/devtools": "^1.1.5",
+    "@nuxt/eslint-config": "^0.3.6",
     "@nuxt/module-builder": "^0.5.5",
-    "@nuxt/schema": "^3.10.1",
-    "@nuxt/test-utils": "^3.11.0",
-    "@rushstack/eslint-patch": "^1.7.2",
-    "@types/node": "^20.11.17",
+    "@nuxt/schema": "^3.11.2",
+    "@nuxt/test-utils": "^3.12.0",
+    "@rushstack/eslint-patch": "^1.10.2",
+    "@types/node": "^20.12.7",
     "@vue/eslint-config-prettier": "^9.0.0",
     "bootstrap-vue-next": "workspace:^",
-    "eslint": "^8.56.0",
+    "eslint": "^8.57.0",
     "eslint-define-config": "^2.1.0",
-    "nuxt": "^3.10.1",
+    "nuxt": "^3.11.2",
     "prettier": "^3.2.5",
     "unimport": "^3.7.1",
-    "vue": "^3.4.18"
+    "vue": "^3.4.21"
   },
   "repository": {
     "type": "git",
diff --git a/packages/nuxt/playground/package.json b/packages/nuxt/playground/package.json
index 8d623ad01..19b1e4a49 100644
--- a/packages/nuxt/playground/package.json
+++ b/packages/nuxt/playground/package.json
@@ -3,6 +3,6 @@
   "name": "my-module-playground",
   "devDependencies": {
     "bootstrap-vue-next": "workspace:^",
-    "bootstrap": "^5.3.2"
+    "bootstrap": "^5.3.3"
   }
 }
diff --git a/packages/nuxt/src/runtime/createBootstrap.ts b/packages/nuxt/src/runtime/createBootstrap.ts
index 6ede3fcea..1aaa98213 100644
--- a/packages/nuxt/src/runtime/createBootstrap.ts
+++ b/packages/nuxt/src/runtime/createBootstrap.ts
@@ -1,11 +1,16 @@
 import {createBootstrap} from 'bootstrap-vue-next'
-import {defineNuxtPlugin} from '#imports'
+import {defineNuxtPlugin, useId} from '#imports'
 
 export default defineNuxtPlugin((nuxtApp) => {
   nuxtApp.vueApp.use(
     createBootstrap({
       components: false,
       directives: false,
+      plugins: {
+        id: {
+          getId: () => useId(),
+        },
+      },
     })
   )
 })
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 949ed783b..fda5b53e6 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -9,8 +9,8 @@ importers:
   .:
     devDependencies:
       husky:
-        specifier: ^9.0.10
-        version: 9.0.10
+        specifier: ^9.0.11
+        version: 9.0.11
       lint-staged:
         specifier: ^15.2.2
         version: 15.2.2
@@ -24,32 +24,32 @@ importers:
         specifier: ^1.1.23
         version: 1.1.23
       '@iconify-json/simple-icons':
-        specifier: ^1.1.90
-        version: 1.1.90
+        specifier: ^1.1.99
+        version: 1.1.99
       '@rushstack/eslint-patch':
-        specifier: ^1.7.2
-        version: 1.7.2
+        specifier: ^1.10.2
+        version: 1.10.2
       '@tsconfig/node20':
-        specifier: ^20.1.2
-        version: 20.1.2
+        specifier: ^20.1.4
+        version: 20.1.4
       '@types/node':
-        specifier: ^20.11.17
-        version: 20.11.17
+        specifier: ^20.12.7
+        version: 20.12.7
       '@vue/eslint-config-prettier':
         specifier: ^9.0.0
-        version: 9.0.0(eslint@8.56.0)(prettier@3.2.5)
+        version: 9.0.0(eslint@8.57.0)(prettier@3.2.5)
       '@vue/eslint-config-typescript':
-        specifier: ^12.0.0
-        version: 12.0.0(eslint-plugin-vue@9.21.1)(eslint@8.56.0)(typescript@5.3.3)
+        specifier: ^13.0.0
+        version: 13.0.0(eslint-plugin-vue@9.25.0)(eslint@8.57.0)(typescript@5.4.5)
       '@vue/tsconfig':
         specifier: ^0.5.1
         version: 0.5.1
       '@vueuse/core':
-        specifier: ^10.7.2
-        version: 10.7.2(vue@3.4.18)
+        specifier: ^10.9.0
+        version: 10.9.0(vue@3.4.21)
       bootstrap:
-        specifier: ^5.3.2
-        version: 5.3.2(@popperjs/core@2.11.8)
+        specifier: ^5.3.3
+        version: 5.3.3(@popperjs/core@2.11.8)
       bootstrap-vue-next:
         specifier: workspace:^
         version: link:../../packages/bootstrap-vue-next
@@ -57,29 +57,29 @@ importers:
         specifier: ^7.0.3
         version: 7.0.3
       eslint:
-        specifier: ^8.56.0
-        version: 8.56.0
+        specifier: ^8.57.0
+        version: 8.57.0
       eslint-define-config:
         specifier: ^2.1.0
         version: 2.1.0
       eslint-plugin-vue:
-        specifier: ^9.21.1
-        version: 9.21.1(eslint@8.56.0)
+        specifier: ^9.25.0
+        version: 9.25.0(eslint@8.57.0)
       prettier:
         specifier: ^3.2.5
         version: 3.2.5
       typescript:
-        specifier: ^5.3.3
-        version: 5.3.3
+        specifier: ^5.4.5
+        version: 5.4.5
       unplugin-icons:
         specifier: ^0.18.5
         version: 0.18.5
       vitepress:
-        specifier: 1.0.0-rc.42
-        version: 1.0.0-rc.42(@algolia/client-search@4.20.0)(@types/node@20.11.17)(search-insights@2.9.0)(typescript@5.3.3)
+        specifier: 1.1.0
+        version: 1.1.0(@algolia/client-search@4.20.0)(@types/node@20.12.7)(search-insights@2.9.0)(typescript@5.4.5)
       vue:
-        specifier: ^3.4.18
-        version: 3.4.18(typescript@5.3.3)
+        specifier: ^3.4.21
+        version: 3.4.21(typescript@5.4.5)
 
   apps/playground:
     dependencies:
@@ -87,167 +87,167 @@ importers:
         specifier: workspace:^
         version: link:../../packages/bootstrap-vue-next
       vue:
-        specifier: ^3.4.18
-        version: 3.4.18(typescript@5.3.3)
+        specifier: ^3.4.21
+        version: 3.4.21(typescript@5.4.5)
       vue-router:
-        specifier: ^4.2.5
-        version: 4.2.5(vue@3.4.18)
+        specifier: ^4.3.0
+        version: 4.3.0(vue@3.4.21)
     devDependencies:
       '@tsconfig/node20':
-        specifier: ^20.1.2
-        version: 20.1.2
+        specifier: ^20.1.4
+        version: 20.1.4
       '@types/node':
-        specifier: ^20.11.17
-        version: 20.11.17
+        specifier: ^20.12.7
+        version: 20.12.7
       '@vitejs/plugin-vue':
         specifier: ^5.0.4
-        version: 5.0.4(vite@5.1.1)(vue@3.4.18)
+        version: 5.0.4(vite@5.2.8)(vue@3.4.21)
       '@vue/tsconfig':
         specifier: ^0.5.1
         version: 0.5.1
       bootstrap:
-        specifier: ^5.3.2
-        version: 5.3.2(@popperjs/core@2.11.8)
-      typescript:
         specifier: ^5.3.3
-        version: 5.3.3
+        version: 5.3.3(@popperjs/core@2.11.8)
+      typescript:
+        specifier: ^5.4.5
+        version: 5.4.5
       vite:
-        specifier: ^5.1.1
-        version: 5.1.1(@types/node@20.11.17)(sass@1.70.0)
+        specifier: ^5.2.8
+        version: 5.2.8(@types/node@20.12.7)(sass@1.75.0)
       vue-tsc:
-        specifier: ^1.8.27
-        version: 1.8.27(typescript@5.3.3)
+        specifier: ^2.0.13
+        version: 2.0.13(typescript@5.4.5)
 
   packages/bootstrap-vue-next:
     dependencies:
       '@floating-ui/vue':
         specifier: ^1.0.6
-        version: 1.0.6(vue@3.4.18)
+        version: 1.0.6(vue@3.4.21)
       '@vueuse/core':
-        specifier: ^10.7.2
-        version: 10.7.2(vue@3.4.18)
+        specifier: ^10.9.0
+        version: 10.9.0(vue@3.4.21)
     devDependencies:
       '@floating-ui/core':
         specifier: ^1.6.0
         version: 1.6.0
       '@rushstack/eslint-patch':
-        specifier: ^1.7.2
-        version: 1.7.2
+        specifier: ^1.10.2
+        version: 1.10.2
       '@tsconfig/node20':
-        specifier: ^20.1.2
-        version: 20.1.2
+        specifier: ^20.1.4
+        version: 20.1.4
       '@types/node':
-        specifier: ^20.11.17
-        version: 20.11.17
+        specifier: ^20.12.7
+        version: 20.12.7
       '@vitejs/plugin-vue':
         specifier: ^5.0.4
-        version: 5.0.4(vite@5.1.1)(vue@3.4.18)
+        version: 5.0.4(vite@5.2.8)(vue@3.4.21)
       '@vitest/coverage-v8':
-        specifier: ^1.2.2
-        version: 1.2.2(vitest@1.2.2)
+        specifier: ^1.5.0
+        version: 1.5.0(vitest@1.5.0)
       '@vue/eslint-config-prettier':
         specifier: ^9.0.0
-        version: 9.0.0(eslint@8.56.0)(prettier@3.2.5)
+        version: 9.0.0(eslint@8.57.0)(prettier@3.2.5)
       '@vue/eslint-config-typescript':
-        specifier: ^12.0.0
-        version: 12.0.0(eslint-plugin-vue@9.21.1)(eslint@8.56.0)(typescript@5.3.3)
+        specifier: ^13.0.0
+        version: 13.0.0(eslint-plugin-vue@9.25.0)(eslint@8.57.0)(typescript@5.4.5)
       '@vue/runtime-core':
-        specifier: ^3.4.18
-        version: 3.4.18
+        specifier: ^3.4.21
+        version: 3.4.21
       '@vue/test-utils':
-        specifier: ^2.4.4
-        version: 2.4.4(vue@3.4.18)
+        specifier: ^2.4.5
+        version: 2.4.5
       '@vue/tsconfig':
         specifier: ^0.5.1
         version: 0.5.1
       '@vueuse/shared':
-        specifier: ^10.7.2
-        version: 10.7.2(vue@3.4.18)
+        specifier: ^10.9.0
+        version: 10.9.0(vue@3.4.21)
       bootstrap:
-        specifier: ^5.3.2
-        version: 5.3.2(@popperjs/core@2.11.8)
+        specifier: ^5.3.3
+        version: 5.3.3(@popperjs/core@2.11.8)
       eslint:
-        specifier: ^8.56.0
-        version: 8.56.0
+        specifier: ^8.57.0
+        version: 8.57.0
       eslint-define-config:
         specifier: ^2.1.0
         version: 2.1.0
       eslint-plugin-vue:
-        specifier: ^9.21.1
-        version: 9.21.1(eslint@8.56.0)
+        specifier: ^9.25.0
+        version: 9.25.0(eslint@8.57.0)
       happy-dom:
-        specifier: ^13.3.8
-        version: 13.3.8
+        specifier: 13.6.2
+        version: 13.6.2
       prettier:
         specifier: ^3.2.5
         version: 3.2.5
       sass:
-        specifier: ^1.70.0
-        version: 1.70.0
+        specifier: ^1.75.0
+        version: 1.75.0
       typescript:
-        specifier: ^5.3.3
-        version: 5.3.3
+        specifier: ^5.4.5
+        version: 5.4.5
       vite:
-        specifier: ^5.1.1
-        version: 5.1.1(@types/node@20.11.17)(sass@1.70.0)
+        specifier: ^5.2.8
+        version: 5.2.8(@types/node@20.12.7)(sass@1.75.0)
       vite-plugin-dts:
-        specifier: ^3.7.2
-        version: 3.7.2(@types/node@20.11.17)(typescript@5.3.3)(vite@5.1.1)
+        specifier: ^3.8.2
+        version: 3.8.2(@types/node@20.12.7)(typescript@5.4.5)(vite@5.2.8)
       vitest:
-        specifier: ^1.2.2
-        version: 1.2.2(@types/node@20.11.17)(happy-dom@13.3.8)(sass@1.70.0)
+        specifier: ^1.5.0
+        version: 1.5.0(@types/node@20.12.7)(happy-dom@13.6.2)(sass@1.75.0)
       vue:
-        specifier: ^3.4.18
-        version: 3.4.18(typescript@5.3.3)
+        specifier: ^3.4.21
+        version: 3.4.21(typescript@5.4.5)
       vue-router:
-        specifier: ^4.2.5
-        version: 4.2.5(vue@3.4.18)
+        specifier: ^4.3.0
+        version: 4.3.0(vue@3.4.21)
       vue-tsc:
-        specifier: ^1.8.27
-        version: 1.8.27(typescript@5.3.3)
+        specifier: ^2.0.13
+        version: 2.0.13(typescript@5.4.5)
 
   packages/nuxt:
     dependencies:
       '@nuxt/kit':
-        specifier: ^3.10.1
-        version: 3.10.1(rollup@3.29.4)
+        specifier: ^3.11.2
+        version: 3.11.2(rollup@3.29.4)
     devDependencies:
       '@nuxt/devtools':
-        specifier: ^1.0.8
-        version: 1.0.8(nuxt@3.10.1)(rollup@3.29.4)(vite@5.1.1)
+        specifier: ^1.1.5
+        version: 1.1.5(@unocss/reset@0.58.8)(floating-vue@5.2.2)(nuxt@3.11.2)(rollup@3.29.4)(unocss@0.58.8)(vite@5.2.8)(vue@3.4.21)
       '@nuxt/eslint-config':
-        specifier: ^0.2.0
-        version: 0.2.0(eslint@8.56.0)
+        specifier: ^0.3.6
+        version: 0.3.6(eslint@8.57.0)(typescript@5.4.5)
       '@nuxt/module-builder':
         specifier: ^0.5.5
-        version: 0.5.5(@nuxt/kit@3.10.1)(nuxi@3.10.0)(typescript@5.3.3)
+        version: 0.5.5(@nuxt/kit@3.11.2)(nuxi@3.11.1)(typescript@5.4.5)
       '@nuxt/schema':
-        specifier: ^3.10.1
-        version: 3.10.1(rollup@3.29.4)
+        specifier: ^3.11.2
+        version: 3.11.2(rollup@3.29.4)
       '@nuxt/test-utils':
-        specifier: ^3.11.0
-        version: 3.11.0(h3@1.10.1)(rollup@3.29.4)(vite@5.1.1)(vue-router@4.2.5)(vue@3.4.18)
+        specifier: ^3.12.0
+        version: 3.12.0(h3@1.11.1)(rollup@3.29.4)(vite@5.2.8)(vue-router@4.3.0)(vue@3.4.21)
       '@rushstack/eslint-patch':
-        specifier: ^1.7.2
-        version: 1.7.2
+        specifier: ^1.10.2
+        version: 1.10.2
       '@types/node':
-        specifier: ^20.11.17
-        version: 20.11.17
+        specifier: ^20.12.7
+        version: 20.12.7
       '@vue/eslint-config-prettier':
         specifier: ^9.0.0
-        version: 9.0.0(eslint@8.56.0)(prettier@3.2.5)
+        version: 9.0.0(eslint@8.57.0)(prettier@3.2.5)
       bootstrap-vue-next:
         specifier: workspace:^
         version: link:../bootstrap-vue-next
       eslint:
-        specifier: ^8.56.0
-        version: 8.56.0
+        specifier: ^8.57.0
+        version: 8.57.0
       eslint-define-config:
         specifier: ^2.1.0
         version: 2.1.0
       nuxt:
-        specifier: ^3.10.1
-        version: 3.10.1(@types/node@20.11.17)(eslint@8.56.0)(rollup@3.29.4)(typescript@5.3.3)(vite@5.1.1)
+        specifier: ^3.11.2
+        version: 3.11.2(@types/node@20.12.7)(@unocss/reset@0.58.8)(eslint@8.57.0)(floating-vue@5.2.2)(rollup@3.29.4)(typescript@5.4.5)(unocss@0.58.8)(vite@5.2.8)
       prettier:
         specifier: ^3.2.5
         version: 3.2.5
@@ -255,8 +255,8 @@ importers:
         specifier: ^3.7.1
         version: 3.7.1(rollup@3.29.4)
       vue:
-        specifier: ^3.4.18
-        version: 3.4.18(typescript@5.3.3)
+        specifier: ^3.4.21
+        version: 3.4.21(typescript@5.4.5)
 
 packages:
 
@@ -399,12 +399,12 @@ packages:
       '@algolia/requester-common': 4.20.0
     dev: true
 
-  /@ampproject/remapping@2.2.1:
-    resolution: {integrity: sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==}
+  /@ampproject/remapping@2.3.0:
+    resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==}
     engines: {node: '>=6.0.0'}
     dependencies:
-      '@jridgewell/gen-mapping': 0.3.3
-      '@jridgewell/trace-mapping': 0.3.20
+      '@jridgewell/gen-mapping': 0.3.5
+      '@jridgewell/trace-mapping': 0.3.25
 
   /@antfu/install-pkg@0.1.1:
     resolution: {integrity: sha512-LyB/8+bSfa0DFGC06zpCEfs89/XoWZwws5ygEa5D+Xsm3OfI+aXQ86VgVG7Acyef+rSZ5HE7J8rrxzrQeM3PjQ==}
@@ -429,21 +429,22 @@ packages:
     dependencies:
       '@babel/highlight': 7.22.20
       chalk: 2.4.2
+    dev: true
 
-  /@babel/code-frame@7.23.4:
-    resolution: {integrity: sha512-r1IONyb6Ia+jYR2vvIDhdWdlTGhqbBoFqLTQidzZ4kepUFH15ejXvFHxCVbtl7BOXIudsIubf4E81xeA3h3IXA==}
+  /@babel/code-frame@7.23.5:
+    resolution: {integrity: sha512-CgH3s1a96LipHCmSUmYFPwY7MNx8C3avkq7i4Wl3cfa662ldtUe4VM1TPXX70pfmrlWTb6jLqTYrZyT2ZTJBgA==}
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/highlight': 7.23.4
       chalk: 2.4.2
     dev: true
 
-  /@babel/code-frame@7.23.5:
-    resolution: {integrity: sha512-CgH3s1a96LipHCmSUmYFPwY7MNx8C3avkq7i4Wl3cfa662ldtUe4VM1TPXX70pfmrlWTb6jLqTYrZyT2ZTJBgA==}
+  /@babel/code-frame@7.24.2:
+    resolution: {integrity: sha512-y5+tLQyV8pg3fsiln67BVLD1P13Eg4lh5RW9mF0zUuvLrv9uIQ4MCL+CRT+FTsBlBjcIan6PGsLcBN0m3ClUyQ==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/highlight': 7.23.4
-      chalk: 2.4.2
+      '@babel/highlight': 7.24.2
+      picocolors: 1.0.0
 
   /@babel/compat-data@7.23.2:
     resolution: {integrity: sha512-0S9TQMmDHlqAZ2ITT95irXKfxN9bncq8ZCoJhun3nHL/lLUxd2NKBJYoNGWH7S0hz6fRQwWlAWn/ILM0C70KZQ==}
@@ -458,7 +459,7 @@ packages:
     resolution: {integrity: sha512-Jg+msLuNuCJDyBvFv5+OKOUjWMZgd85bKjbICd3zWrKAo+bJ49HJufi7CQE0q0uR8NGyO6xkCACScNqyjHSZew==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@ampproject/remapping': 2.2.1
+      '@ampproject/remapping': 2.3.0
       '@babel/code-frame': 7.22.13
       '@babel/generator': 7.23.4
       '@babel/helper-compilation-targets': 7.22.15
@@ -481,16 +482,39 @@ packages:
     resolution: {integrity: sha512-5q0175NOjddqpvvzU+kDiSOAk4PfdO6FvwCWoQ6RO7rTzEe8vlo+4HVfcnAREhD4npMs0e9uZypjTwzZPCf/cw==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@ampproject/remapping': 2.2.1
+      '@ampproject/remapping': 2.3.0
       '@babel/code-frame': 7.23.5
       '@babel/generator': 7.23.6
       '@babel/helper-compilation-targets': 7.23.6
       '@babel/helper-module-transforms': 7.23.3(@babel/core@7.23.9)
       '@babel/helpers': 7.23.9
-      '@babel/parser': 7.23.9
+      '@babel/parser': 7.24.1
       '@babel/template': 7.23.9
       '@babel/traverse': 7.23.9
-      '@babel/types': 7.23.9
+      '@babel/types': 7.24.0
+      convert-source-map: 2.0.0
+      debug: 4.3.4
+      gensync: 1.0.0-beta.2
+      json5: 2.2.3
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@babel/core@7.24.3:
+    resolution: {integrity: sha512-5FcvN1JHw2sHJChotgx8Ek0lyuh4kCKelgMTTqhYJJtloNvUfpAFMeNQUtdlIaktwrSV9LtCdqwk48wL2wBacQ==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@ampproject/remapping': 2.3.0
+      '@babel/code-frame': 7.24.2
+      '@babel/generator': 7.24.1
+      '@babel/helper-compilation-targets': 7.23.6
+      '@babel/helper-module-transforms': 7.23.3(@babel/core@7.24.3)
+      '@babel/helpers': 7.24.1
+      '@babel/parser': 7.24.1
+      '@babel/template': 7.24.0
+      '@babel/traverse': 7.24.1
+      '@babel/types': 7.24.0
       convert-source-map: 2.0.0
       debug: 4.3.4
       gensync: 1.0.0-beta.2
@@ -503,9 +527,9 @@ packages:
     resolution: {integrity: sha512-lN85QRR+5IbYrMWM6Y4pE/noaQtg4pNiqeNGX60eqOfo6gtEj6uw/JagelB8vVztSd7R6M5n1+PQkDbHbBRU4g==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.23.4
-      '@jridgewell/gen-mapping': 0.3.3
-      '@jridgewell/trace-mapping': 0.3.20
+      '@babel/types': 7.24.0
+      '@jridgewell/gen-mapping': 0.3.5
+      '@jridgewell/trace-mapping': 0.3.25
       jsesc: 2.5.2
     dev: true
 
@@ -513,9 +537,9 @@ packages:
     resolution: {integrity: sha512-esuS49Cga3HcThFNebGhlgsrVLkvhqvYDTzgjfFFlHJcIfLe5jFmRRfCQ1KuBfc4Jrtn3ndLgKWAKjBE+IraYQ==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.23.4
-      '@jridgewell/gen-mapping': 0.3.3
-      '@jridgewell/trace-mapping': 0.3.20
+      '@babel/types': 7.24.0
+      '@jridgewell/gen-mapping': 0.3.5
+      '@jridgewell/trace-mapping': 0.3.25
       jsesc: 2.5.2
     dev: true
 
@@ -523,16 +547,26 @@ packages:
     resolution: {integrity: sha512-qrSfCYxYQB5owCmGLbl8XRpX1ytXlpueOb0N0UmQwA073KZxejgQTzAmJezxvpwQD9uGtK2shHdi55QT+MbjIw==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.23.9
-      '@jridgewell/gen-mapping': 0.3.3
-      '@jridgewell/trace-mapping': 0.3.20
+      '@babel/types': 7.24.0
+      '@jridgewell/gen-mapping': 0.3.5
+      '@jridgewell/trace-mapping': 0.3.25
+      jsesc: 2.5.2
+    dev: true
+
+  /@babel/generator@7.24.1:
+    resolution: {integrity: sha512-DfCRfZsBcrPEHUfuBMgbJ1Ut01Y/itOs+hY2nFLgqsqXd52/iSiVq5TITtUasIUgm+IIKdY2/1I7auiQOEeC9A==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/types': 7.24.0
+      '@jridgewell/gen-mapping': 0.3.5
+      '@jridgewell/trace-mapping': 0.3.25
       jsesc: 2.5.2
 
   /@babel/helper-annotate-as-pure@7.22.5:
     resolution: {integrity: sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.23.9
+      '@babel/types': 7.24.0
     dev: true
 
   /@babel/helper-compilation-targets@7.22.15:
@@ -552,41 +586,41 @@ packages:
     dependencies:
       '@babel/compat-data': 7.23.5
       '@babel/helper-validator-option': 7.23.5
-      browserslist: 4.22.2
+      browserslist: 4.23.0
       lru-cache: 5.1.1
       semver: 6.3.1
 
-  /@babel/helper-create-class-features-plugin@7.22.15(@babel/core@7.23.3):
+  /@babel/helper-create-class-features-plugin@7.22.15(@babel/core@7.23.9):
     resolution: {integrity: sha512-jKkwA59IXcvSaiK2UN45kKwSC9o+KuoXsBDvHvU/7BecYIp8GQ2UwrVvFgJASUT+hBnwJx6MhvMCuMzwZZ7jlg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/core': 7.23.3
+      '@babel/core': 7.23.9
       '@babel/helper-annotate-as-pure': 7.22.5
       '@babel/helper-environment-visitor': 7.22.20
       '@babel/helper-function-name': 7.23.0
       '@babel/helper-member-expression-to-functions': 7.23.0
       '@babel/helper-optimise-call-expression': 7.22.5
-      '@babel/helper-replace-supers': 7.22.20(@babel/core@7.23.3)
+      '@babel/helper-replace-supers': 7.22.20(@babel/core@7.23.9)
       '@babel/helper-skip-transparent-expression-wrappers': 7.22.5
       '@babel/helper-split-export-declaration': 7.22.6
       semver: 6.3.1
     dev: true
 
-  /@babel/helper-create-class-features-plugin@7.22.15(@babel/core@7.23.9):
-    resolution: {integrity: sha512-jKkwA59IXcvSaiK2UN45kKwSC9o+KuoXsBDvHvU/7BecYIp8GQ2UwrVvFgJASUT+hBnwJx6MhvMCuMzwZZ7jlg==}
+  /@babel/helper-create-class-features-plugin@7.24.1(@babel/core@7.24.3):
+    resolution: {integrity: sha512-1yJa9dX9g//V6fDebXoEfEsxkZHk3Hcbm+zLhyu6qVgYFLvmTALTeV+jNU9e5RnYtioBrGEOdoI2joMSNQ/+aA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/core': 7.23.9
+      '@babel/core': 7.24.3
       '@babel/helper-annotate-as-pure': 7.22.5
       '@babel/helper-environment-visitor': 7.22.20
       '@babel/helper-function-name': 7.23.0
       '@babel/helper-member-expression-to-functions': 7.23.0
       '@babel/helper-optimise-call-expression': 7.22.5
-      '@babel/helper-replace-supers': 7.22.20(@babel/core@7.23.9)
+      '@babel/helper-replace-supers': 7.24.1(@babel/core@7.24.3)
       '@babel/helper-skip-transparent-expression-wrappers': 7.22.5
       '@babel/helper-split-export-declaration': 7.22.6
       semver: 6.3.1
@@ -601,26 +635,26 @@ packages:
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/template': 7.22.15
-      '@babel/types': 7.23.4
+      '@babel/types': 7.24.0
 
   /@babel/helper-hoist-variables@7.22.5:
     resolution: {integrity: sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.23.4
+      '@babel/types': 7.24.0
 
   /@babel/helper-member-expression-to-functions@7.23.0:
     resolution: {integrity: sha512-6gfrPwh7OuT6gZyJZvd6WbTfrqAo7vm4xCzAXOusKqq/vWdKXphTpj5klHKNmRUU6/QRGlBsyU9mAIPaWHlqJA==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.23.9
+      '@babel/types': 7.24.0
     dev: true
 
   /@babel/helper-module-imports@7.22.15:
     resolution: {integrity: sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.23.4
+      '@babel/types': 7.24.0
 
   /@babel/helper-module-transforms@7.23.3(@babel/core@7.23.3):
     resolution: {integrity: sha512-7bBs4ED9OmswdfDzpz4MpWgSrV7FXlc3zIagvLFjS5H+Mk7Snr21vQ6QwrsoCGMfNC4e4LQPdoULEt4ykz0SRQ==}
@@ -648,12 +682,26 @@ packages:
       '@babel/helper-simple-access': 7.22.5
       '@babel/helper-split-export-declaration': 7.22.6
       '@babel/helper-validator-identifier': 7.22.20
+    dev: true
+
+  /@babel/helper-module-transforms@7.23.3(@babel/core@7.24.3):
+    resolution: {integrity: sha512-7bBs4ED9OmswdfDzpz4MpWgSrV7FXlc3zIagvLFjS5H+Mk7Snr21vQ6QwrsoCGMfNC4e4LQPdoULEt4ykz0SRQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+    dependencies:
+      '@babel/core': 7.24.3
+      '@babel/helper-environment-visitor': 7.22.20
+      '@babel/helper-module-imports': 7.22.15
+      '@babel/helper-simple-access': 7.22.5
+      '@babel/helper-split-export-declaration': 7.22.6
+      '@babel/helper-validator-identifier': 7.22.20
 
   /@babel/helper-optimise-call-expression@7.22.5:
     resolution: {integrity: sha512-HBwaojN0xFRx4yIvpwGqxiV2tUfl7401jlok564NgB9EHS1y6QT17FmKWm4ztqjeVdXLuC4fSvHc5ePpQjoTbw==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.23.9
+      '@babel/types': 7.24.0
     dev: true
 
   /@babel/helper-plugin-utils@7.22.5:
@@ -661,25 +709,30 @@ packages:
     engines: {node: '>=6.9.0'}
     dev: true
 
-  /@babel/helper-replace-supers@7.22.20(@babel/core@7.23.3):
+  /@babel/helper-plugin-utils@7.24.0:
+    resolution: {integrity: sha512-9cUznXMG0+FxRuJfvL82QlTqIzhVW9sL0KjMPHhAOOvpQGL8QtdxnBKILjBqxlHyliz0yCa1G903ZXI/FuHy2w==}
+    engines: {node: '>=6.9.0'}
+    dev: true
+
+  /@babel/helper-replace-supers@7.22.20(@babel/core@7.23.9):
     resolution: {integrity: sha512-qsW0In3dbwQUbK8kejJ4R7IHVGwHJlV6lpG6UA7a9hSa2YEiAib+N1T2kr6PEeUT+Fl7najmSOS6SmAwCHK6Tw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/core': 7.23.3
+      '@babel/core': 7.23.9
       '@babel/helper-environment-visitor': 7.22.20
       '@babel/helper-member-expression-to-functions': 7.23.0
       '@babel/helper-optimise-call-expression': 7.22.5
     dev: true
 
-  /@babel/helper-replace-supers@7.22.20(@babel/core@7.23.9):
-    resolution: {integrity: sha512-qsW0In3dbwQUbK8kejJ4R7IHVGwHJlV6lpG6UA7a9hSa2YEiAib+N1T2kr6PEeUT+Fl7najmSOS6SmAwCHK6Tw==}
+  /@babel/helper-replace-supers@7.24.1(@babel/core@7.24.3):
+    resolution: {integrity: sha512-QCR1UqC9BzG5vZl8BMicmZ28RuUBnHhAMddD8yHFHDRH9lLTZ9uUPehX8ctVPT8l0TKblJidqcgUUKGVrePleQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/core': 7.23.9
+      '@babel/core': 7.24.3
       '@babel/helper-environment-visitor': 7.22.20
       '@babel/helper-member-expression-to-functions': 7.23.0
       '@babel/helper-optimise-call-expression': 7.22.5
@@ -689,20 +742,20 @@ packages:
     resolution: {integrity: sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.23.4
+      '@babel/types': 7.24.0
 
   /@babel/helper-skip-transparent-expression-wrappers@7.22.5:
     resolution: {integrity: sha512-tK14r66JZKiC43p8Ki33yLBVJKlQDFoA8GYN67lWCDCqoL6EMMSuM9b+Iff2jHaM/RRFYl7K+iiru7hbRqNx8Q==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.23.9
+      '@babel/types': 7.24.0
     dev: true
 
   /@babel/helper-split-export-declaration@7.22.6:
     resolution: {integrity: sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.23.4
+      '@babel/types': 7.24.0
 
   /@babel/helper-string-parser@7.23.4:
     resolution: {integrity: sha512-803gmbQdqwdf4olxrX4AJyFBV/RTr3rSmOj0rKwesmzlfhYNDEs+/iOcznzpNWlJlIlTJC2QfPFcHB6DlzdVLQ==}
@@ -727,7 +780,7 @@ packages:
     dependencies:
       '@babel/template': 7.22.15
       '@babel/traverse': 7.23.2
-      '@babel/types': 7.23.4
+      '@babel/types': 7.24.0
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -738,7 +791,18 @@ packages:
     dependencies:
       '@babel/template': 7.23.9
       '@babel/traverse': 7.23.9
-      '@babel/types': 7.23.9
+      '@babel/types': 7.24.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@babel/helpers@7.24.1:
+    resolution: {integrity: sha512-BpU09QqEe6ZCHuIHFphEFgvNSrubve1FtyMton26ekZ85gRGi6LrTF7zArARp2YvyFxloeiRmtSCq5sjh1WqIg==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/template': 7.24.0
+      '@babel/traverse': 7.24.1
+      '@babel/types': 7.24.0
     transitivePeerDependencies:
       - supports-color
 
@@ -749,6 +813,7 @@ packages:
       '@babel/helper-validator-identifier': 7.22.20
       chalk: 2.4.2
       js-tokens: 4.0.0
+    dev: true
 
   /@babel/highlight@7.23.4:
     resolution: {integrity: sha512-acGdbYSfp2WheJoJm/EBBBLh/ID8KDc64ISZ9DYtBmC8/Q204PZJLHyzeB5qMzJ5trcOkybd78M4x2KWsUq++A==}
@@ -757,92 +822,110 @@ packages:
       '@babel/helper-validator-identifier': 7.22.20
       chalk: 2.4.2
       js-tokens: 4.0.0
+    dev: true
+
+  /@babel/highlight@7.24.2:
+    resolution: {integrity: sha512-Yac1ao4flkTxTteCDZLEvdxg2fZfz1v8M4QpaGypq/WPDqg3ijHYbDfs+LG5hvzSoqaSZ9/Z9lKSP3CjZjv+pA==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/helper-validator-identifier': 7.22.20
+      chalk: 2.4.2
+      js-tokens: 4.0.0
+      picocolors: 1.0.0
 
   /@babel/parser@7.23.6:
     resolution: {integrity: sha512-Z2uID7YJ7oNvAI20O9X0bblw7Qqs8Q2hFy0R9tAfnfLkp5MW0UH9eUvnDSnFwKZ0AvgS1ucqR4KzvVHgnke1VQ==}
     engines: {node: '>=6.0.0'}
     hasBin: true
     dependencies:
-      '@babel/types': 7.23.4
+      '@babel/types': 7.24.0
+    dev: true
 
   /@babel/parser@7.23.9:
     resolution: {integrity: sha512-9tcKgqKbs3xGJ+NtKF2ndOBBLVwPjl1SHxPQkd36r3Dlirw3xWUeGaTbqr7uGZcTaxkVNwc+03SVP7aCdWrTlA==}
     engines: {node: '>=6.0.0'}
     hasBin: true
     dependencies:
-      '@babel/types': 7.23.9
+      '@babel/types': 7.24.0
+
+  /@babel/parser@7.24.1:
+    resolution: {integrity: sha512-Zo9c7N3xdOIQrNip7Lc9wvRPzlRtovHVE4lkz8WEDr7uYh/GMQhSiIgFxGIArRHYdJE5kxtZjAf8rT0xhdLCzg==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+    dependencies:
+      '@babel/types': 7.24.0
 
-  /@babel/plugin-proposal-decorators@7.23.2(@babel/core@7.23.3):
+  /@babel/plugin-proposal-decorators@7.23.2(@babel/core@7.23.9):
     resolution: {integrity: sha512-eR0gJQc830fJVGz37oKLvt9W9uUIQSAovUl0e9sJ3YeO09dlcoBVYD3CLrjCj4qHdXmfiyTyFt8yeQYSN5fxLg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.23.3
-      '@babel/helper-create-class-features-plugin': 7.22.15(@babel/core@7.23.3)
+      '@babel/core': 7.23.9
+      '@babel/helper-create-class-features-plugin': 7.22.15(@babel/core@7.23.9)
       '@babel/helper-plugin-utils': 7.22.5
-      '@babel/helper-replace-supers': 7.22.20(@babel/core@7.23.3)
+      '@babel/helper-replace-supers': 7.22.20(@babel/core@7.23.9)
       '@babel/helper-split-export-declaration': 7.22.6
-      '@babel/plugin-syntax-decorators': 7.22.10(@babel/core@7.23.3)
+      '@babel/plugin-syntax-decorators': 7.22.10(@babel/core@7.23.9)
     dev: true
 
-  /@babel/plugin-syntax-decorators@7.22.10(@babel/core@7.23.3):
+  /@babel/plugin-syntax-decorators@7.22.10(@babel/core@7.23.9):
     resolution: {integrity: sha512-z1KTVemBjnz+kSEilAsI4lbkPOl5TvJH7YDSY1CTIzvLWJ+KHXp+mRe8VPmfnyvqOPqar1V2gid2PleKzRUstQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.23.3
+      '@babel/core': 7.23.9
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-syntax-import-attributes@7.22.5(@babel/core@7.23.3):
+  /@babel/plugin-syntax-import-attributes@7.22.5(@babel/core@7.23.9):
     resolution: {integrity: sha512-KwvoWDeNKPETmozyFE0P2rOLqh39EoQHNjqizrI5B8Vt0ZNS7M56s7dAiAqbYfiAYOuIzIh96z3iR2ktgu3tEg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.23.3
+      '@babel/core': 7.23.9
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-syntax-import-meta@7.10.4(@babel/core@7.23.3):
+  /@babel/plugin-syntax-import-meta@7.10.4(@babel/core@7.23.9):
     resolution: {integrity: sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.23.3
+      '@babel/core': 7.23.9
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-syntax-jsx@7.22.5(@babel/core@7.23.3):
+  /@babel/plugin-syntax-jsx@7.22.5(@babel/core@7.23.9):
     resolution: {integrity: sha512-gvyP4hZrgrs/wWMaocvxZ44Hw0b3W8Pe+cMxc8V1ULQ07oh8VNbIRaoD1LRZVTvD+0nieDKjfgKg89sD7rrKrg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.23.3
+      '@babel/core': 7.23.9
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-syntax-jsx@7.22.5(@babel/core@7.23.9):
+  /@babel/plugin-syntax-jsx@7.22.5(@babel/core@7.24.3):
     resolution: {integrity: sha512-gvyP4hZrgrs/wWMaocvxZ44Hw0b3W8Pe+cMxc8V1ULQ07oh8VNbIRaoD1LRZVTvD+0nieDKjfgKg89sD7rrKrg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.23.9
+      '@babel/core': 7.24.3
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-syntax-typescript@7.23.3(@babel/core@7.23.3):
-    resolution: {integrity: sha512-9EiNjVJOMwCO+43TqoTrgQ8jMwcAd0sWyXi9RPfIsLTj4R2MADDDQXELhffaUx/uJv2AYcxBgPwH6j4TIA4ytQ==}
+  /@babel/plugin-syntax-jsx@7.24.1(@babel/core@7.24.3):
+    resolution: {integrity: sha512-2eCtxZXf+kbkMIsXS4poTvT4Yu5rXiRa+9xGVT56raghjmBTKMpFNc9R4IDiB4emao9eO22Ox7CxuJG7BgExqA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.23.3
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/core': 7.24.3
+      '@babel/helper-plugin-utils': 7.24.0
     dev: true
 
   /@babel/plugin-syntax-typescript@7.23.3(@babel/core@7.23.9):
@@ -855,17 +938,26 @@ packages:
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-transform-typescript@7.23.4(@babel/core@7.23.3):
-    resolution: {integrity: sha512-39hCCOl+YUAyMOu6B9SmUTiHUU0t/CxJNUmY3qRdJujbqi+lrQcL11ysYUsAvFWPBdhihrv1z0oRG84Yr3dODQ==}
+  /@babel/plugin-syntax-typescript@7.24.1(@babel/core@7.24.3):
+    resolution: {integrity: sha512-Yhnmvy5HZEnHUty6i++gcfH1/l68AHnItFHnaCv6hn9dNh0hQvvQJsxpi4BMBFN5DLeHBuucT/0DgzXif/OyRw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.23.3
-      '@babel/helper-annotate-as-pure': 7.22.5
-      '@babel/helper-create-class-features-plugin': 7.22.15(@babel/core@7.23.3)
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-syntax-typescript': 7.23.3(@babel/core@7.23.3)
+      '@babel/core': 7.24.3
+      '@babel/helper-plugin-utils': 7.24.0
+    dev: true
+
+  /@babel/plugin-transform-modules-commonjs@7.24.1(@babel/core@7.24.3):
+    resolution: {integrity: sha512-szog8fFTUxBfw0b98gEWPaEqF42ZUD/T3bkynW/wtgx2p/XCP55WEsb+VosKceRSd6njipdZvNogqdtI4Q0chw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.3
+      '@babel/helper-module-transforms': 7.23.3(@babel/core@7.24.3)
+      '@babel/helper-plugin-utils': 7.24.0
+      '@babel/helper-simple-access': 7.22.5
     dev: true
 
   /@babel/plugin-transform-typescript@7.23.4(@babel/core@7.23.9):
@@ -881,6 +973,33 @@ packages:
       '@babel/plugin-syntax-typescript': 7.23.3(@babel/core@7.23.9)
     dev: true
 
+  /@babel/plugin-transform-typescript@7.24.1(@babel/core@7.24.3):
+    resolution: {integrity: sha512-liYSESjX2fZ7JyBFkYG78nfvHlMKE6IpNdTVnxmlYUR+j5ZLsitFbaAE+eJSK2zPPkNWNw4mXL51rQ8WrvdK0w==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.3
+      '@babel/helper-annotate-as-pure': 7.22.5
+      '@babel/helper-create-class-features-plugin': 7.24.1(@babel/core@7.24.3)
+      '@babel/helper-plugin-utils': 7.24.0
+      '@babel/plugin-syntax-typescript': 7.24.1(@babel/core@7.24.3)
+    dev: true
+
+  /@babel/preset-typescript@7.24.1(@babel/core@7.24.3):
+    resolution: {integrity: sha512-1DBaMmRDpuYQBPWD8Pf/WEwCrtgRHxsZnP4mIy9G/X+hFfbI47Q2G4t1Paakld84+qsk2fSsUPMKg71jkoOOaQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.24.3
+      '@babel/helper-plugin-utils': 7.24.0
+      '@babel/helper-validator-option': 7.23.5
+      '@babel/plugin-syntax-jsx': 7.24.1(@babel/core@7.24.3)
+      '@babel/plugin-transform-modules-commonjs': 7.24.1(@babel/core@7.24.3)
+      '@babel/plugin-transform-typescript': 7.24.1(@babel/core@7.24.3)
+    dev: true
+
   /@babel/standalone@7.23.10:
     resolution: {integrity: sha512-xqWviI/pt1Zb/d+6ilWa5IDL2mkDzsBnlHbreqnfyP3/QB/ofQ1bNVcHj8YQX154Rf/xZKR6y0s1ydVF3nAS8g==}
     engines: {node: '>=6.9.0'}
@@ -894,30 +1013,39 @@ packages:
     resolution: {integrity: sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/code-frame': 7.22.13
-      '@babel/parser': 7.23.6
-      '@babel/types': 7.23.4
+      '@babel/code-frame': 7.24.2
+      '@babel/parser': 7.24.1
+      '@babel/types': 7.24.0
 
   /@babel/template@7.23.9:
     resolution: {integrity: sha512-+xrD2BWLpvHKNmX2QbpdpsBaWnRxahMwJjO+KZk2JOElj5nSmKezyS1B4u+QbHMTX69t4ukm6hh9lsYQ7GHCKA==}
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/code-frame': 7.23.5
-      '@babel/parser': 7.23.9
-      '@babel/types': 7.23.9
+      '@babel/parser': 7.24.1
+      '@babel/types': 7.24.0
+    dev: true
+
+  /@babel/template@7.24.0:
+    resolution: {integrity: sha512-Bkf2q8lMB0AFpX0NFEqSbx1OkTHf0f+0j82mkw+ZpzBnkk7e9Ql0891vlfgi+kHwOk8tQjiQHpqh4LaSa0fKEA==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/code-frame': 7.24.2
+      '@babel/parser': 7.24.1
+      '@babel/types': 7.24.0
 
   /@babel/traverse@7.23.2:
     resolution: {integrity: sha512-azpe59SQ48qG6nu2CzcMLbxUudtN+dOM9kDbUqGq3HXUJRlo7i8fvPoxQUzYgLZ4cMVmuZgm8vvBpNeRhd6XSw==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/code-frame': 7.22.13
+      '@babel/code-frame': 7.24.2
       '@babel/generator': 7.23.0
       '@babel/helper-environment-visitor': 7.22.20
       '@babel/helper-function-name': 7.23.0
       '@babel/helper-hoist-variables': 7.22.5
       '@babel/helper-split-export-declaration': 7.22.6
-      '@babel/parser': 7.23.6
-      '@babel/types': 7.23.4
+      '@babel/parser': 7.24.1
+      '@babel/types': 7.24.0
       debug: 4.3.4
       globals: 11.12.0
     transitivePeerDependencies:
@@ -928,14 +1056,14 @@ packages:
     resolution: {integrity: sha512-IYM8wSUwunWTB6tFC2dkKZhxbIjHoWemdK+3f8/wq8aKhbUscxD5MX72ubd90fxvFknaLPeGw5ycU84V1obHJg==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/code-frame': 7.23.4
+      '@babel/code-frame': 7.24.2
       '@babel/generator': 7.23.4
       '@babel/helper-environment-visitor': 7.22.20
       '@babel/helper-function-name': 7.23.0
       '@babel/helper-hoist-variables': 7.22.5
       '@babel/helper-split-export-declaration': 7.22.6
-      '@babel/parser': 7.23.6
-      '@babel/types': 7.23.4
+      '@babel/parser': 7.24.1
+      '@babel/types': 7.24.0
       debug: 4.3.4
       globals: 11.12.0
     transitivePeerDependencies:
@@ -952,8 +1080,26 @@ packages:
       '@babel/helper-function-name': 7.23.0
       '@babel/helper-hoist-variables': 7.22.5
       '@babel/helper-split-export-declaration': 7.22.6
-      '@babel/parser': 7.23.9
-      '@babel/types': 7.23.9
+      '@babel/parser': 7.24.1
+      '@babel/types': 7.24.0
+      debug: 4.3.4
+      globals: 11.12.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@babel/traverse@7.24.1:
+    resolution: {integrity: sha512-xuU6o9m68KeqZbQuDt2TcKSxUw/mrsvavlEqQ1leZ/B+C9tk6E4sRWy97WaXgvq5E+nU3cXMxv3WKOCanVMCmQ==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/code-frame': 7.24.2
+      '@babel/generator': 7.24.1
+      '@babel/helper-environment-visitor': 7.22.20
+      '@babel/helper-function-name': 7.23.0
+      '@babel/helper-hoist-variables': 7.22.5
+      '@babel/helper-split-export-declaration': 7.22.6
+      '@babel/parser': 7.24.1
+      '@babel/types': 7.24.0
       debug: 4.3.4
       globals: 11.12.0
     transitivePeerDependencies:
@@ -966,9 +1112,10 @@ packages:
       '@babel/helper-string-parser': 7.23.4
       '@babel/helper-validator-identifier': 7.22.20
       to-fast-properties: 2.0.0
+    dev: true
 
-  /@babel/types@7.23.9:
-    resolution: {integrity: sha512-dQjSq/7HaSjRM43FFGnv5keM2HsxpmyV1PfaSVm0nzzjwwTmjOe6J4bC8e3+pTEIgHaHj+1ZlLThRJ2auc/w1Q==}
+  /@babel/types@7.24.0:
+    resolution: {integrity: sha512-+j7a5c253RfKh8iABBhywc8NSfP5LURe7Uh4qpsh6jc+aLJguvmIUBdjSdEMQv2bENrCR5MfRdjGo7vzS/ob7w==}
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/helper-string-parser': 7.23.4
@@ -979,20 +1126,20 @@ packages:
     resolution: {integrity: sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==}
     dev: true
 
-  /@cloudflare/kv-asset-handler@0.3.0:
-    resolution: {integrity: sha512-9CB/MKf/wdvbfkUdfrj+OkEwZ5b7rws0eogJ4293h+7b6KX5toPwym+VQKmILafNB9YiehqY0DlNrDcDhdWHSQ==}
+  /@cloudflare/kv-asset-handler@0.3.1:
+    resolution: {integrity: sha512-lKN2XCfKCmpKb86a1tl4GIwsJYDy9TGuwjhDELLmpKygQhw8X2xR4dusgpC5Tg7q1pB96Eb0rBo81kxSILQMwA==}
     dependencies:
       mime: 3.0.0
     dev: true
 
-  /@docsearch/css@3.5.2:
-    resolution: {integrity: sha512-SPiDHaWKQZpwR2siD0KQUwlStvIAnEyK6tAE2h2Wuoq8ue9skzhlyVQ1ddzOxX6khULnAALDiR/isSF3bnuciA==}
+  /@docsearch/css@3.6.0:
+    resolution: {integrity: sha512-+sbxb71sWre+PwDK7X2T8+bhS6clcVMLwBPznX45Qu6opJcgRjAp7gYSDzVFp187J+feSj5dNBN1mJoi6ckkUQ==}
     dev: true
 
-  /@docsearch/js@3.5.2(@algolia/client-search@4.20.0)(search-insights@2.9.0):
-    resolution: {integrity: sha512-p1YFTCDflk8ieHgFJYfmyHBki1D61+U9idwrLh+GQQMrBSP3DLGKpy0XUJtPjAOPltcVbqsTjiPFfH7JImjUNg==}
+  /@docsearch/js@3.6.0(@algolia/client-search@4.20.0)(search-insights@2.9.0):
+    resolution: {integrity: sha512-QujhqINEElrkIfKwyyyTfbsfMAYCkylInLYMRqHy7PHc8xTBQCow73tlo/Kc7oIwBrCLf0P3YhjlOeV4v8hevQ==}
     dependencies:
-      '@docsearch/react': 3.5.2(@algolia/client-search@4.20.0)(search-insights@2.9.0)
+      '@docsearch/react': 3.6.0(@algolia/client-search@4.20.0)(search-insights@2.9.0)
       preact: 10.18.1
     transitivePeerDependencies:
       - '@algolia/client-search'
@@ -1002,8 +1149,8 @@ packages:
       - search-insights
     dev: true
 
-  /@docsearch/react@3.5.2(@algolia/client-search@4.20.0)(search-insights@2.9.0):
-    resolution: {integrity: sha512-9Ahcrs5z2jq/DcAvYtvlqEBHImbm4YJI8M9y0x6Tqg598P40HTEkX7hsMcIuThI+hTFxRGZ9hll0Wygm2yEjng==}
+  /@docsearch/react@3.6.0(@algolia/client-search@4.20.0)(search-insights@2.9.0):
+    resolution: {integrity: sha512-HUFut4ztcVNmqy9gp/wxNbC7pTOHhgVVkHVGCACTuLhUKUhKAF9KYHJtMiLUJxEqiFLQiuri1fWF8zqwM/cu1w==}
     peerDependencies:
       '@types/react': '>= 16.8.0 < 19.0.0'
       react: '>= 16.8.0 < 19.0.0'
@@ -1021,24 +1168,24 @@ packages:
     dependencies:
       '@algolia/autocomplete-core': 1.9.3(@algolia/client-search@4.20.0)(algoliasearch@4.20.0)(search-insights@2.9.0)
       '@algolia/autocomplete-preset-algolia': 1.9.3(@algolia/client-search@4.20.0)(algoliasearch@4.20.0)
-      '@docsearch/css': 3.5.2
+      '@docsearch/css': 3.6.0
       algoliasearch: 4.20.0
       search-insights: 2.9.0
     transitivePeerDependencies:
       - '@algolia/client-search'
     dev: true
 
-  /@esbuild/aix-ppc64@0.19.10:
-    resolution: {integrity: sha512-Q+mk96KJ+FZ30h9fsJl+67IjNJm3x2eX+GBWGmocAKgzp27cowCOOqSdscX80s0SpdFXZnIv/+1xD1EctFx96Q==}
-    engines: {node: '>=12'}
-    cpu: [ppc64]
-    os: [aix]
-    requiresBuild: true
+  /@es-joy/jsdoccomment@0.42.0:
+    resolution: {integrity: sha512-R1w57YlVA6+YE01wch3GPYn6bCsrOV3YW/5oGGE2tmX6JcL9Nr+b5IikrjMPF+v9CV3ay+obImEdsDhovhJrzw==}
+    engines: {node: '>=16'}
+    dependencies:
+      comment-parser: 1.4.1
+      esquery: 1.5.0
+      jsdoc-type-pratt-parser: 4.0.0
     dev: true
-    optional: true
 
-  /@esbuild/aix-ppc64@0.19.11:
-    resolution: {integrity: sha512-FnzU0LyE3ySQk7UntJO4+qIiQgI7KoODnZg5xzXIrFJlKd2P2gwHsHY4927xj9y5PJmJSzULiUCWmv7iWnNa7g==}
+  /@esbuild/aix-ppc64@0.19.10:
+    resolution: {integrity: sha512-Q+mk96KJ+FZ30h9fsJl+67IjNJm3x2eX+GBWGmocAKgzp27cowCOOqSdscX80s0SpdFXZnIv/+1xD1EctFx96Q==}
     engines: {node: '>=12'}
     cpu: [ppc64]
     os: [aix]
@@ -1046,8 +1193,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/aix-ppc64@0.20.0:
-    resolution: {integrity: sha512-fGFDEctNh0CcSwsiRPxiaqX0P5rq+AqE0SRhYGZ4PX46Lg1FNR6oCxJghf8YgY0WQEgQuh3lErUFE4KxLeRmmw==}
+  /@esbuild/aix-ppc64@0.20.2:
+    resolution: {integrity: sha512-D+EBOJHXdNZcLJRBkhENNG8Wji2kgc9AZ9KiPr1JuZjsNtyHzrsfLRrY0tk2H2aoFu6RANO1y1iPPUCDYWkb5g==}
     engines: {node: '>=12'}
     cpu: [ppc64]
     os: [aix]
@@ -1073,17 +1220,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/android-arm64@0.19.11:
-    resolution: {integrity: sha512-aiu7K/5JnLj//KOnOfEZ0D90obUkRzDMyqd/wNAUQ34m4YUPVhRZpnqKV9uqDGxT7cToSDnIHsGooyIczu9T+Q==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [android]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/android-arm64@0.20.0:
-    resolution: {integrity: sha512-aVpnM4lURNkp0D3qPoAzSG92VXStYmoVPOgXveAUoQBWRSuQzt51yvSju29J6AHPmwY1BjH49uR29oyfH1ra8Q==}
+  /@esbuild/android-arm64@0.20.2:
+    resolution: {integrity: sha512-mRzjLacRtl/tWU0SvD8lUEwb61yP9cqQo6noDZP/O8VkwafSYwZ4yWy24kan8jE/IMERpYncRt2dw438LP3Xmg==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [android]
@@ -1109,17 +1247,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/android-arm@0.19.11:
-    resolution: {integrity: sha512-5OVapq0ClabvKvQ58Bws8+wkLCV+Rxg7tUVbo9xu034Nm536QTII4YzhaFriQ7rMrorfnFKUsArD2lqKbFY4vw==}
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [android]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/android-arm@0.20.0:
-    resolution: {integrity: sha512-3bMAfInvByLHfJwYPJRlpTeaQA75n8C/QKpEaiS4HrFWFiJlNI0vzq/zCjBrhAYcPyVPG7Eo9dMrcQXuqmNk5g==}
+  /@esbuild/android-arm@0.20.2:
+    resolution: {integrity: sha512-t98Ra6pw2VaDhqNWO2Oph2LXbz/EJcnLmKLGBJwEwXX/JAN83Fym1rU8l0JUWK6HkIbWONCSSatf4sf2NBRx/w==}
     engines: {node: '>=12'}
     cpu: [arm]
     os: [android]
@@ -1145,17 +1274,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/android-x64@0.19.11:
-    resolution: {integrity: sha512-eccxjlfGw43WYoY9QgB82SgGgDbibcqyDTlk3l3C0jOVHKxrjdc9CTwDUQd0vkvYg5um0OH+GpxYvp39r+IPOg==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [android]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/android-x64@0.20.0:
-    resolution: {integrity: sha512-uK7wAnlRvjkCPzh8jJ+QejFyrP8ObKuR5cBIsQZ+qbMunwR8sbd8krmMbxTLSrDhiPZaJYKQAU5Y3iMDcZPhyQ==}
+  /@esbuild/android-x64@0.20.2:
+    resolution: {integrity: sha512-btzExgV+/lMGDDa194CcUQm53ncxzeBrWJcncOBxuC6ndBkKxnHdFJn86mCIgTELsooUmwUm9FkhSp5HYu00Rg==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [android]
@@ -1181,17 +1301,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/darwin-arm64@0.19.11:
-    resolution: {integrity: sha512-ETp87DRWuSt9KdDVkqSoKoLFHYTrkyz2+65fj9nfXsaV3bMhTCjtQfw3y+um88vGRKRiF7erPrh/ZuIdLUIVxQ==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [darwin]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/darwin-arm64@0.20.0:
-    resolution: {integrity: sha512-AjEcivGAlPs3UAcJedMa9qYg9eSfU6FnGHJjT8s346HSKkrcWlYezGE8VaO2xKfvvlZkgAhyvl06OJOxiMgOYQ==}
+  /@esbuild/darwin-arm64@0.20.2:
+    resolution: {integrity: sha512-4J6IRT+10J3aJH3l1yzEg9y3wkTDgDk7TSDFX+wKFiWjqWp/iCfLIYzGyasx9l0SAFPT1HwSCR+0w/h1ES/MjA==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [darwin]
@@ -1217,17 +1328,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/darwin-x64@0.19.11:
-    resolution: {integrity: sha512-fkFUiS6IUK9WYUO/+22omwetaSNl5/A8giXvQlcinLIjVkxwTLSktbF5f/kJMftM2MJp9+fXqZ5ezS7+SALp4g==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [darwin]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/darwin-x64@0.20.0:
-    resolution: {integrity: sha512-bsgTPoyYDnPv8ER0HqnJggXK6RyFy4PH4rtsId0V7Efa90u2+EifxytE9pZnsDgExgkARy24WUQGv9irVbTvIw==}
+  /@esbuild/darwin-x64@0.20.2:
+    resolution: {integrity: sha512-tBcXp9KNphnNH0dfhv8KYkZhjc+H3XBkF5DKtswJblV7KlT9EI2+jeA8DgBjp908WEuYll6pF+UStUCfEpdysA==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [darwin]
@@ -1253,17 +1355,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/freebsd-arm64@0.19.11:
-    resolution: {integrity: sha512-lhoSp5K6bxKRNdXUtHoNc5HhbXVCS8V0iZmDvyWvYq9S5WSfTIHU2UGjcGt7UeS6iEYp9eeymIl5mJBn0yiuxA==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [freebsd]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/freebsd-arm64@0.20.0:
-    resolution: {integrity: sha512-kQ7jYdlKS335mpGbMW5tEe3IrQFIok9r84EM3PXB8qBFJPSc6dpWfrtsC/y1pyrz82xfUIn5ZrnSHQQsd6jebQ==}
+  /@esbuild/freebsd-arm64@0.20.2:
+    resolution: {integrity: sha512-d3qI41G4SuLiCGCFGUrKsSeTXyWG6yem1KcGZVS+3FYlYhtNoNgYrWcvkOoaqMhwXSMrZRl69ArHsGJ9mYdbbw==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [freebsd]
@@ -1289,17 +1382,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/freebsd-x64@0.19.11:
-    resolution: {integrity: sha512-JkUqn44AffGXitVI6/AbQdoYAq0TEullFdqcMY/PCUZ36xJ9ZJRtQabzMA+Vi7r78+25ZIBosLTOKnUXBSi1Kw==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [freebsd]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/freebsd-x64@0.20.0:
-    resolution: {integrity: sha512-uG8B0WSepMRsBNVXAQcHf9+Ko/Tr+XqmK7Ptel9HVmnykupXdS4J7ovSQUIi0tQGIndhbqWLaIL/qO/cWhXKyQ==}
+  /@esbuild/freebsd-x64@0.20.2:
+    resolution: {integrity: sha512-d+DipyvHRuqEeM5zDivKV1KuXn9WeRX6vqSqIDgwIfPQtwMP4jaDsQsDncjTDDsExT4lR/91OLjRo8bmC1e+Cw==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [freebsd]
@@ -1325,17 +1409,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-arm64@0.19.11:
-    resolution: {integrity: sha512-LneLg3ypEeveBSMuoa0kwMpCGmpu8XQUh+mL8XXwoYZ6Be2qBnVtcDI5azSvh7vioMDhoJFZzp9GWp9IWpYoUg==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/linux-arm64@0.20.0:
-    resolution: {integrity: sha512-uTtyYAP5veqi2z9b6Gr0NUoNv9F/rOzI8tOD5jKcCvRUn7T60Bb+42NDBCWNhMjkQzI0qqwXkQGo1SY41G52nw==}
+  /@esbuild/linux-arm64@0.20.2:
+    resolution: {integrity: sha512-9pb6rBjGvTFNira2FLIWqDk/uaf42sSyLE8j1rnUpuzsODBq7FvpwHYZxQ/It/8b+QOS1RYfqgGFNLRI+qlq2A==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [linux]
@@ -1361,17 +1436,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-arm@0.19.11:
-    resolution: {integrity: sha512-3CRkr9+vCV2XJbjwgzjPtO8T0SZUmRZla+UL1jw+XqHZPkPgZiyWvbDvl9rqAN8Zl7qJF0O/9ycMtjU67HN9/Q==}
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/linux-arm@0.20.0:
-    resolution: {integrity: sha512-2ezuhdiZw8vuHf1HKSf4TIk80naTbP9At7sOqZmdVwvvMyuoDiZB49YZKLsLOfKIr77+I40dWpHVeY5JHpIEIg==}
+  /@esbuild/linux-arm@0.20.2:
+    resolution: {integrity: sha512-VhLPeR8HTMPccbuWWcEUD1Az68TqaTYyj6nfE4QByZIQEQVWBB8vup8PpR7y1QHL3CpcF6xd5WVBU/+SBEvGTg==}
     engines: {node: '>=12'}
     cpu: [arm]
     os: [linux]
@@ -1397,17 +1463,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-ia32@0.19.11:
-    resolution: {integrity: sha512-caHy++CsD8Bgq2V5CodbJjFPEiDPq8JJmBdeyZ8GWVQMjRD0sU548nNdwPNvKjVpamYYVL40AORekgfIubwHoA==}
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/linux-ia32@0.20.0:
-    resolution: {integrity: sha512-c88wwtfs8tTffPaoJ+SQn3y+lKtgTzyjkD8NgsyCtCmtoIC8RDL7PrJU05an/e9VuAke6eJqGkoMhJK1RY6z4w==}
+  /@esbuild/linux-ia32@0.20.2:
+    resolution: {integrity: sha512-o10utieEkNPFDZFQm9CoP7Tvb33UutoJqg3qKf1PWVeeJhJw0Q347PxMvBgVVFgouYLGIhFYG0UGdBumROyiig==}
     engines: {node: '>=12'}
     cpu: [ia32]
     os: [linux]
@@ -1433,17 +1490,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-loong64@0.19.11:
-    resolution: {integrity: sha512-ppZSSLVpPrwHccvC6nQVZaSHlFsvCQyjnvirnVjbKSHuE5N24Yl8F3UwYUUR1UEPaFObGD2tSvVKbvR+uT1Nrg==}
-    engines: {node: '>=12'}
-    cpu: [loong64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/linux-loong64@0.20.0:
-    resolution: {integrity: sha512-lR2rr/128/6svngnVta6JN4gxSXle/yZEZL3o4XZ6esOqhyR4wsKyfu6qXAL04S4S5CgGfG+GYZnjFd4YiG3Aw==}
+  /@esbuild/linux-loong64@0.20.2:
+    resolution: {integrity: sha512-PR7sp6R/UC4CFVomVINKJ80pMFlfDfMQMYynX7t1tNTeivQ6XdX5r2XovMmha/VjR1YN/HgHWsVcTRIMkymrgQ==}
     engines: {node: '>=12'}
     cpu: [loong64]
     os: [linux]
@@ -1469,17 +1517,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-mips64el@0.19.11:
-    resolution: {integrity: sha512-B5x9j0OgjG+v1dF2DkH34lr+7Gmv0kzX6/V0afF41FkPMMqaQ77pH7CrhWeR22aEeHKaeZVtZ6yFwlxOKPVFyg==}
-    engines: {node: '>=12'}
-    cpu: [mips64el]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/linux-mips64el@0.20.0:
-    resolution: {integrity: sha512-9Sycc+1uUsDnJCelDf6ZNqgZQoK1mJvFtqf2MUz4ujTxGhvCWw+4chYfDLPepMEvVL9PDwn6HrXad5yOrNzIsQ==}
+  /@esbuild/linux-mips64el@0.20.2:
+    resolution: {integrity: sha512-4BlTqeutE/KnOiTG5Y6Sb/Hw6hsBOZapOVF6njAESHInhlQAghVVZL1ZpIctBOoTFbQyGW+LsVYZ8lSSB3wkjA==}
     engines: {node: '>=12'}
     cpu: [mips64el]
     os: [linux]
@@ -1505,17 +1544,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-ppc64@0.19.11:
-    resolution: {integrity: sha512-MHrZYLeCG8vXblMetWyttkdVRjQlQUb/oMgBNurVEnhj4YWOr4G5lmBfZjHYQHHN0g6yDmCAQRR8MUHldvvRDA==}
-    engines: {node: '>=12'}
-    cpu: [ppc64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/linux-ppc64@0.20.0:
-    resolution: {integrity: sha512-CoWSaaAXOZd+CjbUTdXIJE/t7Oz+4g90A3VBCHLbfuc5yUQU/nFDLOzQsN0cdxgXd97lYW/psIIBdjzQIwTBGw==}
+  /@esbuild/linux-ppc64@0.20.2:
+    resolution: {integrity: sha512-rD3KsaDprDcfajSKdn25ooz5J5/fWBylaaXkuotBDGnMnDP1Uv5DLAN/45qfnf3JDYyJv/ytGHQaziHUdyzaAg==}
     engines: {node: '>=12'}
     cpu: [ppc64]
     os: [linux]
@@ -1541,17 +1571,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-riscv64@0.19.11:
-    resolution: {integrity: sha512-f3DY++t94uVg141dozDu4CCUkYW+09rWtaWfnb3bqe4w5NqmZd6nPVBm+qbz7WaHZCoqXqHz5p6CM6qv3qnSSQ==}
-    engines: {node: '>=12'}
-    cpu: [riscv64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/linux-riscv64@0.20.0:
-    resolution: {integrity: sha512-mlb1hg/eYRJUpv8h/x+4ShgoNLL8wgZ64SUr26KwglTYnwAWjkhR2GpoKftDbPOCnodA9t4Y/b68H4J9XmmPzA==}
+  /@esbuild/linux-riscv64@0.20.2:
+    resolution: {integrity: sha512-snwmBKacKmwTMmhLlz/3aH1Q9T8v45bKYGE3j26TsaOVtjIag4wLfWSiZykXzXuE1kbCE+zJRmwp+ZbIHinnVg==}
     engines: {node: '>=12'}
     cpu: [riscv64]
     os: [linux]
@@ -1577,17 +1598,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-s390x@0.19.11:
-    resolution: {integrity: sha512-A5xdUoyWJHMMlcSMcPGVLzYzpcY8QP1RtYzX5/bS4dvjBGVxdhuiYyFwp7z74ocV7WDc0n1harxmpq2ePOjI0Q==}
-    engines: {node: '>=12'}
-    cpu: [s390x]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/linux-s390x@0.20.0:
-    resolution: {integrity: sha512-fgf9ubb53xSnOBqyvWEY6ukBNRl1mVX1srPNu06B6mNsNK20JfH6xV6jECzrQ69/VMiTLvHMicQR/PgTOgqJUQ==}
+  /@esbuild/linux-s390x@0.20.2:
+    resolution: {integrity: sha512-wcWISOobRWNm3cezm5HOZcYz1sKoHLd8VL1dl309DiixxVFoFe/o8HnwuIwn6sXre88Nwj+VwZUvJf4AFxkyrQ==}
     engines: {node: '>=12'}
     cpu: [s390x]
     os: [linux]
@@ -1613,17 +1625,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-x64@0.19.11:
-    resolution: {integrity: sha512-grbyMlVCvJSfxFQUndw5mCtWs5LO1gUlwP4CDi4iJBbVpZcqLVT29FxgGuBJGSzyOxotFG4LoO5X+M1350zmPA==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/linux-x64@0.20.0:
-    resolution: {integrity: sha512-H9Eu6MGse++204XZcYsse1yFHmRXEWgadk2N58O/xd50P9EvFMLJTQLg+lB4E1cF2xhLZU5luSWtGTb0l9UeSg==}
+  /@esbuild/linux-x64@0.20.2:
+    resolution: {integrity: sha512-1MdwI6OOTsfQfek8sLwgyjOXAu+wKhLEoaOLTjbijk6E2WONYpH9ZU2mNtR+lZ2B4uwr+usqGuVfFT9tMtGvGw==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [linux]
@@ -1649,17 +1652,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/netbsd-x64@0.19.11:
-    resolution: {integrity: sha512-13jvrQZJc3P230OhU8xgwUnDeuC/9egsjTkXN49b3GcS5BKvJqZn86aGM8W9pd14Kd+u7HuFBMVtrNGhh6fHEQ==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [netbsd]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/netbsd-x64@0.20.0:
-    resolution: {integrity: sha512-lCT675rTN1v8Fo+RGrE5KjSnfY0x9Og4RN7t7lVrN3vMSjy34/+3na0q7RIfWDAj0e0rCh0OL+P88lu3Rt21MQ==}
+  /@esbuild/netbsd-x64@0.20.2:
+    resolution: {integrity: sha512-K8/DhBxcVQkzYc43yJXDSyjlFeHQJBiowJ0uVL6Tor3jGQfSGHNNJcWxNbOI8v5k82prYqzPuwkzHt3J1T1iZQ==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [netbsd]
@@ -1685,17 +1679,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/openbsd-x64@0.19.11:
-    resolution: {integrity: sha512-ysyOGZuTp6SNKPE11INDUeFVVQFrhcNDVUgSQVDzqsqX38DjhPEPATpid04LCoUr2WXhQTEZ8ct/EgJCUDpyNw==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [openbsd]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/openbsd-x64@0.20.0:
-    resolution: {integrity: sha512-HKoUGXz/TOVXKQ+67NhxyHv+aDSZf44QpWLa3I1lLvAwGq8x1k0T+e2HHSRvxWhfJrFxaaqre1+YyzQ99KixoA==}
+  /@esbuild/openbsd-x64@0.20.2:
+    resolution: {integrity: sha512-eMpKlV0SThJmmJgiVyN9jTPJ2VBPquf6Kt/nAoo6DgHAoN57K15ZghiHaMvqjCye/uU4X5u3YSMgVBI1h3vKrQ==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [openbsd]
@@ -1721,17 +1706,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/sunos-x64@0.19.11:
-    resolution: {integrity: sha512-Hf+Sad9nVwvtxy4DXCZQqLpgmRTQqyFyhT3bZ4F2XlJCjxGmRFF0Shwn9rzhOYRB61w9VMXUkxlBy56dk9JJiQ==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [sunos]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/sunos-x64@0.20.0:
-    resolution: {integrity: sha512-GDwAqgHQm1mVoPppGsoq4WJwT3vhnz/2N62CzhvApFD1eJyTroob30FPpOZabN+FgCjhG+AgcZyOPIkR8dfD7g==}
+  /@esbuild/sunos-x64@0.20.2:
+    resolution: {integrity: sha512-2UyFtRC6cXLyejf/YEld4Hajo7UHILetzE1vsRcGL3earZEW77JxrFjH4Ez2qaTiEfMgAXxfAZCm1fvM/G/o8w==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [sunos]
@@ -1757,17 +1733,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/win32-arm64@0.19.11:
-    resolution: {integrity: sha512-0P58Sbi0LctOMOQbpEOvOL44Ne0sqbS0XWHMvvrg6NE5jQ1xguCSSw9jQeUk2lfrXYsKDdOe6K+oZiwKPilYPQ==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/win32-arm64@0.20.0:
-    resolution: {integrity: sha512-0vYsP8aC4TvMlOQYozoksiaxjlvUcQrac+muDqj1Fxy6jh9l9CZJzj7zmh8JGfiV49cYLTorFLxg7593pGldwQ==}
+  /@esbuild/win32-arm64@0.20.2:
+    resolution: {integrity: sha512-GRibxoawM9ZCnDxnP3usoUDO9vUkpAxIIZ6GQI+IlVmr5kP3zUq+l17xELTHMWTWzjxa2guPNyrpq1GWmPvcGQ==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [win32]
@@ -1793,17 +1760,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/win32-ia32@0.19.11:
-    resolution: {integrity: sha512-6YOrWS+sDJDmshdBIQU+Uoyh7pQKrdykdefC1avn76ss5c+RN6gut3LZA4E2cH5xUEp5/cA0+YxRaVtRAb0xBg==}
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/win32-ia32@0.20.0:
-    resolution: {integrity: sha512-p98u4rIgfh4gdpV00IqknBD5pC84LCub+4a3MO+zjqvU5MVXOc3hqR2UgT2jI2nh3h8s9EQxmOsVI3tyzv1iFg==}
+  /@esbuild/win32-ia32@0.20.2:
+    resolution: {integrity: sha512-HfLOfn9YWmkSKRQqovpnITazdtquEW8/SoHW7pWpuEeguaZI4QnCRW6b+oZTztdBnZOS2hqJ6im/D5cPzBTTlQ==}
     engines: {node: '>=12'}
     cpu: [ia32]
     os: [win32]
@@ -1829,17 +1787,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/win32-x64@0.19.11:
-    resolution: {integrity: sha512-vfkhltrjCAb603XaFhqhAF4LGDi2M4OrCRrFusyQ+iTLQ/o60QQXxc9cZC/FFpihBI9N1Grn6SMKVJ4KP7Fuiw==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/win32-x64@0.20.0:
-    resolution: {integrity: sha512-NgJnesu1RtWihtTtXGFMU5YSE6JyyHPMxCwBZK7a6/8d31GuSo9l0Ss7w1Jw5QnKUawG6UEehs883kcXf5fYwg==}
+  /@esbuild/win32-x64@0.20.2:
+    resolution: {integrity: sha512-N49X4lJX27+l9jbLKSqZ6bKNjzQvHaT8IIFUy+YIqmXQdjYCToGWwOItDrfby14c78aDd5NHQl29xingXfCdLQ==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [win32]
@@ -1847,16 +1796,21 @@ packages:
     dev: true
     optional: true
 
-  /@eslint-community/eslint-utils@4.4.0(eslint@8.56.0):
+  /@eslint-community/eslint-utils@4.4.0(eslint@8.57.0):
     resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
     dependencies:
-      eslint: 8.56.0
+      eslint: 8.57.0
       eslint-visitor-keys: 3.4.3
     dev: true
 
+  /@eslint-community/regexpp@4.10.0:
+    resolution: {integrity: sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==}
+    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
+    dev: true
+
   /@eslint-community/regexpp@4.9.1:
     resolution: {integrity: sha512-Y27x+MBLjXa+0JWDhykM3+JE+il3kHKAEqabfEWq3SDhZjLYb6/BHL/JKFnH3fe207JaXkyDo685Oc2Glt6ifA==}
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
@@ -1869,8 +1823,8 @@ packages:
       ajv: 6.12.6
       debug: 4.3.4
       espree: 9.6.1
-      globals: 13.23.0
-      ignore: 5.3.0
+      globals: 13.24.0
+      ignore: 5.3.1
       import-fresh: 3.3.0
       js-yaml: 4.1.0
       minimatch: 3.1.2
@@ -1879,11 +1833,16 @@ packages:
       - supports-color
     dev: true
 
-  /@eslint/js@8.56.0:
-    resolution: {integrity: sha512-gMsVel9D7f2HLkBma9VbtzZRehRogVRfbr++f06nL2vnCGCNlzOD+/MUov/F4p8myyAHspEhVobgjpX64q5m6A==}
+  /@eslint/js@8.57.0:
+    resolution: {integrity: sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
+  /@eslint/js@9.0.0:
+    resolution: {integrity: sha512-RThY/MnKrhubF6+s1JflwUjPEsnCEmYCWwqa/aRISKWNXGZ9epUwft4bUMM35SdKF9xvBrLydAM1RDHd1Z//ZQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    dev: true
+
   /@fastify/busboy@2.0.0:
     resolution: {integrity: sha512-JUFJad5lv7jxj926GPgymrWQxxjPYuJNiNjNMzqT+HiuP6Vl3dk5xzG+8sTX96np0ZAluvaMzPsjhHZ5rNuNQQ==}
     engines: {node: '>=14'}
@@ -1894,6 +1853,12 @@ packages:
     dependencies:
       '@floating-ui/utils': 0.2.1
 
+  /@floating-ui/dom@1.1.1:
+    resolution: {integrity: sha512-TpIO93+DIujg3g7SykEAGZMDtbJRrmnYRCNYSjJlvIbGhBjRSNTLVbNeDQBrzy9qDgUbiWdc7KA0uZHZ2tJmiw==}
+    dependencies:
+      '@floating-ui/core': 1.6.0
+    dev: true
+
   /@floating-ui/dom@1.6.1:
     resolution: {integrity: sha512-iA8qE43/H5iGozC3W0YSnVSW42Vh522yyM1gj+BqRwVsTNOyr231PsXDaV04yT39PsO0QL2QpbI/M0ZaLUQgRQ==}
     dependencies:
@@ -1904,22 +1869,22 @@ packages:
   /@floating-ui/utils@0.2.1:
     resolution: {integrity: sha512-9TANp6GPoMtYzQdt54kfAyMmz1+osLlXdg2ENroU7zzrtflTLrrC/lgrIfaSe+Wu0b89GKccT7vxXA0MoAIO+Q==}
 
-  /@floating-ui/vue@1.0.6(vue@3.4.18):
+  /@floating-ui/vue@1.0.6(vue@3.4.21):
     resolution: {integrity: sha512-EdrOljjkpkkqZnrpqUcPoz9NvHxuTjUtSInh6GMv3+Mcy+giY2cE2pHh9rpacRcZ2eMSCxel9jWkWXTjLmY55w==}
     dependencies:
       '@floating-ui/dom': 1.6.1
       '@floating-ui/utils': 0.2.1
-      vue-demi: 0.14.6(vue@3.4.18)
+      vue-demi: 0.14.6(vue@3.4.21)
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
     dev: false
 
-  /@humanwhocodes/config-array@0.11.13:
-    resolution: {integrity: sha512-JSBDMiDKSzQVngfRjOdFXgFfklaXI4K9nLF49Auh21lmBWRLIK3+xTErTWD4KU54pb6coM6ESE7Awz/FNU3zgQ==}
+  /@humanwhocodes/config-array@0.11.14:
+    resolution: {integrity: sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==}
     engines: {node: '>=10.10.0'}
     dependencies:
-      '@humanwhocodes/object-schema': 2.0.1
+      '@humanwhocodes/object-schema': 2.0.3
       debug: 4.3.4
       minimatch: 3.1.2
     transitivePeerDependencies:
@@ -1931,8 +1896,8 @@ packages:
     engines: {node: '>=12.22'}
     dev: true
 
-  /@humanwhocodes/object-schema@2.0.1:
-    resolution: {integrity: sha512-dvuCeX5fC9dXgJn9t+X5atfmgQAzUOWqS1254Gh0m6i8wKd10ebXkfNKiRK+1GWi/yTvvLDHpoxLr0xxxeslWw==}
+  /@humanwhocodes/object-schema@2.0.3:
+    resolution: {integrity: sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==}
     dev: true
 
   /@iconify-json/bi@1.1.23:
@@ -1941,8 +1906,8 @@ packages:
       '@iconify/types': 2.0.0
     dev: true
 
-  /@iconify-json/simple-icons@1.1.90:
-    resolution: {integrity: sha512-IYDCQD3VJ5verAwWwMgnbJ6SvPzEqH0SG6JsI2ySuI64d7qVbcJMFycc0kGPfSsi2yAPYHk+tD6Iln17y1MuNA==}
+  /@iconify-json/simple-icons@1.1.99:
+    resolution: {integrity: sha512-/csVihX/ztkl2j4Vk4JoEJv8DdQHrZafzC5QHe21Y+ztuVglvavjb4yWEn9KQHTitLH2fIMnP8+RSTxu5kdmtw==}
     dependencies:
       '@iconify/types': 2.0.0
     dev: true
@@ -1993,34 +1958,34 @@ packages:
       '@sinclair/typebox': 0.27.8
     dev: true
 
-  /@jridgewell/gen-mapping@0.3.3:
-    resolution: {integrity: sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==}
+  /@jridgewell/gen-mapping@0.3.5:
+    resolution: {integrity: sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==}
     engines: {node: '>=6.0.0'}
     dependencies:
-      '@jridgewell/set-array': 1.1.2
+      '@jridgewell/set-array': 1.2.1
       '@jridgewell/sourcemap-codec': 1.4.15
-      '@jridgewell/trace-mapping': 0.3.20
+      '@jridgewell/trace-mapping': 0.3.25
 
   /@jridgewell/resolve-uri@3.1.1:
     resolution: {integrity: sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==}
     engines: {node: '>=6.0.0'}
 
-  /@jridgewell/set-array@1.1.2:
-    resolution: {integrity: sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==}
+  /@jridgewell/set-array@1.2.1:
+    resolution: {integrity: sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==}
     engines: {node: '>=6.0.0'}
 
   /@jridgewell/source-map@0.3.5:
     resolution: {integrity: sha512-UTYAUj/wviwdsMfzoSJspJxbkH5o1snzwX0//0ENX1u/55kkZZkcTZP6u9bwKGkv+dkk9at4m1Cpt0uY80kcpQ==}
     dependencies:
-      '@jridgewell/gen-mapping': 0.3.3
-      '@jridgewell/trace-mapping': 0.3.20
+      '@jridgewell/gen-mapping': 0.3.5
+      '@jridgewell/trace-mapping': 0.3.25
     dev: true
 
   /@jridgewell/sourcemap-codec@1.4.15:
     resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==}
 
-  /@jridgewell/trace-mapping@0.3.20:
-    resolution: {integrity: sha512-R8LcPeWZol2zR8mmH3JeKQ6QRCFb7XgUhV9ZlGhHLGyg4wpPiPZNQOOWhFZhxKw8u//yTbNGI42Bx/3paXEQ+Q==}
+  /@jridgewell/trace-mapping@0.3.25:
+    resolution: {integrity: sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==}
     dependencies:
       '@jridgewell/resolve-uri': 3.1.1
       '@jridgewell/sourcemap-codec': 1.4.15
@@ -2048,39 +2013,40 @@ packages:
       nopt: 5.0.0
       npmlog: 5.0.1
       rimraf: 3.0.2
-      semver: 7.5.4
+      semver: 7.6.0
       tar: 6.2.0
     transitivePeerDependencies:
       - encoding
       - supports-color
     dev: true
 
-  /@microsoft/api-extractor-model@7.28.3(@types/node@20.11.17):
-    resolution: {integrity: sha512-wT/kB2oDbdZXITyDh2SQLzaWwTOFbV326fP0pUwNW00WeliARs0qjmXBWmGWardEzp2U3/axkO3Lboqun6vrig==}
+  /@microsoft/api-extractor-model@7.28.13(@types/node@20.12.7):
+    resolution: {integrity: sha512-39v/JyldX4MS9uzHcdfmjjfS6cYGAoXV+io8B5a338pkHiSt+gy2eXQ0Q7cGFJ7quSa1VqqlMdlPrB6sLR/cAw==}
     dependencies:
       '@microsoft/tsdoc': 0.14.2
       '@microsoft/tsdoc-config': 0.16.2
-      '@rushstack/node-core-library': 3.62.0(@types/node@20.11.17)
+      '@rushstack/node-core-library': 4.0.2(@types/node@20.12.7)
     transitivePeerDependencies:
       - '@types/node'
     dev: true
 
-  /@microsoft/api-extractor@7.39.0(@types/node@20.11.17):
-    resolution: {integrity: sha512-PuXxzadgnvp+wdeZFPonssRAj/EW4Gm4s75TXzPk09h3wJ8RS3x7typf95B4vwZRrPTQBGopdUl+/vHvlPdAcg==}
+  /@microsoft/api-extractor@7.43.0(@types/node@20.12.7):
+    resolution: {integrity: sha512-GFhTcJpB+MI6FhvXEI9b2K0snulNLWHqC/BbcJtyNYcKUiw7l3Lgis5ApsYncJ0leALX7/of4XfmXk+maT111w==}
     hasBin: true
     dependencies:
-      '@microsoft/api-extractor-model': 7.28.3(@types/node@20.11.17)
+      '@microsoft/api-extractor-model': 7.28.13(@types/node@20.12.7)
       '@microsoft/tsdoc': 0.14.2
       '@microsoft/tsdoc-config': 0.16.2
-      '@rushstack/node-core-library': 3.62.0(@types/node@20.11.17)
-      '@rushstack/rig-package': 0.5.1
-      '@rushstack/ts-command-line': 4.17.1
-      colors: 1.2.5
+      '@rushstack/node-core-library': 4.0.2(@types/node@20.12.7)
+      '@rushstack/rig-package': 0.5.2
+      '@rushstack/terminal': 0.10.0(@types/node@20.12.7)
+      '@rushstack/ts-command-line': 4.19.1(@types/node@20.12.7)
       lodash: 4.17.21
+      minimatch: 3.0.8
       resolve: 1.22.8
       semver: 7.5.4
       source-map: 0.6.1
-      typescript: 5.3.3
+      typescript: 5.4.2
     transitivePeerDependencies:
       - '@types/node'
     dev: true
@@ -2098,12 +2064,11 @@ packages:
     resolution: {integrity: sha512-9b8mPpKrfeGRuhFH5iO1iwCLeIIsV6+H1sRfxbkoGXIyQE2BTsPd9zqSqQJ+pv5sJ/hT5M1zvOFL02MnEezFug==}
     dev: true
 
-  /@netlify/functions@2.4.0:
-    resolution: {integrity: sha512-dIqhdj5u4Lu/8qbYwtYpn8NfvIyPHbSTV2lAP4ocL+iwC9As06AXT0wa/xOpO2vRWJa0IMxdZaqCPnkyHlHiyg==}
+  /@netlify/functions@2.6.0:
+    resolution: {integrity: sha512-vU20tij0fb4nRGACqb+5SQvKd50JYyTyEhQetCMHdakcJFzjLDivvRR16u1G2Oy4A7xNAtGJF1uz8reeOtTVcQ==}
     engines: {node: '>=14.0.0'}
     dependencies:
-      '@netlify/serverless-functions-api': 1.11.0
-      is-promise: 4.0.0
+      '@netlify/serverless-functions-api': 1.14.0
     dev: true
 
   /@netlify/node-cookies@0.1.0:
@@ -2111,8 +2076,8 @@ packages:
     engines: {node: ^14.16.0 || >=16.0.0}
     dev: true
 
-  /@netlify/serverless-functions-api@1.11.0:
-    resolution: {integrity: sha512-3splAsr2CekL7VTwgo6yTvzD2+f269/s+TJafYazonqMNNo31yzvFxD5HpLtni4DNE1ppymVKZ4X/rLN3yl0vQ==}
+  /@netlify/serverless-functions-api@1.14.0:
+    resolution: {integrity: sha512-HUNETLNvNiC2J+SB/YuRwJA9+agPrc0azSoWVk8H85GC+YE114hcS5JW+dstpKwVerp2xILE3vNWN7IMXP5Q5Q==}
     engines: {node: ^14.18.0 || >=16.0.0}
     dependencies:
       '@netlify/node-cookies': 0.1.0
@@ -2144,7 +2109,7 @@ packages:
       agent-base: 7.1.0
       http-proxy-agent: 7.0.0
       https-proxy-agent: 7.0.2
-      lru-cache: 10.1.0
+      lru-cache: 10.2.0
       socks-proxy-agent: 8.0.2
     transitivePeerDependencies:
       - supports-color
@@ -2154,7 +2119,7 @@ packages:
     resolution: {integrity: sha512-7kZUAaLscfgbwBQRbvdMYaZOWyMEcPTH/tJjnyAWJ/dvvs9Ef+CERx/qJb9GExJpl1qipaDGn7KqHnFGGixd0w==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
     dependencies:
-      semver: 7.5.4
+      semver: 7.6.0
     dev: true
 
   /@npmcli/git@5.0.3:
@@ -2162,12 +2127,12 @@ packages:
     engines: {node: ^16.14.0 || >=18.0.0}
     dependencies:
       '@npmcli/promise-spawn': 7.0.0
-      lru-cache: 10.1.0
+      lru-cache: 10.2.0
       npm-pick-manifest: 9.0.0
       proc-log: 3.0.0
       promise-inflight: 1.0.1
       promise-retry: 2.0.1
-      semver: 7.5.4
+      semver: 7.6.0
       which: 4.0.0
     transitivePeerDependencies:
       - bluebird
@@ -2211,28 +2176,28 @@ packages:
     resolution: {integrity: sha512-GBzP8zOc7CGWyFQS6dv1lQz8VVpz5C2yRszbXufwG/9zhStTIH50EtD87NmWbTMwXDvZLNg8GIpb1UFdH93JCA==}
     dev: true
 
-  /@nuxt/devtools-kit@1.0.8(nuxt@3.10.1)(rollup@3.29.4)(vite@5.1.1):
-    resolution: {integrity: sha512-j7bNZmoAXQ1a8qv6j6zk4c/aekrxYqYVQM21o/Hy4XHCUq4fajSgpoc8mjyWJSTfpkOmuLyEzMexpDWiIVSr6A==}
+  /@nuxt/devtools-kit@1.1.5(nuxt@3.11.2)(rollup@3.29.4)(vite@5.2.8):
+    resolution: {integrity: sha512-Nb/NKFCRtxyqcPD6snB52rXtbRQMjGtn3ncpa8cLWsnoqnkd9emQ4uwV8IwCNxTnqUBtbGU79/TlJ79SKH9TAw==}
     peerDependencies:
       nuxt: ^3.9.0
       vite: '*'
     dependencies:
-      '@nuxt/kit': 3.10.1(rollup@3.29.4)
-      '@nuxt/schema': 3.10.1(rollup@3.29.4)
+      '@nuxt/kit': 3.11.2(rollup@3.29.4)
+      '@nuxt/schema': 3.11.2(rollup@3.29.4)
       execa: 7.2.0
-      nuxt: 3.10.1(@types/node@20.11.17)(eslint@8.56.0)(rollup@3.29.4)(typescript@5.3.3)(vite@5.1.1)
-      vite: 5.1.1(@types/node@20.11.17)(sass@1.70.0)
+      nuxt: 3.11.2(@types/node@20.12.7)(@unocss/reset@0.58.8)(eslint@8.57.0)(floating-vue@5.2.2)(rollup@3.29.4)(typescript@5.4.5)(unocss@0.58.8)(vite@5.2.8)
+      vite: 5.2.8(@types/node@20.12.7)(sass@1.75.0)
     transitivePeerDependencies:
       - rollup
       - supports-color
     dev: true
 
-  /@nuxt/devtools-wizard@1.0.8:
-    resolution: {integrity: sha512-RxyOlM7Isk5npwXwDJ/rjm9ekX5sTNG0LS0VOBMdSx+D5nlRPMRr/r9yO+9WQDyzPLClLzHaXRHBWLPlRX3IMw==}
+  /@nuxt/devtools-wizard@1.1.5:
+    resolution: {integrity: sha512-bWLgLvYFbYCQYlLPttZaUo58cS1VJo1uEFguHaCwZ7Fzkm4Iv+lFTv5BzD+gOHwohaXLr3YecgZOO4YNJTgXyA==}
     hasBin: true
     dependencies:
       consola: 3.2.3
-      diff: 5.1.0
+      diff: 5.2.0
       execa: 7.2.0
       global-directory: 4.0.1
       magicast: 0.3.3
@@ -2240,94 +2205,139 @@ packages:
       pkg-types: 1.0.3
       prompts: 2.4.2
       rc9: 2.1.1
-      semver: 7.5.4
+      semver: 7.6.0
     dev: true
 
-  /@nuxt/devtools@1.0.8(nuxt@3.10.1)(rollup@3.29.4)(vite@5.1.1):
-    resolution: {integrity: sha512-o6aBFEBxc8OgVHV4OPe2g0q9tFIe9HiTxRiJnlTJ+jHvOQsBLS651ArdVtwLChf9UdMouFlpLLJ1HteZqTbtsQ==}
+  /@nuxt/devtools@1.1.5(@unocss/reset@0.58.8)(floating-vue@5.2.2)(nuxt@3.11.2)(rollup@3.29.4)(unocss@0.58.8)(vite@5.2.8)(vue@3.4.21):
+    resolution: {integrity: sha512-aDEqz4L1GDj4DDnX7PL9ety3Wx0kLyKTb2JOSoJR8uX09fC3gonCvj/gYHLSSIKqhPasUjoOO5RPCtT+r9dtsA==}
     hasBin: true
     peerDependencies:
       nuxt: ^3.9.0
       vite: '*'
     dependencies:
       '@antfu/utils': 0.7.7
-      '@nuxt/devtools-kit': 1.0.8(nuxt@3.10.1)(rollup@3.29.4)(vite@5.1.1)
-      '@nuxt/devtools-wizard': 1.0.8
-      '@nuxt/kit': 3.10.1(rollup@3.29.4)
-      birpc: 0.2.14
+      '@nuxt/devtools-kit': 1.1.5(nuxt@3.11.2)(rollup@3.29.4)(vite@5.2.8)
+      '@nuxt/devtools-wizard': 1.1.5
+      '@nuxt/kit': 3.11.2(rollup@3.29.4)
+      '@vue/devtools-applet': 7.0.25(@unocss/reset@0.58.8)(floating-vue@5.2.2)(unocss@0.58.8)(vite@5.2.8)(vue@3.4.21)
+      '@vue/devtools-core': 7.0.25(vite@5.2.8)(vue@3.4.21)
+      '@vue/devtools-kit': 7.0.25(vue@3.4.21)
+      birpc: 0.2.17
       consola: 3.2.3
-      destr: 2.0.2
+      cronstrue: 2.48.0
+      destr: 2.0.3
       error-stack-parser-es: 0.1.1
       execa: 7.2.0
       fast-glob: 3.3.2
-      flatted: 3.2.9
+      flatted: 3.3.1
       get-port-please: 3.1.2
       hookable: 5.5.3
       image-meta: 0.2.0
       is-installed-globally: 1.0.0
       launch-editor: 2.6.1
       local-pkg: 0.5.0
-      magicast: 0.3.2
-      nuxt: 3.10.1(@types/node@20.11.17)(eslint@8.56.0)(rollup@3.29.4)(typescript@5.3.3)(vite@5.1.1)
-      nypm: 0.3.4
+      magicast: 0.3.3
+      nuxt: 3.11.2(@types/node@20.12.7)(@unocss/reset@0.58.8)(eslint@8.57.0)(floating-vue@5.2.2)(rollup@3.29.4)(typescript@5.4.5)(unocss@0.58.8)(vite@5.2.8)
+      nypm: 0.3.8
       ohash: 1.1.3
-      pacote: 17.0.5
+      pacote: 17.0.6
       pathe: 1.1.2
       perfect-debounce: 1.0.0
       pkg-types: 1.0.3
       rc9: 2.1.1
-      scule: 1.2.0
-      semver: 7.5.4
-      simple-git: 3.22.0
+      scule: 1.3.0
+      semver: 7.6.0
+      simple-git: 3.24.0
       sirv: 2.0.4
       unimport: 3.7.1(rollup@3.29.4)
-      vite: 5.1.1(@types/node@20.11.17)(sass@1.70.0)
-      vite-plugin-inspect: 0.8.1(@nuxt/kit@3.10.1)(rollup@3.29.4)(vite@5.1.1)
-      vite-plugin-vue-inspector: 4.0.2(vite@5.1.1)
+      vite: 5.2.8(@types/node@20.12.7)(sass@1.75.0)
+      vite-plugin-inspect: 0.8.3(@nuxt/kit@3.11.2)(rollup@3.29.4)(vite@5.2.8)
+      vite-plugin-vue-inspector: 4.0.2(vite@5.2.8)
       which: 3.0.1
       ws: 8.16.0
     transitivePeerDependencies:
+      - '@unocss/reset'
+      - '@vue/composition-api'
+      - async-validator
+      - axios
       - bluebird
       - bufferutil
+      - change-case
+      - drauu
+      - floating-vue
+      - fuse.js
+      - idb-keyval
+      - jwt-decode
+      - nprogress
+      - qrcode
       - rollup
+      - sortablejs
       - supports-color
+      - universal-cookie
+      - unocss
       - utf-8-validate
+      - vue
+    dev: true
+
+  /@nuxt/eslint-config@0.3.6(eslint@8.57.0)(typescript@5.4.5):
+    resolution: {integrity: sha512-uuAPflhCSym2UUs+613CU4GJo10wtFFwzZLba/fHO7H6IqpVk8kHGDuwrV/AvVwnty8IhIIqOXBgrx16RoDkSA==}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+    dependencies:
+      '@eslint/js': 9.0.0
+      '@nuxt/eslint-plugin': 0.3.6(eslint@8.57.0)(typescript@5.4.5)
+      '@rushstack/eslint-patch': 1.10.2
+      '@stylistic/eslint-plugin': 1.7.0(eslint@8.57.0)(typescript@5.4.5)
+      '@typescript-eslint/eslint-plugin': 7.6.0(@typescript-eslint/parser@7.6.0)(eslint@8.57.0)(typescript@5.4.5)
+      '@typescript-eslint/parser': 7.6.0(eslint@8.57.0)(typescript@5.4.5)
+      eslint: 8.57.0
+      eslint-config-flat-gitignore: 0.1.5
+      eslint-flat-config-utils: 0.2.2
+      eslint-plugin-import-x: 0.5.0(eslint@8.57.0)(typescript@5.4.5)
+      eslint-plugin-jsdoc: 48.2.3(eslint@8.57.0)
+      eslint-plugin-unicorn: 52.0.0(eslint@8.57.0)
+      eslint-plugin-vue: 9.25.0(eslint@8.57.0)
+      globals: 15.0.0
+      pathe: 1.1.2
+      tslib: 2.6.2
+      vue-eslint-parser: 9.4.2(eslint@8.57.0)
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
     dev: true
 
-  /@nuxt/eslint-config@0.2.0(eslint@8.56.0):
-    resolution: {integrity: sha512-NeJX8TLcnNAjQFiDs3XhP+9CHKK8jaKsP7eUyCSrQdgY7nqWe7VJx64lwzx5FTT4cW3RHMEyH+Y0qzLGYYoa/A==}
+  /@nuxt/eslint-plugin@0.3.6(eslint@8.57.0)(typescript@5.4.5):
+    resolution: {integrity: sha512-kyfvqWkxcMT672WkiupEZI6a/sDL6CLdZt5HS8SfjUe2rcZOvc0TRSMXKAvo+XBZlnJA/fIOKQMa8qUkLoBXWw==}
     peerDependencies:
-      eslint: ^8.48.0
+      eslint: ^8.57.0 || ^9.0.0
     dependencies:
-      '@rushstack/eslint-patch': 1.7.2
-      '@typescript-eslint/eslint-plugin': 6.8.0(@typescript-eslint/parser@6.8.0)(eslint@8.56.0)(typescript@5.3.3)
-      '@typescript-eslint/parser': 6.8.0(eslint@8.56.0)(typescript@5.3.3)
-      eslint: 8.56.0
-      eslint-plugin-vue: 9.21.1(eslint@8.56.0)
-      typescript: 5.3.3
+      '@typescript-eslint/types': 7.6.0
+      '@typescript-eslint/utils': 7.6.0(eslint@8.57.0)(typescript@5.4.5)
+      eslint: 8.57.0
     transitivePeerDependencies:
       - supports-color
+      - typescript
     dev: true
 
-  /@nuxt/kit@3.10.1(rollup@3.29.4):
-    resolution: {integrity: sha512-M9VRY0QGbG6lWOVqt69ZF96RLBUZVXyFpbBUwHnoHgjF9BXSX/MT/hrZcJicN4aPM2QRephGgsBd4U5wFmmn6g==}
+  /@nuxt/kit@3.11.2(rollup@3.29.4):
+    resolution: {integrity: sha512-yiYKP0ZWMW7T3TCmsv4H8+jEsB/nFriRAR8bKoSqSV9bkVYWPE36sf7JDux30dQ91jSlQG6LQkB3vCHYTS2cIg==}
     engines: {node: ^14.18.0 || >=16.10.0}
     dependencies:
-      '@nuxt/schema': 3.10.1(rollup@3.29.4)
-      c12: 1.6.1
+      '@nuxt/schema': 3.11.2(rollup@3.29.4)
+      c12: 1.10.0
       consola: 3.2.3
       defu: 6.1.4
-      globby: 14.0.0
+      globby: 14.0.1
       hash-sum: 2.0.0
       ignore: 5.3.1
       jiti: 1.21.0
-      knitwork: 1.0.0
-      mlly: 1.5.0
+      knitwork: 1.1.0
+      mlly: 1.6.1
       pathe: 1.1.2
       pkg-types: 1.0.3
-      scule: 1.2.0
-      semver: 7.5.4
-      ufo: 1.3.2
+      scule: 1.3.0
+      semver: 7.6.0
+      ufo: 1.5.3
       unctx: 2.3.1
       unimport: 3.7.1(rollup@3.29.4)
       untyped: 1.4.2
@@ -2335,39 +2345,39 @@ packages:
       - rollup
       - supports-color
 
-  /@nuxt/module-builder@0.5.5(@nuxt/kit@3.10.1)(nuxi@3.10.0)(typescript@5.3.3):
+  /@nuxt/module-builder@0.5.5(@nuxt/kit@3.11.2)(nuxi@3.11.1)(typescript@5.4.5):
     resolution: {integrity: sha512-ifFfwA1rbSXSae25RmqA2kAbV3xoShZNrq1yK8VXB/EnIcDn4WiaYR1PytaSxIt5zsvWPn92BJXiIUBiMQZ0hw==}
     hasBin: true
     peerDependencies:
       '@nuxt/kit': ^3.8.2
       nuxi: ^3.10.0
     dependencies:
-      '@nuxt/kit': 3.10.1(rollup@3.29.4)
+      '@nuxt/kit': 3.11.2(rollup@3.29.4)
       citty: 0.1.5
       consola: 3.2.3
       mlly: 1.4.2
-      nuxi: 3.10.0
+      nuxi: 3.11.1
       pathe: 1.1.1
-      unbuild: 2.0.0(typescript@5.3.3)
+      unbuild: 2.0.0(typescript@5.4.5)
     transitivePeerDependencies:
       - sass
       - supports-color
       - typescript
     dev: true
 
-  /@nuxt/schema@3.10.1(rollup@3.29.4):
-    resolution: {integrity: sha512-DyZLhbaaoGBCXO2jboCHTp77jbCIUem/va5iSu2+GO6M8vAHbNRphksw38gpSk/F74LbJDTbW0t3hrMBzU4B3g==}
+  /@nuxt/schema@3.11.2(rollup@3.29.4):
+    resolution: {integrity: sha512-Z0bx7N08itD5edtpkstImLctWMNvxTArsKXzS35ZuqyAyKBPcRjO1CU01slH0ahO30Gg9kbck3/RKNZPwfOjJg==}
     engines: {node: ^14.18.0 || >=16.10.0}
     dependencies:
-      '@nuxt/ui-templates': 1.3.1
+      '@nuxt/ui-templates': 1.3.3
       consola: 3.2.3
       defu: 6.1.4
       hookable: 5.5.3
       pathe: 1.1.2
       pkg-types: 1.0.3
-      scule: 1.2.0
+      scule: 1.3.0
       std-env: 3.7.0
-      ufo: 1.3.2
+      ufo: 1.5.3
       unimport: 3.7.1(rollup@3.29.4)
       untyped: 1.4.2
     transitivePeerDependencies:
@@ -2378,19 +2388,19 @@ packages:
     resolution: {integrity: sha512-Ghv2MgWbJcUM9G5Dy3oQP0cJkUwEgaiuQxEF61FXJdn0a69Q4StZEP/hLF0MWPM9m6EvAwI7orxkJHM7MrmtVg==}
     hasBin: true
     dependencies:
-      '@nuxt/kit': 3.10.1(rollup@3.29.4)
+      '@nuxt/kit': 3.11.2(rollup@3.29.4)
       ci-info: 4.0.0
       consola: 3.2.3
       create-require: 1.1.1
       defu: 6.1.4
-      destr: 2.0.2
-      dotenv: 16.3.1
+      destr: 2.0.3
+      dotenv: 16.4.5
       git-url-parse: 13.1.1
       is-docker: 3.0.0
       jiti: 1.21.0
       mri: 1.2.0
       nanoid: 4.0.2
-      ofetch: 1.3.3
+      ofetch: 1.3.4
       parse-git-config: 3.0.0
       pathe: 1.1.2
       rc9: 2.1.1
@@ -2400,12 +2410,13 @@ packages:
       - supports-color
     dev: true
 
-  /@nuxt/test-utils@3.11.0(h3@1.10.1)(rollup@3.29.4)(vite@5.1.1)(vue-router@4.2.5)(vue@3.4.18):
-    resolution: {integrity: sha512-9ovgpQZkZpVg/MhYVVn2169WjH/IL0XUqwGryTa/lkx0/BCi1LMVEp3HTPkmt4qbRcxitO+kL4vFqqrFGVaSVg==}
+  /@nuxt/test-utils@3.12.0(h3@1.11.1)(rollup@3.29.4)(vite@5.2.8)(vue-router@4.3.0)(vue@3.4.21):
+    resolution: {integrity: sha512-Q3HP53TDIYeqHT65r31HZhK/gRwVBmchSdVj1tfiYECyqstckvsQ4Cyt/GX/XmD7cLdD3d5aHow8LaMfP+BSqQ==}
     engines: {node: ^14.18.0 || >=16.10.0}
     peerDependencies:
       '@cucumber/cucumber': ^10.3.1
       '@jest/globals': ^29.5.0
+      '@playwright/test': ^1.42.1
       '@testing-library/vue': ^7.0.0 || ^8.0.1
       '@vitest/ui': ^0.34.6 || ^1.0.0
       '@vue/test-utils': ^2.4.2
@@ -2422,6 +2433,8 @@ packages:
         optional: true
       '@jest/globals':
         optional: true
+      '@playwright/test':
+        optional: true
       '@testing-library/vue':
         optional: true
       '@vitest/ui':
@@ -2437,81 +2450,81 @@ packages:
       vitest:
         optional: true
     dependencies:
-      '@nuxt/kit': 3.10.1(rollup@3.29.4)
-      '@nuxt/schema': 3.10.1(rollup@3.29.4)
-      c12: 1.6.1
+      '@nuxt/kit': 3.11.2(rollup@3.29.4)
+      '@nuxt/schema': 3.11.2(rollup@3.29.4)
+      c12: 1.10.0
       consola: 3.2.3
       defu: 6.1.4
-      destr: 2.0.2
+      destr: 2.0.3
       estree-walker: 3.0.3
       execa: 8.0.1
       fake-indexeddb: 5.0.2
       get-port-please: 3.1.2
-      h3: 1.10.1
+      h3: 1.11.1
       local-pkg: 0.5.0
-      magic-string: 0.30.5
-      node-fetch-native: 1.6.1
+      magic-string: 0.30.8
+      node-fetch-native: 1.6.4
       ofetch: 1.3.3
       pathe: 1.1.2
       perfect-debounce: 1.0.0
-      radix3: 1.1.0
-      scule: 1.2.0
+      radix3: 1.1.2
+      scule: 1.3.0
       std-env: 3.7.0
-      ufo: 1.3.2
+      ufo: 1.5.3
       unenv: 1.9.0
-      unplugin: 1.6.0
-      vite: 5.1.1(@types/node@20.11.17)(sass@1.70.0)
-      vitest-environment-nuxt: 1.0.0(h3@1.10.1)(rollup@3.29.4)(vite@5.1.1)(vue-router@4.2.5)(vue@3.4.18)
-      vue: 3.4.18(typescript@5.3.3)
-      vue-router: 4.2.5(vue@3.4.18)
+      unplugin: 1.10.1
+      vite: 5.2.8(@types/node@20.12.7)(sass@1.75.0)
+      vitest-environment-nuxt: 1.0.0(h3@1.11.1)(rollup@3.29.4)(vite@5.2.8)(vue-router@4.3.0)(vue@3.4.21)
+      vue: 3.4.21(typescript@5.4.5)
+      vue-router: 4.3.0(vue@3.4.21)
     transitivePeerDependencies:
       - rollup
       - supports-color
     dev: true
 
-  /@nuxt/ui-templates@1.3.1:
-    resolution: {integrity: sha512-5gc02Pu1HycOVUWJ8aYsWeeXcSTPe8iX8+KIrhyEtEoOSkY0eMBuo0ssljB8wALuEmepv31DlYe5gpiRwkjESA==}
+  /@nuxt/ui-templates@1.3.3:
+    resolution: {integrity: sha512-3BG5doAREcD50dbKyXgmjD4b1GzY8CUy3T41jMhHZXNDdaNwOd31IBq+D6dV00OSrDVhzrTVj0IxsUsnMyHvIQ==}
 
-  /@nuxt/vite-builder@3.10.1(@types/node@20.11.17)(eslint@8.56.0)(rollup@3.29.4)(typescript@5.3.3)(vue@3.4.18):
-    resolution: {integrity: sha512-Rl3sNWd43LNuKc4Y7vwWPLKH+4brbFCfcCQP1W86eSzfijen9AGuqyYIrRaaMieNE7aHMpYSIGCo4kYohhMsuA==}
+  /@nuxt/vite-builder@3.11.2(@types/node@20.12.7)(eslint@8.57.0)(rollup@3.29.4)(typescript@5.4.5)(vue@3.4.21):
+    resolution: {integrity: sha512-eXTZsAAN4dPz4eA2UD5YU2kD/DqgfyQp1UYsIdCe6+PAVe1ifkUboBjbc0piR5+3qI/S/eqk3nzxRGbiYF7Ccg==}
     engines: {node: ^14.18.0 || >=16.10.0}
     peerDependencies:
       vue: ^3.3.4
     dependencies:
-      '@nuxt/kit': 3.10.1(rollup@3.29.4)
+      '@nuxt/kit': 3.11.2(rollup@3.29.4)
       '@rollup/plugin-replace': 5.0.5(rollup@3.29.4)
-      '@vitejs/plugin-vue': 5.0.4(vite@5.0.12)(vue@3.4.18)
-      '@vitejs/plugin-vue-jsx': 3.1.0(vite@5.0.12)(vue@3.4.18)
-      autoprefixer: 10.4.17(postcss@8.4.35)
+      '@vitejs/plugin-vue': 5.0.4(vite@5.2.8)(vue@3.4.21)
+      '@vitejs/plugin-vue-jsx': 3.1.0(vite@5.2.8)(vue@3.4.21)
+      autoprefixer: 10.4.19(postcss@8.4.38)
       clear: 0.1.0
       consola: 3.2.3
-      cssnano: 6.0.3(postcss@8.4.35)
+      cssnano: 6.1.2(postcss@8.4.38)
       defu: 6.1.4
-      esbuild: 0.20.0
+      esbuild: 0.20.2
       escape-string-regexp: 5.0.0
       estree-walker: 3.0.3
       externality: 1.0.2
       fs-extra: 11.2.0
       get-port-please: 3.1.2
-      h3: 1.10.1
-      knitwork: 1.0.0
-      magic-string: 0.30.7
-      mlly: 1.5.0
+      h3: 1.11.1
+      knitwork: 1.1.0
+      magic-string: 0.30.9
+      mlly: 1.6.1
       ohash: 1.1.3
       pathe: 1.1.2
       perfect-debounce: 1.0.0
       pkg-types: 1.0.3
-      postcss: 8.4.35
+      postcss: 8.4.38
       rollup-plugin-visualizer: 5.12.0(rollup@3.29.4)
       std-env: 3.7.0
-      strip-literal: 2.0.0
-      ufo: 1.3.2
+      strip-literal: 2.1.0
+      ufo: 1.5.3
       unenv: 1.9.0
-      unplugin: 1.6.0
-      vite: 5.0.12(@types/node@20.11.17)
-      vite-node: 1.2.2(@types/node@20.11.17)(sass@1.70.0)
-      vite-plugin-checker: 0.6.4(eslint@8.56.0)(typescript@5.3.3)(vite@5.0.12)
-      vue: 3.4.18(typescript@5.3.3)
+      unplugin: 1.10.1
+      vite: 5.2.8(@types/node@20.12.7)(sass@1.75.0)
+      vite-node: 1.5.0(@types/node@20.12.7)(sass@1.75.0)
+      vite-plugin-checker: 0.6.4(eslint@8.57.0)(typescript@5.4.5)(vite@5.2.8)
+      vue: 3.4.21(typescript@5.4.5)
       vue-bundle-renderer: 2.0.0
     transitivePeerDependencies:
       - '@types/node'
@@ -2528,6 +2541,7 @@ packages:
       - supports-color
       - terser
       - typescript
+      - uWebSockets.js
       - vls
       - vti
       - vue-tsc
@@ -2537,8 +2551,8 @@ packages:
     resolution: {integrity: sha512-XuySG1E38YScSJoMlqovLru4KTUNSjgVTIjyh7qMX6aNN5HY5Ct5LhRJdxO79JtTzKfzV/bnWpz+zquYrISsvw==}
     dev: true
 
-  /@parcel/watcher-android-arm64@2.3.0:
-    resolution: {integrity: sha512-f4o9eA3dgk0XRT3XhB0UWpWpLnKgrh1IwNJKJ7UJek7eTYccQ8LR7XUWFKqw6aEq5KUNlCcGvSzKqSX/vtWVVA==}
+  /@parcel/watcher-android-arm64@2.4.1:
+    resolution: {integrity: sha512-LOi/WTbbh3aTn2RYddrO8pnapixAziFl6SMxHM69r3tvdSm94JtCenaKgk1GRg5FJ5wpMCpHeW+7yqPlvZv7kg==}
     engines: {node: '>= 10.0.0'}
     cpu: [arm64]
     os: [android]
@@ -2546,8 +2560,8 @@ packages:
     dev: true
     optional: true
 
-  /@parcel/watcher-darwin-arm64@2.3.0:
-    resolution: {integrity: sha512-mKY+oijI4ahBMc/GygVGvEdOq0L4DxhYgwQqYAz/7yPzuGi79oXrZG52WdpGA1wLBPrYb0T8uBaGFo7I6rvSKw==}
+  /@parcel/watcher-darwin-arm64@2.4.1:
+    resolution: {integrity: sha512-ln41eihm5YXIY043vBrrHfn94SIBlqOWmoROhsMVTSXGh0QahKGy77tfEywQ7v3NywyxBBkGIfrWRHm0hsKtzA==}
     engines: {node: '>= 10.0.0'}
     cpu: [arm64]
     os: [darwin]
@@ -2555,8 +2569,8 @@ packages:
     dev: true
     optional: true
 
-  /@parcel/watcher-darwin-x64@2.3.0:
-    resolution: {integrity: sha512-20oBj8LcEOnLE3mgpy6zuOq8AplPu9NcSSSfyVKgfOhNAc4eF4ob3ldj0xWjGGbOF7Dcy1Tvm6ytvgdjlfUeow==}
+  /@parcel/watcher-darwin-x64@2.4.1:
+    resolution: {integrity: sha512-yrw81BRLjjtHyDu7J61oPuSoeYWR3lDElcPGJyOvIXmor6DEo7/G2u1o7I38cwlcoBHQFULqF6nesIX3tsEXMg==}
     engines: {node: '>= 10.0.0'}
     cpu: [x64]
     os: [darwin]
@@ -2564,8 +2578,8 @@ packages:
     dev: true
     optional: true
 
-  /@parcel/watcher-freebsd-x64@2.3.0:
-    resolution: {integrity: sha512-7LftKlaHunueAEiojhCn+Ef2CTXWsLgTl4hq0pkhkTBFI3ssj2bJXmH2L67mKpiAD5dz66JYk4zS66qzdnIOgw==}
+  /@parcel/watcher-freebsd-x64@2.4.1:
+    resolution: {integrity: sha512-TJa3Pex/gX3CWIx/Co8k+ykNdDCLx+TuZj3f3h7eOjgpdKM+Mnix37RYsYU4LHhiYJz3DK5nFCCra81p6g050w==}
     engines: {node: '>= 10.0.0'}
     cpu: [x64]
     os: [freebsd]
@@ -2573,8 +2587,8 @@ packages:
     dev: true
     optional: true
 
-  /@parcel/watcher-linux-arm-glibc@2.3.0:
-    resolution: {integrity: sha512-1apPw5cD2xBv1XIHPUlq0cO6iAaEUQ3BcY0ysSyD9Kuyw4MoWm1DV+W9mneWI+1g6OeP6dhikiFE6BlU+AToTQ==}
+  /@parcel/watcher-linux-arm-glibc@2.4.1:
+    resolution: {integrity: sha512-4rVYDlsMEYfa537BRXxJ5UF4ddNwnr2/1O4MHM5PjI9cvV2qymvhwZSFgXqbS8YoTk5i/JR0L0JDs69BUn45YA==}
     engines: {node: '>= 10.0.0'}
     cpu: [arm]
     os: [linux]
@@ -2582,8 +2596,8 @@ packages:
     dev: true
     optional: true
 
-  /@parcel/watcher-linux-arm64-glibc@2.3.0:
-    resolution: {integrity: sha512-mQ0gBSQEiq1k/MMkgcSB0Ic47UORZBmWoAWlMrTW6nbAGoLZP+h7AtUM7H3oDu34TBFFvjy4JCGP43JlylkTQA==}
+  /@parcel/watcher-linux-arm64-glibc@2.4.1:
+    resolution: {integrity: sha512-BJ7mH985OADVLpbrzCLgrJ3TOpiZggE9FMblfO65PlOCdG++xJpKUJ0Aol74ZUIYfb8WsRlUdgrZxKkz3zXWYA==}
     engines: {node: '>= 10.0.0'}
     cpu: [arm64]
     os: [linux]
@@ -2591,8 +2605,8 @@ packages:
     dev: true
     optional: true
 
-  /@parcel/watcher-linux-arm64-musl@2.3.0:
-    resolution: {integrity: sha512-LXZAExpepJew0Gp8ZkJ+xDZaTQjLHv48h0p0Vw2VMFQ8A+RKrAvpFuPVCVwKJCr5SE+zvaG+Etg56qXvTDIedw==}
+  /@parcel/watcher-linux-arm64-musl@2.4.1:
+    resolution: {integrity: sha512-p4Xb7JGq3MLgAfYhslU2SjoV9G0kI0Xry0kuxeG/41UfpjHGOhv7UoUDAz/jb1u2elbhazy4rRBL8PegPJFBhA==}
     engines: {node: '>= 10.0.0'}
     cpu: [arm64]
     os: [linux]
@@ -2600,8 +2614,8 @@ packages:
     dev: true
     optional: true
 
-  /@parcel/watcher-linux-x64-glibc@2.3.0:
-    resolution: {integrity: sha512-P7Wo91lKSeSgMTtG7CnBS6WrA5otr1K7shhSjKHNePVmfBHDoAOHYRXgUmhiNfbcGk0uMCHVcdbfxtuiZCHVow==}
+  /@parcel/watcher-linux-x64-glibc@2.4.1:
+    resolution: {integrity: sha512-s9O3fByZ/2pyYDPoLM6zt92yu6P4E39a03zvO0qCHOTjxmt3GHRMLuRZEWhWLASTMSrrnVNWdVI/+pUElJBBBg==}
     engines: {node: '>= 10.0.0'}
     cpu: [x64]
     os: [linux]
@@ -2609,8 +2623,8 @@ packages:
     dev: true
     optional: true
 
-  /@parcel/watcher-linux-x64-musl@2.3.0:
-    resolution: {integrity: sha512-+kiRE1JIq8QdxzwoYY+wzBs9YbJ34guBweTK8nlzLKimn5EQ2b2FSC+tAOpq302BuIMjyuUGvBiUhEcLIGMQ5g==}
+  /@parcel/watcher-linux-x64-musl@2.4.1:
+    resolution: {integrity: sha512-L2nZTYR1myLNST0O632g0Dx9LyMNHrn6TOt76sYxWLdff3cB22/GZX2UPtJnaqQPdCRoszoY5rcOj4oMTtp5fQ==}
     engines: {node: '>= 10.0.0'}
     cpu: [x64]
     os: [linux]
@@ -2618,8 +2632,8 @@ packages:
     dev: true
     optional: true
 
-  /@parcel/watcher-wasm@2.3.0:
-    resolution: {integrity: sha512-ejBAX8H0ZGsD8lSICDNyMbSEtPMWgDL0WFCt/0z7hyf5v8Imz4rAM8xY379mBsECkq/Wdqa5WEDLqtjZ+6NxfA==}
+  /@parcel/watcher-wasm@2.4.1:
+    resolution: {integrity: sha512-/ZR0RxqxU/xxDGzbzosMjh4W6NdYFMqq2nvo2b8SLi7rsl/4jkL8S5stIikorNkdR50oVDvqb/3JT05WM+CRRA==}
     engines: {node: '>= 10.0.0'}
     dependencies:
       is-glob: 4.0.3
@@ -2629,8 +2643,8 @@ packages:
     bundledDependencies:
       - napi-wasm
 
-  /@parcel/watcher-win32-arm64@2.3.0:
-    resolution: {integrity: sha512-35gXCnaz1AqIXpG42evcoP2+sNL62gZTMZne3IackM+6QlfMcJLy3DrjuL6Iks7Czpd3j4xRBzez3ADCj1l7Aw==}
+  /@parcel/watcher-win32-arm64@2.4.1:
+    resolution: {integrity: sha512-Uq2BPp5GWhrq/lcuItCHoqxjULU1QYEcyjSO5jqqOK8RNFDBQnenMMx4gAl3v8GiWa59E9+uDM7yZ6LxwUIfRg==}
     engines: {node: '>= 10.0.0'}
     cpu: [arm64]
     os: [win32]
@@ -2638,8 +2652,8 @@ packages:
     dev: true
     optional: true
 
-  /@parcel/watcher-win32-ia32@2.3.0:
-    resolution: {integrity: sha512-FJS/IBQHhRpZ6PiCjFt1UAcPr0YmCLHRbTc00IBTrelEjlmmgIVLeOx4MSXzx2HFEy5Jo5YdhGpxCuqCyDJ5ow==}
+  /@parcel/watcher-win32-ia32@2.4.1:
+    resolution: {integrity: sha512-maNRit5QQV2kgHFSYwftmPBxiuK5u4DXjbXx7q6eKjq5dsLXZ4FJiVvlcw35QXzk0KrUecJmuVFbj4uV9oYrcw==}
     engines: {node: '>= 10.0.0'}
     cpu: [ia32]
     os: [win32]
@@ -2647,8 +2661,8 @@ packages:
     dev: true
     optional: true
 
-  /@parcel/watcher-win32-x64@2.3.0:
-    resolution: {integrity: sha512-dLx+0XRdMnVI62kU3wbXvbIRhLck4aE28bIGKbRGS7BJNt54IIj9+c/Dkqb+7DJEbHUZAX1bwaoM8PqVlHJmCA==}
+  /@parcel/watcher-win32-x64@2.4.1:
+    resolution: {integrity: sha512-+DvS92F9ezicfswqrvIRM2njcYJbd5mb9CUgtrHCHmvn7pPPa+nMDRu1o1bYYz/l5IB2NVGNJWiH7h1E58IF2A==}
     engines: {node: '>= 10.0.0'}
     cpu: [x64]
     os: [win32]
@@ -2656,8 +2670,8 @@ packages:
     dev: true
     optional: true
 
-  /@parcel/watcher@2.3.0:
-    resolution: {integrity: sha512-pW7QaFiL11O0BphO+bq3MgqeX/INAk9jgBldVDYjlQPO4VddoZnF22TcF9onMhnLVHuNqBJeRf+Fj7eezi/+rQ==}
+  /@parcel/watcher@2.4.1:
+    resolution: {integrity: sha512-HNjmfLQEVRZmHRET336f20H/8kOozUGwk7yajvsonjNxbj2wBTK1WsQuHkD5yYh9RxFGL2EyDHryOihOwUoKDA==}
     engines: {node: '>= 10.0.0'}
     dependencies:
       detect-libc: 1.0.3
@@ -2665,18 +2679,18 @@ packages:
       micromatch: 4.0.5
       node-addon-api: 7.0.0
     optionalDependencies:
-      '@parcel/watcher-android-arm64': 2.3.0
-      '@parcel/watcher-darwin-arm64': 2.3.0
-      '@parcel/watcher-darwin-x64': 2.3.0
-      '@parcel/watcher-freebsd-x64': 2.3.0
-      '@parcel/watcher-linux-arm-glibc': 2.3.0
-      '@parcel/watcher-linux-arm64-glibc': 2.3.0
-      '@parcel/watcher-linux-arm64-musl': 2.3.0
-      '@parcel/watcher-linux-x64-glibc': 2.3.0
-      '@parcel/watcher-linux-x64-musl': 2.3.0
-      '@parcel/watcher-win32-arm64': 2.3.0
-      '@parcel/watcher-win32-ia32': 2.3.0
-      '@parcel/watcher-win32-x64': 2.3.0
+      '@parcel/watcher-android-arm64': 2.4.1
+      '@parcel/watcher-darwin-arm64': 2.4.1
+      '@parcel/watcher-darwin-x64': 2.4.1
+      '@parcel/watcher-freebsd-x64': 2.4.1
+      '@parcel/watcher-linux-arm-glibc': 2.4.1
+      '@parcel/watcher-linux-arm64-glibc': 2.4.1
+      '@parcel/watcher-linux-arm64-musl': 2.4.1
+      '@parcel/watcher-linux-x64-glibc': 2.4.1
+      '@parcel/watcher-linux-x64-musl': 2.4.1
+      '@parcel/watcher-win32-arm64': 2.4.1
+      '@parcel/watcher-win32-ia32': 2.4.1
+      '@parcel/watcher-win32-x64': 2.4.1
     dev: true
 
   /@pkgjs/parseargs@0.11.0:
@@ -2719,7 +2733,7 @@ packages:
       slash: 4.0.0
     dev: true
 
-  /@rollup/plugin-alias@5.1.0(rollup@4.9.1):
+  /@rollup/plugin-alias@5.1.0(rollup@4.13.2):
     resolution: {integrity: sha512-lpA3RZ9PdIG7qqhEfv79tBffNaoDuukFDrmhLqg9ifv99u/ehn+lOg30x2zmhf8AQqQUZaMk/B9fZraQ6/acDQ==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
@@ -2728,7 +2742,7 @@ packages:
       rollup:
         optional: true
     dependencies:
-      rollup: 4.9.1
+      rollup: 4.13.2
       slash: 4.0.0
     dev: true
 
@@ -2746,11 +2760,11 @@ packages:
       estree-walker: 2.0.2
       glob: 8.1.0
       is-reference: 1.2.1
-      magic-string: 0.30.5
+      magic-string: 0.30.8
       rollup: 3.29.4
     dev: true
 
-  /@rollup/plugin-commonjs@25.0.7(rollup@4.9.1):
+  /@rollup/plugin-commonjs@25.0.7(rollup@4.13.2):
     resolution: {integrity: sha512-nEvcR+LRjEjsaSsc4x3XZfCCvZIaSMenZu/OiwOKGN2UhQpAYI7ru7czFvyWbErlpoGjnSX3D5Ch5FcMA3kRWQ==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
@@ -2759,16 +2773,16 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@rollup/pluginutils': 5.1.0(rollup@4.9.1)
+      '@rollup/pluginutils': 5.1.0(rollup@4.13.2)
       commondir: 1.0.1
       estree-walker: 2.0.2
       glob: 8.1.0
       is-reference: 1.2.1
-      magic-string: 0.30.5
-      rollup: 4.9.1
+      magic-string: 0.30.8
+      rollup: 4.13.2
     dev: true
 
-  /@rollup/plugin-inject@5.0.5(rollup@4.9.1):
+  /@rollup/plugin-inject@5.0.5(rollup@4.13.2):
     resolution: {integrity: sha512-2+DEJbNBoPROPkgTDNe8/1YXWcqxbN5DTjASVIOx8HS+pITXushyNiBV56RB08zuptzz8gT3YfkqriTBVycepg==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
@@ -2777,10 +2791,10 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@rollup/pluginutils': 5.1.0(rollup@4.9.1)
+      '@rollup/pluginutils': 5.1.0(rollup@4.13.2)
       estree-walker: 2.0.2
-      magic-string: 0.30.7
-      rollup: 4.9.1
+      magic-string: 0.30.9
+      rollup: 4.13.2
     dev: true
 
   /@rollup/plugin-json@6.0.1(rollup@3.29.4):
@@ -2796,8 +2810,8 @@ packages:
       rollup: 3.29.4
     dev: true
 
-  /@rollup/plugin-json@6.0.1(rollup@4.9.1):
-    resolution: {integrity: sha512-RgVfl5hWMkxN1h/uZj8FVESvPuBJ/uf6ly6GTj0GONnkfoBN5KC0MSz+PN2OLDgYXMhtG0mWpTrkiOjoxAIevw==}
+  /@rollup/plugin-json@6.1.0(rollup@4.13.2):
+    resolution: {integrity: sha512-EGI2te5ENk1coGeADSIwZ7G2Q8CJS2sF120T7jLw4xFw9n7wIOXHo+kIYRAoVpJAN+kmqZSoO3Fp4JtoNF4ReA==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
       rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
@@ -2805,8 +2819,8 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@rollup/pluginutils': 5.1.0(rollup@4.9.1)
-      rollup: 4.9.1
+      '@rollup/pluginutils': 5.1.0(rollup@4.13.2)
+      rollup: 4.13.2
     dev: true
 
   /@rollup/plugin-node-resolve@15.2.3(rollup@3.29.4):
@@ -2827,7 +2841,7 @@ packages:
       rollup: 3.29.4
     dev: true
 
-  /@rollup/plugin-node-resolve@15.2.3(rollup@4.9.1):
+  /@rollup/plugin-node-resolve@15.2.3(rollup@4.13.2):
     resolution: {integrity: sha512-j/lym8nf5E21LwBT4Df1VD6hRO2L2iwUeUmP7litikRsVp1H6NWx20NEp0Y7su+7XGc476GnXXc4kFeZNGmaSQ==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
@@ -2836,13 +2850,13 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@rollup/pluginutils': 5.1.0(rollup@4.9.1)
+      '@rollup/pluginutils': 5.1.0(rollup@4.13.2)
       '@types/resolve': 1.20.2
       deepmerge: 4.3.1
       is-builtin-module: 3.2.1
       is-module: 1.0.0
       resolve: 1.22.8
-      rollup: 4.9.1
+      rollup: 4.13.2
     dev: true
 
   /@rollup/plugin-replace@5.0.5(rollup@3.29.4):
@@ -2855,11 +2869,11 @@ packages:
         optional: true
     dependencies:
       '@rollup/pluginutils': 5.1.0(rollup@3.29.4)
-      magic-string: 0.30.5
+      magic-string: 0.30.8
       rollup: 3.29.4
     dev: true
 
-  /@rollup/plugin-replace@5.0.5(rollup@4.9.1):
+  /@rollup/plugin-replace@5.0.5(rollup@4.13.2):
     resolution: {integrity: sha512-rYO4fOi8lMaTg/z5Jb+hKnrHHVn8j2lwkqwyS4kTRhKyWOLf2wST2sWXr4WzWiTcoHTp2sTjqUbqIj2E39slKQ==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
@@ -2868,12 +2882,12 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@rollup/pluginutils': 5.1.0(rollup@4.9.1)
-      magic-string: 0.30.5
-      rollup: 4.9.1
+      '@rollup/pluginutils': 5.1.0(rollup@4.13.2)
+      magic-string: 0.30.8
+      rollup: 4.13.2
     dev: true
 
-  /@rollup/plugin-terser@0.4.4(rollup@4.9.1):
+  /@rollup/plugin-terser@0.4.4(rollup@4.13.2):
     resolution: {integrity: sha512-XHeJC5Bgvs8LfukDwWZp7yeqin6ns8RTl2B9avbejt6tZqsqvVoWI7ZTQrcNsfKEDWBTnTxM8nMDkO2IFFbd0A==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
@@ -2882,25 +2896,12 @@ packages:
       rollup:
         optional: true
     dependencies:
-      rollup: 4.9.1
+      rollup: 4.13.2
       serialize-javascript: 6.0.1
       smob: 1.4.1
       terser: 5.22.0
     dev: true
 
-  /@rollup/plugin-wasm@6.2.2(rollup@4.9.1):
-    resolution: {integrity: sha512-gpC4R1G9Ni92ZIRTexqbhX7U+9estZrbhP+9SRb0DW9xpB9g7j34r+J2hqrcW/lRI7dJaU84MxZM0Rt82tqYPQ==}
-    engines: {node: '>=14.0.0'}
-    peerDependencies:
-      rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
-    peerDependenciesMeta:
-      rollup:
-        optional: true
-    dependencies:
-      '@rollup/pluginutils': 5.1.0(rollup@4.9.1)
-      rollup: 4.9.1
-    dev: true
-
   /@rollup/pluginutils@4.2.1:
     resolution: {integrity: sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ==}
     engines: {node: '>= 8.0.0'}
@@ -2918,12 +2919,12 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@types/estree': 1.0.3
+      '@types/estree': 1.0.5
       estree-walker: 2.0.2
       picomatch: 2.3.1
       rollup: 3.29.4
 
-  /@rollup/pluginutils@5.1.0(rollup@4.9.1):
+  /@rollup/pluginutils@5.1.0(rollup@4.13.2):
     resolution: {integrity: sha512-XTIWOPPcpvyKI6L1NHo0lFlCyznUEyPmPY1mc3KpPVDYulHSTvyeLNVW00QTLIAFNhR3kYnJTQHeGqU4M3n09g==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
@@ -2932,130 +2933,145 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@types/estree': 1.0.3
+      '@types/estree': 1.0.5
       estree-walker: 2.0.2
       picomatch: 2.3.1
-      rollup: 4.9.1
+      rollup: 4.13.2
     dev: true
 
-  /@rollup/rollup-android-arm-eabi@4.9.1:
-    resolution: {integrity: sha512-6vMdBZqtq1dVQ4CWdhFwhKZL6E4L1dV6jUjuBvsavvNJSppzi6dLBbuV+3+IyUREaj9ZFvQefnQm28v4OCXlig==}
+  /@rollup/rollup-android-arm-eabi@4.13.2:
+    resolution: {integrity: sha512-3XFIDKWMFZrMnao1mJhnOT1h2g0169Os848NhhmGweEcfJ4rCi+3yMCOLG4zA61rbJdkcrM/DjVZm9Hg5p5w7g==}
     cpu: [arm]
     os: [android]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-android-arm64@4.9.1:
-    resolution: {integrity: sha512-Jto9Fl3YQ9OLsTDWtLFPtaIMSL2kwGyGoVCmPC8Gxvym9TCZm4Sie+cVeblPO66YZsYH8MhBKDMGZ2NDxuk/XQ==}
+  /@rollup/rollup-android-arm64@4.13.2:
+    resolution: {integrity: sha512-GdxxXbAuM7Y/YQM9/TwwP+L0omeE/lJAR1J+olu36c3LqqZEBdsIWeQ91KBe6nxwOnb06Xh7JS2U5ooWU5/LgQ==}
     cpu: [arm64]
     os: [android]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-darwin-arm64@4.9.1:
-    resolution: {integrity: sha512-LtYcLNM+bhsaKAIGwVkh5IOWhaZhjTfNOkGzGqdHvhiCUVuJDalvDxEdSnhFzAn+g23wgsycmZk1vbnaibZwwA==}
+  /@rollup/rollup-darwin-arm64@4.13.2:
+    resolution: {integrity: sha512-mCMlpzlBgOTdaFs83I4XRr8wNPveJiJX1RLfv4hggyIVhfB5mJfN4P8Z6yKh+oE4Luz+qq1P3kVdWrCKcMYrrA==}
     cpu: [arm64]
     os: [darwin]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-darwin-x64@4.9.1:
-    resolution: {integrity: sha512-KyP/byeXu9V+etKO6Lw3E4tW4QdcnzDG/ake031mg42lob5tN+5qfr+lkcT/SGZaH2PdW4Z1NX9GHEkZ8xV7og==}
+  /@rollup/rollup-darwin-x64@4.13.2:
+    resolution: {integrity: sha512-yUoEvnH0FBef/NbB1u6d3HNGyruAKnN74LrPAfDQL3O32e3k3OSfLrPgSJmgb3PJrBZWfPyt6m4ZhAFa2nZp2A==}
     cpu: [x64]
     os: [darwin]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-linux-arm-gnueabihf@4.9.1:
-    resolution: {integrity: sha512-Yqz/Doumf3QTKplwGNrCHe/B2p9xqDghBZSlAY0/hU6ikuDVQuOUIpDP/YcmoT+447tsZTmirmjgG3znvSCR0Q==}
+  /@rollup/rollup-linux-arm-gnueabihf@4.13.2:
+    resolution: {integrity: sha512-GYbLs5ErswU/Xs7aGXqzc3RrdEjKdmoCrgzhJWyFL0r5fL3qd1NPcDKDowDnmcoSiGJeU68/Vy+OMUluRxPiLQ==}
     cpu: [arm]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-linux-arm64-gnu@4.9.1:
-    resolution: {integrity: sha512-u3XkZVvxcvlAOlQJ3UsD1rFvLWqu4Ef/Ggl40WAVCuogf4S1nJPHh5RTgqYFpCOvuGJ7H5yGHabjFKEZGExk5Q==}
+  /@rollup/rollup-linux-arm64-gnu@4.13.2:
+    resolution: {integrity: sha512-L1+D8/wqGnKQIlh4Zre9i4R4b4noxzH5DDciyahX4oOz62CphY7WDWqJoQ66zNR4oScLNOqQJfNSIAe/6TPUmQ==}
     cpu: [arm64]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-linux-arm64-musl@4.9.1:
-    resolution: {integrity: sha512-0XSYN/rfWShW+i+qjZ0phc6vZ7UWI8XWNz4E/l+6edFt+FxoEghrJHjX1EY/kcUGCnZzYYRCl31SNdfOi450Aw==}
+  /@rollup/rollup-linux-arm64-musl@4.13.2:
+    resolution: {integrity: sha512-tK5eoKFkXdz6vjfkSTCupUzCo40xueTOiOO6PeEIadlNBkadH1wNOH8ILCPIl8by/Gmb5AGAeQOFeLev7iZDOA==}
     cpu: [arm64]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-linux-riscv64-gnu@4.9.1:
-    resolution: {integrity: sha512-LmYIO65oZVfFt9t6cpYkbC4d5lKHLYv5B4CSHRpnANq0VZUQXGcCPXHzbCXCz4RQnx7jvlYB1ISVNCE/omz5cw==}
+  /@rollup/rollup-linux-powerpc64le-gnu@4.13.2:
+    resolution: {integrity: sha512-zvXvAUGGEYi6tYhcDmb9wlOckVbuD+7z3mzInCSTACJ4DQrdSLPNUeDIcAQW39M3q6PDquqLWu7pnO39uSMRzQ==}
+    cpu: [ppc64le]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-linux-riscv64-gnu@4.13.2:
+    resolution: {integrity: sha512-C3GSKvMtdudHCN5HdmAMSRYR2kkhgdOfye4w0xzyii7lebVr4riCgmM6lRiSCnJn2w1Xz7ZZzHKuLrjx5620kw==}
     cpu: [riscv64]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-linux-x64-gnu@4.9.1:
-    resolution: {integrity: sha512-kr8rEPQ6ns/Lmr/hiw8sEVj9aa07gh1/tQF2Y5HrNCCEPiCBGnBUt9tVusrcBBiJfIt1yNaXN6r1CCmpbFEDpg==}
+  /@rollup/rollup-linux-s390x-gnu@4.13.2:
+    resolution: {integrity: sha512-l4U0KDFwzD36j7HdfJ5/TveEQ1fUTjFFQP5qIt9gBqBgu1G8/kCaq5Ok05kd5TG9F8Lltf3MoYsUMw3rNlJ0Yg==}
+    cpu: [s390x]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-linux-x64-gnu@4.13.2:
+    resolution: {integrity: sha512-xXMLUAMzrtsvh3cZ448vbXqlUa7ZL8z0MwHp63K2IIID2+DeP5iWIT6g1SN7hg1VxPzqx0xZdiDM9l4n9LRU1A==}
     cpu: [x64]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-linux-x64-musl@4.9.1:
-    resolution: {integrity: sha512-t4QSR7gN+OEZLG0MiCgPqMWZGwmeHhsM4AkegJ0Kiy6TnJ9vZ8dEIwHw1LcZKhbHxTY32hp9eVCMdR3/I8MGRw==}
+  /@rollup/rollup-linux-x64-musl@4.13.2:
+    resolution: {integrity: sha512-M/JYAWickafUijWPai4ehrjzVPKRCyDb1SLuO+ZyPfoXgeCEAlgPkNXewFZx0zcnoIe3ay4UjXIMdXQXOZXWqA==}
     cpu: [x64]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-win32-arm64-msvc@4.9.1:
-    resolution: {integrity: sha512-7XI4ZCBN34cb+BH557FJPmh0kmNz2c25SCQeT9OiFWEgf8+dL6ZwJ8f9RnUIit+j01u07Yvrsuu1rZGxJCc51g==}
+  /@rollup/rollup-win32-arm64-msvc@4.13.2:
+    resolution: {integrity: sha512-2YWwoVg9KRkIKaXSh0mz3NmfurpmYoBBTAXA9qt7VXk0Xy12PoOP40EFuau+ajgALbbhi4uTj3tSG3tVseCjuA==}
     cpu: [arm64]
     os: [win32]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-win32-ia32-msvc@4.9.1:
-    resolution: {integrity: sha512-yE5c2j1lSWOH5jp+Q0qNL3Mdhr8WuqCNVjc6BxbVfS5cAS6zRmdiw7ktb8GNpDCEUJphILY6KACoFoRtKoqNQg==}
+  /@rollup/rollup-win32-ia32-msvc@4.13.2:
+    resolution: {integrity: sha512-2FSsE9aQ6OWD20E498NYKEQLneShWes0NGMPQwxWOdws35qQXH+FplabOSP5zEe1pVjurSDOGEVCE2agFwSEsw==}
     cpu: [ia32]
     os: [win32]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-win32-x64-msvc@4.9.1:
-    resolution: {integrity: sha512-PyJsSsafjmIhVgaI1Zdj7m8BB8mMckFah/xbpplObyHfiXzKcI5UOUXRyOdHW7nz4DpMCuzLnF7v5IWHenCwYA==}
+  /@rollup/rollup-win32-x64-msvc@4.13.2:
+    resolution: {integrity: sha512-7h7J2nokcdPePdKykd8wtc8QqqkqxIrUz7MHj6aNr8waBRU//NLDVnNjQnqQO6fqtjrtCdftpbTuOKAyrAQETQ==}
     cpu: [x64]
     os: [win32]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rushstack/eslint-patch@1.7.2:
-    resolution: {integrity: sha512-RbhOOTCNoCrbfkRyoXODZp75MlpiHMgbE5MEBZAnnnLyQNgrigEj4p0lzsMDyc1zVsJDLrivB58tgg3emX0eEA==}
+  /@rushstack/eslint-patch@1.10.2:
+    resolution: {integrity: sha512-hw437iINopmQuxWPSUEvqE56NCPsiU8N4AYtfHmJFckclktzK9YQJieD3XkDCDH4OjL+C7zgPUh73R/nrcHrqw==}
     dev: true
 
-  /@rushstack/node-core-library@3.62.0(@types/node@20.11.17):
-    resolution: {integrity: sha512-88aJn2h8UpSvdwuDXBv1/v1heM6GnBf3RjEy6ZPP7UnzHNCqOHA2Ut+ScYUbXcqIdfew9JlTAe3g+cnX9xQ/Aw==}
+  /@rushstack/node-core-library@4.0.2(@types/node@20.12.7):
+    resolution: {integrity: sha512-hyES82QVpkfQMeBMteQUnrhASL/KHPhd7iJ8euduwNJG4mu2GSOKybf0rOEjOm1Wz7CwJEUm9y0yD7jg2C1bfg==}
     peerDependencies:
       '@types/node': '*'
     peerDependenciesMeta:
       '@types/node':
         optional: true
     dependencies:
-      '@types/node': 20.11.17
-      colors: 1.2.5
+      '@types/node': 20.12.7
       fs-extra: 7.0.1
       import-lazy: 4.0.0
       jju: 1.4.0
@@ -3064,80 +3080,182 @@ packages:
       z-schema: 5.0.5
     dev: true
 
-  /@rushstack/rig-package@0.5.1:
-    resolution: {integrity: sha512-pXRYSe29TjRw7rqxD4WS3HN/sRSbfr+tJs4a9uuaSIBAITbUggygdhuG0VrO0EO+QqH91GhYMN4S6KRtOEmGVA==}
+  /@rushstack/rig-package@0.5.2:
+    resolution: {integrity: sha512-mUDecIJeH3yYGZs2a48k+pbhM6JYwWlgjs2Ca5f2n1G2/kgdgP9D/07oglEGf6mRyXEnazhEENeYTSNDRCwdqA==}
     dependencies:
       resolve: 1.22.8
       strip-json-comments: 3.1.1
     dev: true
 
-  /@rushstack/ts-command-line@4.17.1:
-    resolution: {integrity: sha512-2jweO1O57BYP5qdBGl6apJLB+aRIn5ccIRTPDyULh0KMwVzFqWtw6IZWt1qtUoZD/pD2RNkIOosH6Cq45rIYeg==}
+  /@rushstack/terminal@0.10.0(@types/node@20.12.7):
+    resolution: {integrity: sha512-UbELbXnUdc7EKwfH2sb8ChqNgapUOdqcCIdQP4NGxBpTZV2sQyeekuK3zmfQSa/MN+/7b4kBogl2wq0vpkpYGw==}
+    peerDependencies:
+      '@types/node': '*'
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+    dependencies:
+      '@rushstack/node-core-library': 4.0.2(@types/node@20.12.7)
+      '@types/node': 20.12.7
+      supports-color: 8.1.1
+    dev: true
+
+  /@rushstack/ts-command-line@4.19.1(@types/node@20.12.7):
+    resolution: {integrity: sha512-J7H768dgcpG60d7skZ5uSSwyCZs/S2HrWP1Ds8d1qYAyaaeJmpmmLr9BVw97RjFzmQPOYnoXcKA4GkqDCkduQg==}
     dependencies:
+      '@rushstack/terminal': 0.10.0(@types/node@20.12.7)
       '@types/argparse': 1.0.38
       argparse: 1.0.10
-      colors: 1.2.5
       string-argv: 0.3.2
+    transitivePeerDependencies:
+      - '@types/node'
     dev: true
 
-  /@shikijs/core@1.0.0-rc.0:
-    resolution: {integrity: sha512-j/7te+hvEYlQTvk/wPoA+1rOklZTz8QuyqVvV81KcEN/g1WXKVnqp9WZ7jFuv0ZVLqBtDx/V8viRDROJniyMLA==}
+  /@shikijs/core@1.3.0:
+    resolution: {integrity: sha512-7fedsBfuILDTBmrYZNFI8B6ATTxhQAasUHllHmjvSZPnoq4bULWoTpHwmuQvZ8Aq03/tAa2IGo6RXqWtHdWaCA==}
     dev: true
 
-  /@shikijs/transformers@1.0.0-rc.0:
-    resolution: {integrity: sha512-1W4QpLKDM+hnlO6vqGre7orZxW4CrnO4F1zftj1KE6MdaEvy1awZKYUXPswvDIARvuetbzTvgc/ZE2yYVT/6GA==}
+  /@shikijs/transformers@1.3.0:
+    resolution: {integrity: sha512-3mlpg2I9CjhjE96dEWQOGeCWoPcyTov3s4aAsHmgvnTHa8MBknEnCQy8/xivJPSpD+olqOqIEoHnLfbNJK29AA==}
     dependencies:
-      shiki: 1.0.0-rc.0
+      shiki: 1.3.0
     dev: true
 
-  /@sigstore/bundle@2.1.0:
-    resolution: {integrity: sha512-89uOo6yh/oxaU8AeOUnVrTdVMcGk9Q1hJa7Hkvalc6G3Z3CupWk4Xe9djSgJm9fMkH69s0P0cVHUoKSOemLdng==}
+  /@sigstore/bundle@2.2.0:
+    resolution: {integrity: sha512-5VI58qgNs76RDrwXNhpmyN/jKpq9evV/7f1XrcqcAfvxDl5SeVY/I5Rmfe96ULAV7/FK5dge9RBKGBJPhL1WsQ==}
     engines: {node: ^16.14.0 || >=18.0.0}
     dependencies:
-      '@sigstore/protobuf-specs': 0.2.1
+      '@sigstore/protobuf-specs': 0.3.0
+    dev: true
+
+  /@sigstore/core@1.1.0:
+    resolution: {integrity: sha512-JzBqdVIyqm2FRQCulY6nbQzMpJJpSiJ8XXWMhtOX9eKgaXXpfNOF53lzQEjIydlStnd/eFtuC1dW4VYdD93oRg==}
+    engines: {node: ^16.14.0 || >=18.0.0}
     dev: true
 
-  /@sigstore/protobuf-specs@0.2.1:
-    resolution: {integrity: sha512-XTWVxnWJu+c1oCshMLwnKvz8ZQJJDVOlciMfgpJBQbThVjKTCG8dwyhgLngBD2KN0ap9F/gOV8rFDEx8uh7R2A==}
+  /@sigstore/protobuf-specs@0.3.0:
+    resolution: {integrity: sha512-zxiQ66JFOjVvP9hbhGj/F/qNdsZfkGb/dVXSanNRNuAzMlr4MC95voPUBX8//ZNnmv3uSYzdfR/JSkrgvZTGxA==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
     dev: true
 
-  /@sigstore/sign@2.2.0:
-    resolution: {integrity: sha512-AAbmnEHDQv6CSfrWA5wXslGtzLPtAtHZleKOgxdQYvx/s76Fk6T6ZVt7w2IGV9j1UrFeBocTTQxaXG2oRrDhYA==}
+  /@sigstore/sign@2.2.3:
+    resolution: {integrity: sha512-LqlA+ffyN02yC7RKszCdMTS6bldZnIodiox+IkT8B2f8oRYXCB3LQ9roXeiEL21m64CVH1wyveYAORfD65WoSw==}
     engines: {node: ^16.14.0 || >=18.0.0}
     dependencies:
-      '@sigstore/bundle': 2.1.0
-      '@sigstore/protobuf-specs': 0.2.1
+      '@sigstore/bundle': 2.2.0
+      '@sigstore/core': 1.1.0
+      '@sigstore/protobuf-specs': 0.3.0
       make-fetch-happen: 13.0.0
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@sigstore/tuf@2.2.0:
-    resolution: {integrity: sha512-KKATZ5orWfqd9ZG6MN8PtCIx4eevWSuGRKQvofnWXRpyMyUEpmrzg5M5BrCpjM+NfZ0RbNGOh5tCz/P2uoRqOA==}
+  /@sigstore/tuf@2.3.2:
+    resolution: {integrity: sha512-mwbY1VrEGU4CO55t+Kl6I7WZzIl+ysSzEYdA1Nv/FTrl2bkeaPXo5PnWZAVfcY2zSdhOpsUTJW67/M2zHXGn5w==}
     engines: {node: ^16.14.0 || >=18.0.0}
     dependencies:
-      '@sigstore/protobuf-specs': 0.2.1
-      tuf-js: 2.1.0
+      '@sigstore/protobuf-specs': 0.3.0
+      tuf-js: 2.2.0
     transitivePeerDependencies:
       - supports-color
     dev: true
 
+  /@sigstore/verify@1.1.1:
+    resolution: {integrity: sha512-BNANJms49rw9Q5J+fJjrDqOQSzjXDcOq/pgKDaVdDoIvQwqIfaoUriy+fQfh8sBX04hr4bkkrwu3EbhQqoQH7A==}
+    engines: {node: ^16.14.0 || >=18.0.0}
+    dependencies:
+      '@sigstore/bundle': 2.2.0
+      '@sigstore/core': 1.1.0
+      '@sigstore/protobuf-specs': 0.3.0
+    dev: true
+
   /@sinclair/typebox@0.27.8:
     resolution: {integrity: sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==}
     dev: true
 
-  /@sindresorhus/merge-streams@1.0.0:
-    resolution: {integrity: sha512-rUV5WyJrJLoloD4NDN1V1+LDMDWOa4OTsT4yYJwQNpTU6FWxkxHpL7eu4w+DmiH8x/EAM1otkPE1+LaspIbplw==}
+  /@sindresorhus/merge-streams@2.3.0:
+    resolution: {integrity: sha512-LtoMMhxAlorcGhmFYI+LhPgbPZCkgP6ra1YL604EeF6U98pLlQ3iWIGMdWSC+vWmPBWBNgmDBAhnAobLROJmwg==}
     engines: {node: '>=18'}
 
+  /@stylistic/eslint-plugin-js@1.7.0(eslint@8.57.0):
+    resolution: {integrity: sha512-PN6On/+or63FGnhhMKSQfYcWutRlzOiYlVdLM6yN7lquoBTqUJHYnl4TA4MHwiAt46X5gRxDr1+xPZ1lOLcL+Q==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: '>=8.40.0'
+    dependencies:
+      '@types/eslint': 8.56.9
+      acorn: 8.11.3
+      escape-string-regexp: 4.0.0
+      eslint: 8.57.0
+      eslint-visitor-keys: 3.4.3
+      espree: 9.6.1
+    dev: true
+
+  /@stylistic/eslint-plugin-jsx@1.7.0(eslint@8.57.0):
+    resolution: {integrity: sha512-BACdBwXakQvjYIST5N2WWhRbvhRsIxa/F59BiZol+0IH4FSmDXhie7v/yaxDIIA9CbfElzOmIA5nWNYTVXcnwQ==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: '>=8.40.0'
+    dependencies:
+      '@stylistic/eslint-plugin-js': 1.7.0(eslint@8.57.0)
+      '@types/eslint': 8.56.9
+      eslint: 8.57.0
+      estraverse: 5.3.0
+      picomatch: 4.0.2
+    dev: true
+
+  /@stylistic/eslint-plugin-plus@1.7.0(eslint@8.57.0)(typescript@5.4.5):
+    resolution: {integrity: sha512-AabDw8sXsc70Ydx3qnbeTlRHZnIwY6UKEenBPURPhY3bfYWX+/pDpZH40HkOu94v8D0DUrocPkeeEUxl4e0JDg==}
+    peerDependencies:
+      eslint: '*'
+    dependencies:
+      '@types/eslint': 8.56.9
+      '@typescript-eslint/utils': 6.21.0(eslint@8.57.0)(typescript@5.4.5)
+      eslint: 8.57.0
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: true
+
+  /@stylistic/eslint-plugin-ts@1.7.0(eslint@8.57.0)(typescript@5.4.5):
+    resolution: {integrity: sha512-QsHv98mmW1xaucVYQTyLDgEpybPJ/6jPPxVBrIchntWWwj74xCWKUiw79hu+TpYj/Pbhd9rkqJYLNq3pQGYuyA==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: '>=8.40.0'
+    dependencies:
+      '@stylistic/eslint-plugin-js': 1.7.0(eslint@8.57.0)
+      '@types/eslint': 8.56.9
+      '@typescript-eslint/utils': 6.21.0(eslint@8.57.0)(typescript@5.4.5)
+      eslint: 8.57.0
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: true
+
+  /@stylistic/eslint-plugin@1.7.0(eslint@8.57.0)(typescript@5.4.5):
+    resolution: {integrity: sha512-ThMUjGIi/jeWYNvOdjZkoLw1EOVs0tEuKXDgWvTn8uWaEz55HuPlajKxjKLpv19C+qRDbKczJfzUODfCdME53A==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: '>=8.40.0'
+    dependencies:
+      '@stylistic/eslint-plugin-js': 1.7.0(eslint@8.57.0)
+      '@stylistic/eslint-plugin-jsx': 1.7.0(eslint@8.57.0)
+      '@stylistic/eslint-plugin-plus': 1.7.0(eslint@8.57.0)(typescript@5.4.5)
+      '@stylistic/eslint-plugin-ts': 1.7.0(eslint@8.57.0)(typescript@5.4.5)
+      '@types/eslint': 8.56.9
+      eslint: 8.57.0
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: true
+
   /@trysound/sax@0.2.0:
     resolution: {integrity: sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==}
     engines: {node: '>=10.13.0'}
     dev: true
 
-  /@tsconfig/node20@20.1.2:
-    resolution: {integrity: sha512-madaWq2k+LYMEhmcp0fs+OGaLFk0OenpHa4gmI4VEmCKX4PJntQ6fnnGADVFrVkBj0wIdAlQnK/MrlYTHsa1gQ==}
+  /@tsconfig/node20@20.1.4:
+    resolution: {integrity: sha512-sqgsT69YFeLWf5NtJ4Xq/xAF8p4ZQHlmGW74Nu2tD4+g5fAsposc4ZfaaPixVu4y01BEiDCWLRDCvDM5JOsRxg==}
     dev: true
 
   /@tufjs/canonical-json@2.0.0:
@@ -3150,30 +3268,40 @@ packages:
     engines: {node: ^16.14.0 || >=18.0.0}
     dependencies:
       '@tufjs/canonical-json': 2.0.0
-      minimatch: 9.0.3
+      minimatch: 9.0.4
     dev: true
 
   /@types/argparse@1.0.38:
     resolution: {integrity: sha512-ebDJ9b0e702Yr7pWgB0jzm+CX4Srzz8RcXtLJDJB+BSccqMa36uyH/zUsSYao5+BD1ytv3k3rPYCq4mAE1hsXA==}
     dev: true
 
+  /@types/eslint@8.56.9:
+    resolution: {integrity: sha512-W4W3KcqzjJ0sHg2vAq9vfml6OhsJ53TcUjUqfzzZf/EChUtwspszj/S0pzMxnfRcO55/iGq47dscXw71Fxc4Zg==}
+    dependencies:
+      '@types/estree': 1.0.5
+      '@types/json-schema': 7.0.15
+    dev: true
+
   /@types/estree@1.0.3:
     resolution: {integrity: sha512-CS2rOaoQ/eAgAfcTfq6amKG7bsN+EMcgGY4FAFQdvSj2y1ixvOZTUA9mOtCai7E1SYu283XNw7urKK30nP3wkQ==}
 
+  /@types/estree@1.0.5:
+    resolution: {integrity: sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==}
+
   /@types/http-proxy@1.17.14:
     resolution: {integrity: sha512-SSrD0c1OQzlFX7pGu1eXxSEjemej64aaNPRhhVYUGqXh0BtldAAx37MG8btcumvpgKyZp1F5Gn3JkktdxiFv6w==}
     dependencies:
-      '@types/node': 20.11.17
-    dev: true
-
-  /@types/istanbul-lib-coverage@2.0.5:
-    resolution: {integrity: sha512-zONci81DZYCZjiLe0r6equvZut0b+dBRPBN5kBDjsONnutYNtJMoWQ9uR2RkL1gLG9NMTzvf+29e5RFfPbeKhQ==}
+      '@types/node': 20.12.7
     dev: true
 
   /@types/json-schema@7.0.14:
     resolution: {integrity: sha512-U3PUjAudAdJBeC2pgN8uTIKgxrb4nlDF3SF0++EldXQvQBGkpFZMSnwQiIoDU77tv45VgNkl/L4ouD+rEomujw==}
     dev: true
 
+  /@types/json-schema@7.0.15:
+    resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
+    dev: true
+
   /@types/linkify-it@3.0.4:
     resolution: {integrity: sha512-hPpIeeHb/2UuCw06kSNAOVWgehBLXEo0/fUs0mw3W2qhqX89PI2yvok83MnuctYGCPrabGIoi0fFso4DQ+sNUQ==}
     dev: true
@@ -3189,12 +3317,16 @@ packages:
     resolution: {integrity: sha512-ARVxjAEX5TARFRzpDRVC6cEk0hUIXCCwaMhz8y7S1/PxU6zZS1UMjyobz7q4w/D/R552r4++EhwmXK1N2rAy0A==}
     dev: true
 
-  /@types/node@20.11.17:
-    resolution: {integrity: sha512-QmgQZGWu1Yw9TDyAP9ZzpFJKynYNeOvwMJmaxABfieQoVoiVOS6MN1WSpqpRcbeA5+RW82kraAVxCCJg+780Qw==}
+  /@types/node@20.12.7:
+    resolution: {integrity: sha512-wq0cICSkRLVaf3UGLMGItu/PtdY7oaXaI/RVU+xliKVOtRna3PRY57ZDfztpDL0n11vfymMUnXv8QwYCO7L1wg==}
     dependencies:
       undici-types: 5.26.5
     dev: true
 
+  /@types/normalize-package-data@2.4.4:
+    resolution: {integrity: sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==}
+    dev: true
+
   /@types/resolve@1.20.2:
     resolution: {integrity: sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==}
     dev: true
@@ -3203,191 +3335,605 @@ packages:
     resolution: {integrity: sha512-OxepLK9EuNEIPxWNME+C6WwbRAOOI2o2BaQEGzz5Lu2e4Z5eDnEo+/aVEDMIXywoJitJ7xWd641wrGLZdtwRyw==}
     dev: true
 
+  /@types/semver@7.5.8:
+    resolution: {integrity: sha512-I8EUhyrgfLrcTkzV3TSsGyl1tSuPrEDzr0yd5m90UgNxQkyDXULk3b6MlQqTCpZpNtWe1K0hzclnZkTcLBe2UQ==}
+    dev: true
+
   /@types/web-bluetooth@0.0.20:
     resolution: {integrity: sha512-g9gZnnXVq7gM7v3tJCWV/qw7w+KeOlSHAhgF9RytFyifW6AF61hdT2ucrYhPq9hLs5JIryeupHV3qGk95dH9ow==}
 
-  /@typescript-eslint/eslint-plugin@6.8.0(@typescript-eslint/parser@6.8.0)(eslint@8.56.0)(typescript@5.3.3):
-    resolution: {integrity: sha512-GosF4238Tkes2SHPQ1i8f6rMtG6zlKwMEB0abqSJ3Npvos+doIlc/ATG+vX1G9coDF3Ex78zM3heXHLyWEwLUw==}
-    engines: {node: ^16.0.0 || >=18.0.0}
+  /@typescript-eslint/eslint-plugin@7.4.0(@typescript-eslint/parser@7.4.0)(eslint@8.57.0)(typescript@5.4.5):
+    resolution: {integrity: sha512-yHMQ/oFaM7HZdVrVm/M2WHaNPgyuJH4WelkSVEWSSsir34kxW2kDJCxlXRhhGWEsMN0WAW/vLpKfKVcm8k+MPw==}
+    engines: {node: ^18.18.0 || >=20.0.0}
     peerDependencies:
-      '@typescript-eslint/parser': ^6.0.0 || ^6.0.0-alpha
-      eslint: ^7.0.0 || ^8.0.0
+      '@typescript-eslint/parser': ^7.0.0
+      eslint: ^8.56.0
       typescript: '*'
     peerDependenciesMeta:
       typescript:
         optional: true
     dependencies:
       '@eslint-community/regexpp': 4.9.1
-      '@typescript-eslint/parser': 6.8.0(eslint@8.56.0)(typescript@5.3.3)
-      '@typescript-eslint/scope-manager': 6.8.0
-      '@typescript-eslint/type-utils': 6.8.0(eslint@8.56.0)(typescript@5.3.3)
-      '@typescript-eslint/utils': 6.8.0(eslint@8.56.0)(typescript@5.3.3)
-      '@typescript-eslint/visitor-keys': 6.8.0
+      '@typescript-eslint/parser': 7.4.0(eslint@8.57.0)(typescript@5.4.5)
+      '@typescript-eslint/scope-manager': 7.4.0
+      '@typescript-eslint/type-utils': 7.4.0(eslint@8.57.0)(typescript@5.4.5)
+      '@typescript-eslint/utils': 7.4.0(eslint@8.57.0)(typescript@5.4.5)
+      '@typescript-eslint/visitor-keys': 7.4.0
       debug: 4.3.4
-      eslint: 8.56.0
+      eslint: 8.57.0
       graphemer: 1.4.0
-      ignore: 5.2.4
+      ignore: 5.3.1
       natural-compare: 1.4.0
-      semver: 7.5.4
-      ts-api-utils: 1.0.3(typescript@5.3.3)
-      typescript: 5.3.3
+      semver: 7.6.0
+      ts-api-utils: 1.0.3(typescript@5.4.5)
+      typescript: 5.4.5
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/parser@6.8.0(eslint@8.56.0)(typescript@5.3.3):
-    resolution: {integrity: sha512-5tNs6Bw0j6BdWuP8Fx+VH4G9fEPDxnVI7yH1IAPkQH5RUtvKwRoqdecAPdQXv4rSOADAaz1LFBZvZG7VbXivSg==}
-    engines: {node: ^16.0.0 || >=18.0.0}
+  /@typescript-eslint/eslint-plugin@7.6.0(@typescript-eslint/parser@7.6.0)(eslint@8.57.0)(typescript@5.4.5):
+    resolution: {integrity: sha512-gKmTNwZnblUdnTIJu3e9kmeRRzV2j1a/LUO27KNNAnIC5zjy1aSvXSRp4rVNlmAoHlQ7HzX42NbKpcSr4jF80A==}
+    engines: {node: ^18.18.0 || >=20.0.0}
     peerDependencies:
-      eslint: ^7.0.0 || ^8.0.0
+      '@typescript-eslint/parser': ^7.0.0
+      eslint: ^8.56.0
       typescript: '*'
     peerDependenciesMeta:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/scope-manager': 6.8.0
-      '@typescript-eslint/types': 6.8.0
-      '@typescript-eslint/typescript-estree': 6.8.0(typescript@5.3.3)
-      '@typescript-eslint/visitor-keys': 6.8.0
+      '@eslint-community/regexpp': 4.10.0
+      '@typescript-eslint/parser': 7.6.0(eslint@8.57.0)(typescript@5.4.5)
+      '@typescript-eslint/scope-manager': 7.6.0
+      '@typescript-eslint/type-utils': 7.6.0(eslint@8.57.0)(typescript@5.4.5)
+      '@typescript-eslint/utils': 7.6.0(eslint@8.57.0)(typescript@5.4.5)
+      '@typescript-eslint/visitor-keys': 7.6.0
       debug: 4.3.4
-      eslint: 8.56.0
-      typescript: 5.3.3
+      eslint: 8.57.0
+      graphemer: 1.4.0
+      ignore: 5.3.1
+      natural-compare: 1.4.0
+      semver: 7.6.0
+      ts-api-utils: 1.3.0(typescript@5.4.5)
+      typescript: 5.4.5
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/scope-manager@6.8.0:
-    resolution: {integrity: sha512-xe0HNBVwCph7rak+ZHcFD6A+q50SMsFwcmfdjs9Kz4qDh5hWhaPhFjRs/SODEhroBI5Ruyvyz9LfwUJ624O40g==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    dependencies:
-      '@typescript-eslint/types': 6.8.0
-      '@typescript-eslint/visitor-keys': 6.8.0
-    dev: true
-
-  /@typescript-eslint/type-utils@6.8.0(eslint@8.56.0)(typescript@5.3.3):
-    resolution: {integrity: sha512-RYOJdlkTJIXW7GSldUIHqc/Hkto8E+fZN96dMIFhuTJcQwdRoGN2rEWA8U6oXbLo0qufH7NPElUb+MceHtz54g==}
-    engines: {node: ^16.0.0 || >=18.0.0}
+  /@typescript-eslint/parser@7.4.0(eslint@8.57.0)(typescript@5.4.5):
+    resolution: {integrity: sha512-ZvKHxHLusweEUVwrGRXXUVzFgnWhigo4JurEj0dGF1tbcGh6buL+ejDdjxOQxv6ytcY1uhun1p2sm8iWStlgLQ==}
+    engines: {node: ^18.18.0 || >=20.0.0}
     peerDependencies:
-      eslint: ^7.0.0 || ^8.0.0
+      eslint: ^8.56.0
       typescript: '*'
     peerDependenciesMeta:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/typescript-estree': 6.8.0(typescript@5.3.3)
-      '@typescript-eslint/utils': 6.8.0(eslint@8.56.0)(typescript@5.3.3)
+      '@typescript-eslint/scope-manager': 7.4.0
+      '@typescript-eslint/types': 7.4.0
+      '@typescript-eslint/typescript-estree': 7.4.0(typescript@5.4.5)
+      '@typescript-eslint/visitor-keys': 7.4.0
       debug: 4.3.4
-      eslint: 8.56.0
-      ts-api-utils: 1.0.3(typescript@5.3.3)
-      typescript: 5.3.3
+      eslint: 8.57.0
+      typescript: 5.4.5
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/types@6.8.0:
-    resolution: {integrity: sha512-p5qOxSum7W3k+llc7owEStXlGmSl8FcGvhYt8Vjy7FqEnmkCVlM3P57XQEGj58oqaBWDQXbJDZxwUWMS/EAPNQ==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    dev: true
-
-  /@typescript-eslint/typescript-estree@6.8.0(typescript@5.3.3):
-    resolution: {integrity: sha512-ISgV0lQ8XgW+mvv5My/+iTUdRmGspducmQcDw5JxznasXNnZn3SKNrTRuMsEXv+V/O+Lw9AGcQCfVaOPCAk/Zg==}
-    engines: {node: ^16.0.0 || >=18.0.0}
+  /@typescript-eslint/parser@7.6.0(eslint@8.57.0)(typescript@5.4.5):
+    resolution: {integrity: sha512-usPMPHcwX3ZoPWnBnhhorc14NJw9J4HpSXQX4urF2TPKG0au0XhJoZyX62fmvdHONUkmyUe74Hzm1//XA+BoYg==}
+    engines: {node: ^18.18.0 || >=20.0.0}
     peerDependencies:
+      eslint: ^8.56.0
       typescript: '*'
     peerDependenciesMeta:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/types': 6.8.0
-      '@typescript-eslint/visitor-keys': 6.8.0
+      '@typescript-eslint/scope-manager': 7.6.0
+      '@typescript-eslint/types': 7.6.0
+      '@typescript-eslint/typescript-estree': 7.6.0(typescript@5.4.5)
+      '@typescript-eslint/visitor-keys': 7.6.0
       debug: 4.3.4
-      globby: 11.1.0
-      is-glob: 4.0.3
-      semver: 7.5.4
-      ts-api-utils: 1.0.3(typescript@5.3.3)
-      typescript: 5.3.3
+      eslint: 8.57.0
+      typescript: 5.4.5
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/utils@6.8.0(eslint@8.56.0)(typescript@5.3.3):
-    resolution: {integrity: sha512-dKs1itdE2qFG4jr0dlYLQVppqTE+Itt7GmIf/vX6CSvsW+3ov8PbWauVKyyfNngokhIO9sKZeRGCUo1+N7U98Q==}
+  /@typescript-eslint/scope-manager@6.21.0:
+    resolution: {integrity: sha512-OwLUIWZJry80O99zvqXVEioyniJMa+d2GrqpUTqi5/v5D5rOrppJVBPa0yKCblcigC0/aYAzxxqQ1B+DS2RYsg==}
     engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      eslint: ^7.0.0 || ^8.0.0
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.56.0)
-      '@types/json-schema': 7.0.14
-      '@types/semver': 7.5.3
-      '@typescript-eslint/scope-manager': 6.8.0
-      '@typescript-eslint/types': 6.8.0
-      '@typescript-eslint/typescript-estree': 6.8.0(typescript@5.3.3)
-      eslint: 8.56.0
-      semver: 7.5.4
-    transitivePeerDependencies:
-      - supports-color
-      - typescript
+      '@typescript-eslint/types': 6.21.0
+      '@typescript-eslint/visitor-keys': 6.21.0
     dev: true
 
-  /@typescript-eslint/visitor-keys@6.8.0:
-    resolution: {integrity: sha512-oqAnbA7c+pgOhW2OhGvxm0t1BULX5peQI/rLsNDpGM78EebV3C9IGbX5HNZabuZ6UQrYveCLjKo8Iy/lLlBkkg==}
-    engines: {node: ^16.0.0 || >=18.0.0}
+  /@typescript-eslint/scope-manager@7.4.0:
+    resolution: {integrity: sha512-68VqENG5HK27ypafqLVs8qO+RkNc7TezCduYrx8YJpXq2QGZ30vmNZGJJJC48+MVn4G2dCV8m5ZTVnzRexTVtw==}
+    engines: {node: ^18.18.0 || >=20.0.0}
     dependencies:
-      '@typescript-eslint/types': 6.8.0
-      eslint-visitor-keys: 3.4.3
-    dev: true
-
-  /@ungap/structured-clone@1.2.0:
-    resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==}
+      '@typescript-eslint/types': 7.4.0
+      '@typescript-eslint/visitor-keys': 7.4.0
     dev: true
 
-  /@unhead/dom@1.8.10:
-    resolution: {integrity: sha512-dBeDbHrBjeU+eVgMsD91TGEazb1dwLrY0x/ve01CldMCmm+WcRu++SUW7s1QX84mzGH2EgFz78o1OPn6jpV3zw==}
+  /@typescript-eslint/scope-manager@7.6.0:
+    resolution: {integrity: sha512-ngttyfExA5PsHSx0rdFgnADMYQi+Zkeiv4/ZxGYUWd0nLs63Ha0ksmp8VMxAIC0wtCFxMos7Lt3PszJssG/E6w==}
+    engines: {node: ^18.18.0 || >=20.0.0}
     dependencies:
-      '@unhead/schema': 1.8.10
-      '@unhead/shared': 1.8.10
+      '@typescript-eslint/types': 7.6.0
+      '@typescript-eslint/visitor-keys': 7.6.0
     dev: true
 
-  /@unhead/schema@1.8.10:
-    resolution: {integrity: sha512-cy8RGOPkwOVY5EmRoCgGV8AqLjy/226xBVTY54kBct02Om3hBdpB9FZa9frM910pPUXMI8PNmFgABO23O7IdJA==}
+  /@typescript-eslint/type-utils@7.4.0(eslint@8.57.0)(typescript@5.4.5):
+    resolution: {integrity: sha512-247ETeHgr9WTRMqHbbQdzwzhuyaJ8dPTuyuUEMANqzMRB1rj/9qFIuIXK7l0FX9i9FXbHeBQl/4uz6mYuCE7Aw==}
+    engines: {node: ^18.18.0 || >=20.0.0}
+    peerDependencies:
+      eslint: ^8.56.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/typescript-estree': 7.4.0(typescript@5.4.5)
+      '@typescript-eslint/utils': 7.4.0(eslint@8.57.0)(typescript@5.4.5)
+      debug: 4.3.4
+      eslint: 8.57.0
+      ts-api-utils: 1.0.3(typescript@5.4.5)
+      typescript: 5.4.5
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@typescript-eslint/type-utils@7.6.0(eslint@8.57.0)(typescript@5.4.5):
+    resolution: {integrity: sha512-NxAfqAPNLG6LTmy7uZgpK8KcuiS2NZD/HlThPXQRGwz6u7MDBWRVliEEl1Gj6U7++kVJTpehkhZzCJLMK66Scw==}
+    engines: {node: ^18.18.0 || >=20.0.0}
+    peerDependencies:
+      eslint: ^8.56.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/typescript-estree': 7.6.0(typescript@5.4.5)
+      '@typescript-eslint/utils': 7.6.0(eslint@8.57.0)(typescript@5.4.5)
+      debug: 4.3.4
+      eslint: 8.57.0
+      ts-api-utils: 1.3.0(typescript@5.4.5)
+      typescript: 5.4.5
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@typescript-eslint/types@6.21.0:
+    resolution: {integrity: sha512-1kFmZ1rOm5epu9NZEZm1kckCDGj5UJEf7P1kliH4LKu/RkwpsfqqGmY2OOcUs18lSlQBKLDYBOGxRVtrMN5lpg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    dev: true
+
+  /@typescript-eslint/types@7.4.0:
+    resolution: {integrity: sha512-mjQopsbffzJskos5B4HmbsadSJQWaRK0UxqQ7GuNA9Ga4bEKeiO6b2DnB6cM6bpc8lemaPseh0H9B/wyg+J7rw==}
+    engines: {node: ^18.18.0 || >=20.0.0}
+    dev: true
+
+  /@typescript-eslint/types@7.6.0:
+    resolution: {integrity: sha512-h02rYQn8J+MureCvHVVzhl69/GAfQGPQZmOMjG1KfCl7o3HtMSlPaPUAPu6lLctXI5ySRGIYk94clD/AUMCUgQ==}
+    engines: {node: ^18.18.0 || >=20.0.0}
+    dev: true
+
+  /@typescript-eslint/typescript-estree@6.21.0(typescript@5.4.5):
+    resolution: {integrity: sha512-6npJTkZcO+y2/kr+z0hc4HwNfrrP4kNYh57ek7yCNlrBjWQ1Y0OS7jiZTkgumrvkX5HkEKXFZkkdFNkaW2wmUQ==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/types': 6.21.0
+      '@typescript-eslint/visitor-keys': 6.21.0
+      debug: 4.3.4
+      globby: 11.1.0
+      is-glob: 4.0.3
+      minimatch: 9.0.3
+      semver: 7.6.0
+      ts-api-utils: 1.3.0(typescript@5.4.5)
+      typescript: 5.4.5
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@typescript-eslint/typescript-estree@7.4.0(typescript@5.4.5):
+    resolution: {integrity: sha512-A99j5AYoME/UBQ1ucEbbMEmGkN7SE0BvZFreSnTd1luq7yulcHdyGamZKizU7canpGDWGJ+Q6ZA9SyQobipePg==}
+    engines: {node: ^18.18.0 || >=20.0.0}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/types': 7.4.0
+      '@typescript-eslint/visitor-keys': 7.4.0
+      debug: 4.3.4
+      globby: 11.1.0
+      is-glob: 4.0.3
+      minimatch: 9.0.3
+      semver: 7.6.0
+      ts-api-utils: 1.0.3(typescript@5.4.5)
+      typescript: 5.4.5
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@typescript-eslint/typescript-estree@7.6.0(typescript@5.4.5):
+    resolution: {integrity: sha512-+7Y/GP9VuYibecrCQWSKgl3GvUM5cILRttpWtnAu8GNL9j11e4tbuGZmZjJ8ejnKYyBRb2ddGQ3rEFCq3QjMJw==}
+    engines: {node: ^18.18.0 || >=20.0.0}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/types': 7.6.0
+      '@typescript-eslint/visitor-keys': 7.6.0
+      debug: 4.3.4
+      globby: 11.1.0
+      is-glob: 4.0.3
+      minimatch: 9.0.4
+      semver: 7.6.0
+      ts-api-utils: 1.3.0(typescript@5.4.5)
+      typescript: 5.4.5
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@typescript-eslint/utils@6.21.0(eslint@8.57.0)(typescript@5.4.5):
+    resolution: {integrity: sha512-NfWVaC8HP9T8cbKQxHcsJBY5YE1O33+jpMwN45qzWWaPDZgLIbo12toGMWnmhvCpd3sIxkpDw3Wv1B3dYrbDQQ==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
+      '@types/json-schema': 7.0.15
+      '@types/semver': 7.5.8
+      '@typescript-eslint/scope-manager': 6.21.0
+      '@typescript-eslint/types': 6.21.0
+      '@typescript-eslint/typescript-estree': 6.21.0(typescript@5.4.5)
+      eslint: 8.57.0
+      semver: 7.6.0
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: true
+
+  /@typescript-eslint/utils@7.4.0(eslint@8.57.0)(typescript@5.4.5):
+    resolution: {integrity: sha512-NQt9QLM4Tt8qrlBVY9lkMYzfYtNz8/6qwZg8pI3cMGlPnj6mOpRxxAm7BMJN9K0AiY+1BwJ5lVC650YJqYOuNg==}
+    engines: {node: ^18.18.0 || >=20.0.0}
+    peerDependencies:
+      eslint: ^8.56.0
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
+      '@types/json-schema': 7.0.14
+      '@types/semver': 7.5.3
+      '@typescript-eslint/scope-manager': 7.4.0
+      '@typescript-eslint/types': 7.4.0
+      '@typescript-eslint/typescript-estree': 7.4.0(typescript@5.4.5)
+      eslint: 8.57.0
+      semver: 7.6.0
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: true
+
+  /@typescript-eslint/utils@7.6.0(eslint@8.57.0)(typescript@5.4.5):
+    resolution: {integrity: sha512-x54gaSsRRI+Nwz59TXpCsr6harB98qjXYzsRxGqvA5Ue3kQH+FxS7FYU81g/omn22ML2pZJkisy6Q+ElK8pBCA==}
+    engines: {node: ^18.18.0 || >=20.0.0}
+    peerDependencies:
+      eslint: ^8.56.0
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
+      '@types/json-schema': 7.0.15
+      '@types/semver': 7.5.8
+      '@typescript-eslint/scope-manager': 7.6.0
+      '@typescript-eslint/types': 7.6.0
+      '@typescript-eslint/typescript-estree': 7.6.0(typescript@5.4.5)
+      eslint: 8.57.0
+      semver: 7.6.0
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: true
+
+  /@typescript-eslint/visitor-keys@6.21.0:
+    resolution: {integrity: sha512-JJtkDduxLi9bivAB+cYOVMtbkqdPOhZ+ZI5LC47MIRrDV4Yn2o+ZnW10Nkmr28xRpSpdJ6Sm42Hjf2+REYXm0A==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    dependencies:
+      '@typescript-eslint/types': 6.21.0
+      eslint-visitor-keys: 3.4.3
+    dev: true
+
+  /@typescript-eslint/visitor-keys@7.4.0:
+    resolution: {integrity: sha512-0zkC7YM0iX5Y41homUUeW1CHtZR01K3ybjM1l6QczoMuay0XKtrb93kv95AxUGwdjGr64nNqnOCwmEl616N8CA==}
+    engines: {node: ^18.18.0 || >=20.0.0}
+    dependencies:
+      '@typescript-eslint/types': 7.4.0
+      eslint-visitor-keys: 3.4.3
+    dev: true
+
+  /@typescript-eslint/visitor-keys@7.6.0:
+    resolution: {integrity: sha512-4eLB7t+LlNUmXzfOu1VAIAdkjbu5xNSerURS9X/S5TUKWFRpXRQZbmtPqgKmYx8bj3J0irtQXSiWAOY82v+cgw==}
+    engines: {node: ^18.18.0 || >=20.0.0}
+    dependencies:
+      '@typescript-eslint/types': 7.6.0
+      eslint-visitor-keys: 3.4.3
+    dev: true
+
+  /@ungap/structured-clone@1.2.0:
+    resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==}
+    dev: true
+
+  /@unhead/dom@1.9.5:
+    resolution: {integrity: sha512-t+JvAFX+Qkx+IEZFBQV5rZoj/6SKHd3tqXqxpsER588DWxU0J6dzvAVJrof/vRTMjJ1lM6B8SxKhZppSZ7H2iQ==}
+    dependencies:
+      '@unhead/schema': 1.9.5
+      '@unhead/shared': 1.9.5
+    dev: true
+
+  /@unhead/schema@1.9.5:
+    resolution: {integrity: sha512-n0upGPplBn5Y/4PIqKp7/tzOhz7USos5lFjf8UKvMNoOIitEa+avP2u7gRQ9yOhHmOAH9AXDeX7mhSvhO+Tqxw==}
     dependencies:
       hookable: 5.5.3
       zhead: 2.2.4
     dev: true
 
-  /@unhead/shared@1.8.10:
-    resolution: {integrity: sha512-pEFryAs3EmV+ShDQx2ZBwUnt5l3RrMrXSMZ50oFf+MImKZNARVvD4+3I8fEI9wZh+Zq0JYG3UAfzo51MUP+Juw==}
+  /@unhead/shared@1.9.5:
+    resolution: {integrity: sha512-WN2T8th1wYn4A1bb6o8Z59wNVMPkD6YdNQIlmSbEP9zuSYyVEh3BIxqSdxWM/xl8atN8fNwVW06knaF51VmKXA==}
     dependencies:
-      '@unhead/schema': 1.8.10
+      '@unhead/schema': 1.9.5
     dev: true
 
-  /@unhead/ssr@1.8.10:
-    resolution: {integrity: sha512-7wKRKDd8c2NFmMyPetj8Ah5u2hXunDBZT5Y2DH83O16PiMxx4/uobGamTV1EfcqjTvOKJvAqkrYZNYSWss99NQ==}
+  /@unhead/ssr@1.9.5:
+    resolution: {integrity: sha512-l9fqAKM3odX/8Ac8l7v7Nlot5f+e6ktINT/PjBuXf+pHHmPz7+eKWzNL95KVB/o0uxmJr2BVijDwCPYrgmjfjQ==}
     dependencies:
-      '@unhead/schema': 1.8.10
-      '@unhead/shared': 1.8.10
+      '@unhead/schema': 1.9.5
+      '@unhead/shared': 1.9.5
     dev: true
 
-  /@unhead/vue@1.8.10(vue@3.4.18):
-    resolution: {integrity: sha512-KF8pftHnxnlBlgNpKXWLTg3ZUtkuDCxRPUFSDBy9CtqRSX/qvAhLZ26mbqRVmHj8KigiRHP/wnPWNyGnUx20Bg==}
+  /@unhead/vue@1.9.5(vue@3.4.21):
+    resolution: {integrity: sha512-L3yDB6Mwm92gJNPqZApMwfGluS0agR0HIizkXCKKz3WkZ+ef/negMwTNGpTtd+uqh/+hSyG73Bl4yySuPsD4nA==}
     peerDependencies:
       vue: '>=2.7 || >=3'
     dependencies:
-      '@unhead/schema': 1.8.10
-      '@unhead/shared': 1.8.10
+      '@unhead/schema': 1.9.5
+      '@unhead/shared': 1.9.5
       hookable: 5.5.3
-      unhead: 1.8.10
-      vue: 3.4.18(typescript@5.3.3)
+      unhead: 1.9.5
+      vue: 3.4.21(typescript@5.4.5)
     dev: true
 
-  /@vercel/nft@0.24.3:
-    resolution: {integrity: sha512-IyBdIxmFAeGZnEfMgt4QrGK7XX4lWazlQj34HEi9dw04/WeDBJ7r1yaOIO5tTf9pbfvwUFodj9b0H+NDGGoOMg==}
+  /@unocss/astro@0.58.8(rollup@3.29.4)(vite@5.2.8):
+    resolution: {integrity: sha512-pAjsKuVg41dXNPWpFKx/SDxz198Miu/hqAL4lMkE2ITY+nFgqt9SH1lGS9P+VzElrHZ+Uqwmmtw8SjaT2EfCMA==}
+    peerDependencies:
+      vite: ^2.9.0 || ^3.0.0-0 || ^4.0.0 || ^5.0.0-0
+    peerDependenciesMeta:
+      vite:
+        optional: true
+    dependencies:
+      '@unocss/core': 0.58.8
+      '@unocss/reset': 0.58.8
+      '@unocss/vite': 0.58.8(rollup@3.29.4)(vite@5.2.8)
+      vite: 5.2.8(@types/node@20.12.7)(sass@1.75.0)
+    transitivePeerDependencies:
+      - rollup
+    dev: true
+
+  /@unocss/cli@0.58.8(rollup@3.29.4):
+    resolution: {integrity: sha512-TxFyrMPBuPPkyvW1oJ+f9Q0IOX7hXcuZqmFzsv7n153HXHU6fZCNxFzqbOWUR2K1eS4ScBREjIOWZYekXx7s2g==}
+    engines: {node: '>=14'}
+    hasBin: true
+    dependencies:
+      '@ampproject/remapping': 2.3.0
+      '@rollup/pluginutils': 5.1.0(rollup@3.29.4)
+      '@unocss/config': 0.58.8
+      '@unocss/core': 0.58.8
+      '@unocss/preset-uno': 0.58.8
+      cac: 6.7.14
+      chokidar: 3.6.0
+      colorette: 2.0.20
+      consola: 3.2.3
+      fast-glob: 3.3.2
+      magic-string: 0.30.9
+      pathe: 1.1.2
+      perfect-debounce: 1.0.0
+    transitivePeerDependencies:
+      - rollup
+    dev: true
+
+  /@unocss/config@0.58.8:
+    resolution: {integrity: sha512-x0/FCP1vuU7z2Y1e4m5fazLEr9DyXQZ9aM8Rt72V8ElD9CmEwxGmxt6MVB+LkuXglH3srr9Btnhuir4P6jI92g==}
+    engines: {node: '>=14'}
+    dependencies:
+      '@unocss/core': 0.58.8
+      unconfig: 0.3.11
+    dev: true
+
+  /@unocss/core@0.58.8:
+    resolution: {integrity: sha512-R3KuNTzF6G+bb2Qqg4LNLTWHh4TGU8iQJ4KOlpWHrPKAhDSCZ3XY9lSXoepCPwv+JcGEwA97Msa3zZ5p+QDoFg==}
+    dev: true
+
+  /@unocss/extractor-arbitrary-variants@0.58.8:
+    resolution: {integrity: sha512-zQ7W3wTWWbJvG9T+1b9HqJGtEzcrc3d/TG7JJqdon6vBc64xA2AMf9DNRVlNdzkrU2Kl31TRd6bLST6iMncovw==}
+    dependencies:
+      '@unocss/core': 0.58.8
+    dev: true
+
+  /@unocss/inspector@0.58.8:
+    resolution: {integrity: sha512-nLmIIwOXnoTpsUFuvlKj8t8xxBi3gMw0+osW9xrYxt5whkV05IUfMwSTFQ3yDhKpmEW8fmUEMqrmu0sdLtRRZA==}
+    dependencies:
+      '@unocss/core': 0.58.8
+      '@unocss/rule-utils': 0.58.8
+      gzip-size: 6.0.0
+      sirv: 2.0.4
+    dev: true
+
+  /@unocss/postcss@0.58.8(postcss@8.4.38):
+    resolution: {integrity: sha512-nI8Cbvc7/IFMGVeFXAHEom5X76gb0dSylBGvlVtWakq27nBwlxG4c3+58dVWg7Nyqvn1mC/sOMGpqjfk8FdJcQ==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      postcss: ^8.4.21
+    dependencies:
+      '@unocss/config': 0.58.8
+      '@unocss/core': 0.58.8
+      '@unocss/rule-utils': 0.58.8
+      css-tree: 2.3.1
+      fast-glob: 3.3.2
+      magic-string: 0.30.9
+      postcss: 8.4.38
+    dev: true
+
+  /@unocss/preset-attributify@0.58.8:
+    resolution: {integrity: sha512-QEKPDfoYxU2WqqTmd1JX72PDE5UuAHh3q9GgQEP7I6DRFeQ7H2xM62t3FLms5tdNRAALJnhl/jz5+Rajxp9ZQA==}
+    dependencies:
+      '@unocss/core': 0.58.8
+    dev: true
+
+  /@unocss/preset-icons@0.58.8:
+    resolution: {integrity: sha512-T6xf7pE9+CiTzJgPlHUbxg27agTw/QmUp0FUt+LJr8Nvs4jwe2GDKvAiXrMfCw+s6yOqVFgxPcLpKQWoS5QhEA==}
+    dependencies:
+      '@iconify/utils': 2.1.22
+      '@unocss/core': 0.58.8
+      ofetch: 1.3.4
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@unocss/preset-mini@0.58.8:
+    resolution: {integrity: sha512-dCn9ny8Fpiya8qwc2dRkh8YCH5xwf+iD3MxP9YgfweO1o816onBJVqb03xEJT/MOxYkpuRFVJGU+cVSpehamiw==}
+    dependencies:
+      '@unocss/core': 0.58.8
+      '@unocss/extractor-arbitrary-variants': 0.58.8
+      '@unocss/rule-utils': 0.58.8
+    dev: true
+
+  /@unocss/preset-tagify@0.58.8:
+    resolution: {integrity: sha512-Xmz1H4bMPpRlm/93RNRRBDzyjRdO5pkEKePQo+J3WXY+FfCrhE/BHopa7plNejoPd/k/4CtdFLuQCVRteHiZ+A==}
+    dependencies:
+      '@unocss/core': 0.58.8
+    dev: true
+
+  /@unocss/preset-typography@0.58.8:
+    resolution: {integrity: sha512-NX0OC3MTj3CFNkQfcHIksJbPVD1rxAbTTTK3l1x6mul7XOAolWjLXy1aVyGeOFLpCSX4Wv9YrYsa9l2fpnZKgg==}
+    dependencies:
+      '@unocss/core': 0.58.8
+      '@unocss/preset-mini': 0.58.8
+    dev: true
+
+  /@unocss/preset-uno@0.58.8:
+    resolution: {integrity: sha512-zqIZLAX6g04B/9rVuGyVNd7/Jdng2rKfw9i9UFG6x0xYN1y+WuyV7+FN66bIJMj7EB17CusHWVMllHRKToOrmw==}
+    dependencies:
+      '@unocss/core': 0.58.8
+      '@unocss/preset-mini': 0.58.8
+      '@unocss/preset-wind': 0.58.8
+      '@unocss/rule-utils': 0.58.8
+    dev: true
+
+  /@unocss/preset-web-fonts@0.58.8:
+    resolution: {integrity: sha512-ENDdJlJF4JWu4NSuG83S8gtUhAH5ua/mFItOaTtRffAPHPHuhOqm8krVYunBgkpRMTXYJhnpO4auUsOAMkV1Fw==}
+    dependencies:
+      '@unocss/core': 0.58.8
+      ofetch: 1.3.4
+    dev: true
+
+  /@unocss/preset-wind@0.58.8:
+    resolution: {integrity: sha512-7ktb0wJgZg9q2xlNXfgx2pRjg22WJ+B3ENIk9+DB88pty2f6dYo24l8ZyJXQbHglgCilY64NP0fNHkBlUF9olg==}
+    dependencies:
+      '@unocss/core': 0.58.8
+      '@unocss/preset-mini': 0.58.8
+      '@unocss/rule-utils': 0.58.8
+    dev: true
+
+  /@unocss/reset@0.58.8:
+    resolution: {integrity: sha512-6Cz92Ryer7QpFhxnOwyauwVJfDGhCNYvLHGqW8ScIicFEPK9AUXYys/zBRCIYO2489/kckZ5EG8a3NImS5h+9w==}
+    dev: true
+
+  /@unocss/rule-utils@0.58.8:
+    resolution: {integrity: sha512-F7TKtTkiV9ICf8JMYO1+Eq/5zrrV7Fw966rQfHfIKrN6Vwo3tw84b5R0bLJghAFtb9UuD7q9eCfy6WBQK0d7Tw==}
+    engines: {node: '>=14'}
+    dependencies:
+      '@unocss/core': 0.58.8
+      magic-string: 0.30.9
+    dev: true
+
+  /@unocss/scope@0.58.8:
+    resolution: {integrity: sha512-FpXGSWQU+XfguSPrFm9NfZYKmDikxu4KB+fvVzgHkN3e+UQ7QSHFHREbdc+E8x0HPMNkoNnYVaCr0qgIBUEKFA==}
+    dev: true
+
+  /@unocss/transformer-attributify-jsx-babel@0.58.8:
+    resolution: {integrity: sha512-4+Ctwo57RiLcxoZtoRvS2XE6NHiVTolA8RW6dI5EQU6Z5n2XYPpkkUdSHcmXuFWuJ5ZD19FzUnCsxtBoPbr2Fw==}
+    dependencies:
+      '@babel/core': 7.24.3
+      '@babel/plugin-syntax-jsx': 7.24.1(@babel/core@7.24.3)
+      '@babel/preset-typescript': 7.24.1(@babel/core@7.24.3)
+      '@unocss/core': 0.58.8
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@unocss/transformer-attributify-jsx@0.58.8:
+    resolution: {integrity: sha512-MFpbIJB9vsfKHHMJ04gObQ5EM1qySNPev3gysmvduBSQyHy6CRmUugTCWVStaZeepzYMASgOkFfx64xIyKAHpw==}
+    dependencies:
+      '@unocss/core': 0.58.8
+    dev: true
+
+  /@unocss/transformer-compile-class@0.58.8:
+    resolution: {integrity: sha512-bMC+sXeD8VjjcqRtDIflh823zpmVOWeEQecRPPvYr0EU6u41N4L4m4SPIqyichmV6nbVKfJOhw1s8kWdBfNI2g==}
+    dependencies:
+      '@unocss/core': 0.58.8
+    dev: true
+
+  /@unocss/transformer-directives@0.58.8:
+    resolution: {integrity: sha512-KdNzgmL5gdls1MTRvB7DKJRbLai1t8JeKCN+0H1lygzKMAhp8zItRei/F0MaSdbWdviNnGcAXqbCkbmGR72vaA==}
+    dependencies:
+      '@unocss/core': 0.58.8
+      '@unocss/rule-utils': 0.58.8
+      css-tree: 2.3.1
+    dev: true
+
+  /@unocss/transformer-variant-group@0.58.8:
+    resolution: {integrity: sha512-Fa9lCHsR6scg9BuAvyltdRpSVJJxP5OCU8OJmkOhGlJnkcrV8X/9ynPvVuV82awoImn5CBoo4fyQ+f9vCdWycw==}
+    dependencies:
+      '@unocss/core': 0.58.8
+    dev: true
+
+  /@unocss/vite@0.58.8(rollup@3.29.4)(vite@5.2.8):
+    resolution: {integrity: sha512-Eh0cG1I/BivvhUPdFxPi/z7Q+LMDnjHgL/dIE6/tmJK9rerdGeOBCAXxEetZfvBrOhWVnsOW/ydesyAhkzRg3w==}
+    peerDependencies:
+      vite: ^2.9.0 || ^3.0.0-0 || ^4.0.0 || ^5.0.0-0
+    dependencies:
+      '@ampproject/remapping': 2.3.0
+      '@rollup/pluginutils': 5.1.0(rollup@3.29.4)
+      '@unocss/config': 0.58.8
+      '@unocss/core': 0.58.8
+      '@unocss/inspector': 0.58.8
+      '@unocss/scope': 0.58.8
+      '@unocss/transformer-directives': 0.58.8
+      chokidar: 3.6.0
+      fast-glob: 3.3.2
+      magic-string: 0.30.9
+      vite: 5.2.8(@types/node@20.12.7)(sass@1.75.0)
+    transitivePeerDependencies:
+      - rollup
+    dev: true
+
+  /@vercel/nft@0.26.4:
+    resolution: {integrity: sha512-j4jCOOXke2t8cHZCIxu1dzKLHLcFmYzC3yqAK6MfZznOL1QIJKd0xcFsXK3zcqzU7ScsE2zWkiMMNHGMHgp+FA==}
     engines: {node: '>=16'}
     hasBin: true
     dependencies:
       '@mapbox/node-pre-gyp': 1.0.11
       '@rollup/pluginutils': 4.2.1
       acorn: 8.11.3
+      acorn-import-attributes: 1.9.5(acorn@8.11.3)
       async-sema: 3.1.1
       bindings: 1.5.0
       estree-walker: 2.0.2
@@ -3401,110 +3947,88 @@ packages:
       - supports-color
     dev: true
 
-  /@vitejs/plugin-vue-jsx@3.1.0(vite@5.0.12)(vue@3.4.18):
+  /@vitejs/plugin-vue-jsx@3.1.0(vite@5.2.8)(vue@3.4.21):
     resolution: {integrity: sha512-w9M6F3LSEU5kszVb9An2/MmXNxocAnUb3WhRr8bHlimhDrXNt6n6D2nJQR3UXpGlZHh/EsgouOHCsM8V3Ln+WA==}
     engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
       vite: ^4.0.0 || ^5.0.0
       vue: ^3.0.0
     dependencies:
-      '@babel/core': 7.23.9
-      '@babel/plugin-transform-typescript': 7.23.4(@babel/core@7.23.9)
-      '@vue/babel-plugin-jsx': 1.1.5(@babel/core@7.23.9)
-      vite: 5.0.12(@types/node@20.11.17)
-      vue: 3.4.18(typescript@5.3.3)
+      '@babel/core': 7.24.3
+      '@babel/plugin-transform-typescript': 7.24.1(@babel/core@7.24.3)
+      '@vue/babel-plugin-jsx': 1.1.5(@babel/core@7.24.3)
+      vite: 5.2.8(@types/node@20.12.7)(sass@1.75.0)
+      vue: 3.4.21(typescript@5.4.5)
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@vitejs/plugin-vue@5.0.3(vite@5.0.12)(vue@3.4.18):
-    resolution: {integrity: sha512-b8S5dVS40rgHdDrw+DQi/xOM9ed+kSRZzfm1T74bMmBDCd8XO87NKlFYInzCtwvtWwXZvo1QxE2OSspTATWrbA==}
-    engines: {node: ^18.0.0 || >=20.0.0}
-    peerDependencies:
-      vite: ^5.0.0
-      vue: ^3.2.25
-    dependencies:
-      vite: 5.0.12(@types/node@20.11.17)
-      vue: 3.4.18(typescript@5.3.3)
-    dev: true
-
-  /@vitejs/plugin-vue@5.0.4(vite@5.0.12)(vue@3.4.18):
-    resolution: {integrity: sha512-WS3hevEszI6CEVEx28F8RjTX97k3KsrcY6kvTg7+Whm5y3oYvcqzVeGCU3hxSAn4uY2CLCkeokkGKpoctccilQ==}
-    engines: {node: ^18.0.0 || >=20.0.0}
-    peerDependencies:
-      vite: ^5.0.0
-      vue: ^3.2.25
-    dependencies:
-      vite: 5.0.12(@types/node@20.11.17)
-      vue: 3.4.18(typescript@5.3.3)
-    dev: true
-
-  /@vitejs/plugin-vue@5.0.4(vite@5.1.1)(vue@3.4.18):
+  /@vitejs/plugin-vue@5.0.4(vite@5.2.8)(vue@3.4.21):
     resolution: {integrity: sha512-WS3hevEszI6CEVEx28F8RjTX97k3KsrcY6kvTg7+Whm5y3oYvcqzVeGCU3hxSAn4uY2CLCkeokkGKpoctccilQ==}
     engines: {node: ^18.0.0 || >=20.0.0}
     peerDependencies:
       vite: ^5.0.0
       vue: ^3.2.25
     dependencies:
-      vite: 5.1.1(@types/node@20.11.17)(sass@1.70.0)
-      vue: 3.4.18(typescript@5.3.3)
+      vite: 5.2.8(@types/node@20.12.7)(sass@1.75.0)
+      vue: 3.4.21(typescript@5.4.5)
     dev: true
 
-  /@vitest/coverage-v8@1.2.2(vitest@1.2.2):
-    resolution: {integrity: sha512-IHyKnDz18SFclIEEAHb9Y4Uxx0sPKC2VO1kdDCs1BF6Ip4S8rQprs971zIsooLUn7Afs71GRxWMWpkCGZpRMhw==}
+  /@vitest/coverage-v8@1.5.0(vitest@1.5.0):
+    resolution: {integrity: sha512-1igVwlcqw1QUMdfcMlzzY4coikSIBN944pkueGi0pawrX5I5Z+9hxdTR+w3Sg6Q3eZhvdMAs8ZaF9JuTG1uYOQ==}
     peerDependencies:
-      vitest: ^1.0.0
+      vitest: 1.5.0
     dependencies:
-      '@ampproject/remapping': 2.2.1
+      '@ampproject/remapping': 2.3.0
       '@bcoe/v8-coverage': 0.2.3
       debug: 4.3.4
       istanbul-lib-coverage: 3.2.2
       istanbul-lib-report: 3.0.1
-      istanbul-lib-source-maps: 4.0.1
+      istanbul-lib-source-maps: 5.0.4
       istanbul-reports: 3.1.6
-      magic-string: 0.30.5
+      magic-string: 0.30.8
       magicast: 0.3.3
       picocolors: 1.0.0
       std-env: 3.7.0
+      strip-literal: 2.0.0
       test-exclude: 6.0.0
-      v8-to-istanbul: 9.2.0
-      vitest: 1.2.2(@types/node@20.11.17)(happy-dom@13.3.8)(sass@1.70.0)
+      vitest: 1.5.0(@types/node@20.12.7)(happy-dom@13.6.2)(sass@1.75.0)
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@vitest/expect@1.2.2:
-    resolution: {integrity: sha512-3jpcdPAD7LwHUUiT2pZTj2U82I2Tcgg2oVPvKxhn6mDI2On6tfvPQTjAI4628GUGDZrCm4Zna9iQHm5cEexOAg==}
+  /@vitest/expect@1.5.0:
+    resolution: {integrity: sha512-0pzuCI6KYi2SIC3LQezmxujU9RK/vwC1U9R0rLuGlNGcOuDWxqWKu6nUdFsX9tH1WU0SXtAxToOsEjeUn1s3hA==}
     dependencies:
-      '@vitest/spy': 1.2.2
-      '@vitest/utils': 1.2.2
+      '@vitest/spy': 1.5.0
+      '@vitest/utils': 1.5.0
       chai: 4.3.10
     dev: true
 
-  /@vitest/runner@1.2.2:
-    resolution: {integrity: sha512-JctG7QZ4LSDXr5CsUweFgcpEvrcxOV1Gft7uHrvkQ+fsAVylmWQvnaAr/HDp3LAH1fztGMQZugIheTWjaGzYIg==}
+  /@vitest/runner@1.5.0:
+    resolution: {integrity: sha512-7HWwdxXP5yDoe7DTpbif9l6ZmDwCzcSIK38kTSIt6CFEpMjX4EpCgT6wUmS0xTXqMI6E/ONmfgRKmaujpabjZQ==}
     dependencies:
-      '@vitest/utils': 1.2.2
+      '@vitest/utils': 1.5.0
       p-limit: 5.0.0
       pathe: 1.1.2
     dev: true
 
-  /@vitest/snapshot@1.2.2:
-    resolution: {integrity: sha512-SmGY4saEw1+bwE1th6S/cZmPxz/Q4JWsl7LvbQIky2tKE35US4gd0Mjzqfr84/4OD0tikGWaWdMja/nWL5NIPA==}
+  /@vitest/snapshot@1.5.0:
+    resolution: {integrity: sha512-qpv3fSEuNrhAO3FpH6YYRdaECnnRjg9VxbhdtPwPRnzSfHVXnNzzrpX4cJxqiwgRMo7uRMWDFBlsBq4Cr+rO3A==}
     dependencies:
-      magic-string: 0.30.7
+      magic-string: 0.30.9
       pathe: 1.1.2
       pretty-format: 29.7.0
     dev: true
 
-  /@vitest/spy@1.2.2:
-    resolution: {integrity: sha512-k9Gcahssw8d7X3pSLq3e3XEu/0L78mUkCjivUqCQeXJm9clfXR/Td8+AP+VC1O6fKPIDLcHDTAmBOINVuv6+7g==}
+  /@vitest/spy@1.5.0:
+    resolution: {integrity: sha512-vu6vi6ew5N5MMHJjD5PoakMRKYdmIrNJmyfkhRpQt5d9Ewhw9nZ5Aqynbi3N61bvk9UvZ5UysMT6ayIrZ8GA9w==}
     dependencies:
       tinyspy: 2.2.0
     dev: true
 
-  /@vitest/utils@1.2.2:
-    resolution: {integrity: sha512-WKITBHLsBHlpjnDQahr+XK6RE7MiAsgrIkr0pGhQ9ygoxBfUeG0lUG5iLlzqjmKSlBv3+j5EGsriBzh+C3Tq9g==}
+  /@vitest/utils@1.5.0:
+    resolution: {integrity: sha512-BDU0GNL8MWkRkSRdNFvCUCAVOeHaUlVJ9Tx0TYBZyXaaOTmGtUFObzchCivIBrIwKzvZA7A9sCejVhXM2aY98A==}
     dependencies:
       diff-sequences: 29.6.3
       estree-walker: 3.0.3
@@ -3518,12 +4042,24 @@ packages:
       '@volar/source-map': 1.11.1
     dev: true
 
+  /@volar/language-core@2.2.0-alpha.8:
+    resolution: {integrity: sha512-Ew1Iw7/RIRNuDLn60fWJdOLApAlfTVPxbPiSLzc434PReC9kleYtaa//Wo2WlN1oiRqneW0pWQQV0CwYqaimLQ==}
+    dependencies:
+      '@volar/source-map': 2.2.0-alpha.8
+    dev: true
+
   /@volar/source-map@1.11.1:
     resolution: {integrity: sha512-hJnOnwZ4+WT5iupLRnuzbULZ42L7BWWPMmruzwtLhJfpDVoZLjNBxHDi2sY2bgZXCKlpU5XcsMFoYrsQmPhfZg==}
     dependencies:
       muggle-string: 0.3.1
     dev: true
 
+  /@volar/source-map@2.2.0-alpha.8:
+    resolution: {integrity: sha512-E1ZVmXFJ5DU4fWDcWHzi8OLqqReqIDwhXvIMhVdk6+VipfMVv4SkryXu7/rs4GA/GsebcRyJdaSkKBB3OAkIcA==}
+    dependencies:
+      muggle-string: 0.4.1
+    dev: true
+
   /@volar/typescript@1.11.1:
     resolution: {integrity: sha512-iU+t2mas/4lYierSnoFOeRFQUhAEMgsFuQxoxvwn5EdQopw43j+J27a4lt9LMInx1gLJBC6qL14WYGlgymaSMQ==}
     dependencies:
@@ -3531,7 +4067,14 @@ packages:
       path-browserify: 1.0.1
     dev: true
 
-  /@vue-macros/common@1.8.0(rollup@3.29.4)(vue@3.4.18):
+  /@volar/typescript@2.2.0-alpha.8:
+    resolution: {integrity: sha512-RLbRDI+17CiayHZs9HhSzlH0FhLl/+XK6o2qoiw2o2GGKcyD1aDoY6AcMd44acYncTOrqoTNoY6LuCiRyiJiGg==}
+    dependencies:
+      '@volar/language-core': 2.2.0-alpha.8
+      path-browserify: 1.0.1
+    dev: true
+
+  /@vue-macros/common@1.8.0(rollup@3.29.4)(vue@3.4.21):
     resolution: {integrity: sha512-auDJJzE0z3uRe3867e0DsqcseKImktNf5ojCZgUKqiVxb2yTlwlgOVAYCgoep9oITqxkXQymSvFeKhedi8PhaA==}
     engines: {node: '>=16.14.0'}
     peerDependencies:
@@ -3540,13 +4083,13 @@ packages:
       vue:
         optional: true
     dependencies:
-      '@babel/types': 7.23.9
+      '@babel/types': 7.24.0
       '@rollup/pluginutils': 5.1.0(rollup@3.29.4)
-      '@vue/compiler-sfc': 3.4.18
+      '@vue/compiler-sfc': 3.4.21
       ast-kit: 0.11.2(rollup@3.29.4)
       local-pkg: 0.4.3
       magic-string-ast: 0.3.0
-      vue: 3.4.18(typescript@5.3.3)
+      vue: 3.4.21(typescript@5.4.5)
     transitivePeerDependencies:
       - rollup
     dev: true
@@ -3555,17 +4098,17 @@ packages:
     resolution: {integrity: sha512-SgUymFpMoAyWeYWLAY+MkCK3QEROsiUnfaw5zxOVD/M64KQs8D/4oK6Q5omVA2hnvEOE0SCkH2TZxs/jnnUj7w==}
     dev: true
 
-  /@vue/babel-plugin-jsx@1.1.5(@babel/core@7.23.3):
+  /@vue/babel-plugin-jsx@1.1.5(@babel/core@7.23.9):
     resolution: {integrity: sha512-nKs1/Bg9U1n3qSWnsHhCVQtAzI6aQXqua8j/bZrau8ywT1ilXQbK4FwEJGmU8fV7tcpuFvWmmN7TMmV1OBma1g==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.23.3
+      '@babel/core': 7.23.9
       '@babel/helper-module-imports': 7.22.15
-      '@babel/plugin-syntax-jsx': 7.22.5(@babel/core@7.23.3)
-      '@babel/template': 7.22.15
-      '@babel/traverse': 7.23.2
-      '@babel/types': 7.23.9
+      '@babel/plugin-syntax-jsx': 7.22.5(@babel/core@7.23.9)
+      '@babel/template': 7.23.9
+      '@babel/traverse': 7.23.9
+      '@babel/types': 7.24.0
       '@vue/babel-helper-vue-transform-on': 1.1.5
       camelcase: 6.3.0
       html-tags: 3.3.1
@@ -3574,17 +4117,17 @@ packages:
       - supports-color
     dev: true
 
-  /@vue/babel-plugin-jsx@1.1.5(@babel/core@7.23.9):
+  /@vue/babel-plugin-jsx@1.1.5(@babel/core@7.24.3):
     resolution: {integrity: sha512-nKs1/Bg9U1n3qSWnsHhCVQtAzI6aQXqua8j/bZrau8ywT1ilXQbK4FwEJGmU8fV7tcpuFvWmmN7TMmV1OBma1g==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.23.9
+      '@babel/core': 7.24.3
       '@babel/helper-module-imports': 7.22.15
-      '@babel/plugin-syntax-jsx': 7.22.5(@babel/core@7.23.9)
-      '@babel/template': 7.22.15
-      '@babel/traverse': 7.23.2
-      '@babel/types': 7.23.9
+      '@babel/plugin-syntax-jsx': 7.22.5(@babel/core@7.24.3)
+      '@babel/template': 7.23.9
+      '@babel/traverse': 7.23.9
+      '@babel/types': 7.24.0
       '@vue/babel-helper-vue-transform-on': 1.1.5
       camelcase: 6.3.0
       html-tags: 3.3.1
@@ -3593,140 +4136,184 @@ packages:
       - supports-color
     dev: true
 
-  /@vue/compiler-core@3.4.15:
-    resolution: {integrity: sha512-XcJQVOaxTKCnth1vCxEChteGuwG6wqnUHxAm1DO3gCz0+uXKaJNx8/digSz4dLALCy8n2lKq24jSUs8segoqIw==}
+  /@vue/compiler-core@3.4.21:
+    resolution: {integrity: sha512-MjXawxZf2SbZszLPYxaFCjxfibYrzr3eYbKxwpLR9EQN+oaziSu3qKVbwBERj1IFIB8OLUewxB5m/BFzi613og==}
     dependencies:
-      '@babel/parser': 7.23.6
-      '@vue/shared': 3.4.15
+      '@babel/parser': 7.23.9
+      '@vue/shared': 3.4.21
       entities: 4.5.0
       estree-walker: 2.0.2
-      source-map-js: 1.0.2
-    dev: true
+      source-map-js: 1.2.0
 
-  /@vue/compiler-core@3.4.18:
-    resolution: {integrity: sha512-F7YK8lMK0iv6b9/Gdk15A67wM0KKZvxDxed0RR60C1z9tIJTKta+urs4j0RTN5XqHISzI3etN3mX0uHhjmoqjQ==}
+  /@vue/compiler-dom@3.4.21:
+    resolution: {integrity: sha512-IZC6FKowtT1sl0CR5DpXSiEB5ayw75oT2bma1BEhV7RRR1+cfwLrxc2Z8Zq/RGFzJ8w5r9QtCOvTjQgdn0IKmA==}
     dependencies:
-      '@babel/parser': 7.23.9
-      '@vue/shared': 3.4.18
-      entities: 4.5.0
-      estree-walker: 2.0.2
-      source-map-js: 1.0.2
+      '@vue/compiler-core': 3.4.21
+      '@vue/shared': 3.4.21
 
-  /@vue/compiler-core@3.4.3:
-    resolution: {integrity: sha512-u8jzgFg0EDtSrb/hG53Wwh1bAOQFtc1ZCegBpA/glyvTlgHl+tq13o1zvRfLbegYUw/E4mSTGOiCnAJ9SJ+lsg==}
+  /@vue/compiler-sfc@3.4.21:
+    resolution: {integrity: sha512-me7epoTxYlY+2CUM7hy9PCDdpMPfIwrOvAXud2Upk10g4YLv9UBW7kL798TvMeDhPthkZ0CONNrK2GoeI1ODiQ==}
     dependencies:
-      '@babel/parser': 7.23.6
-      '@vue/shared': 3.4.3
-      entities: 4.5.0
+      '@babel/parser': 7.24.1
+      '@vue/compiler-core': 3.4.21
+      '@vue/compiler-dom': 3.4.21
+      '@vue/compiler-ssr': 3.4.21
+      '@vue/shared': 3.4.21
       estree-walker: 2.0.2
-      source-map-js: 1.0.2
-    dev: true
+      magic-string: 0.30.8
+      postcss: 8.4.38
+      source-map-js: 1.2.0
 
-  /@vue/compiler-dom@3.4.15:
-    resolution: {integrity: sha512-wox0aasVV74zoXyblarOM3AZQz/Z+OunYcIHe1OsGclCHt8RsRm04DObjefaI82u6XDzv+qGWZ24tIsRAIi5MQ==}
+  /@vue/compiler-ssr@3.4.21:
+    resolution: {integrity: sha512-M5+9nI2lPpAsgXOGQobnIueVqc9sisBFexh5yMIMRAPYLa7+5wEJs8iqOZc1WAa9WQbx9GR2twgznU8LTIiZ4Q==}
     dependencies:
-      '@vue/compiler-core': 3.4.15
-      '@vue/shared': 3.4.15
-    dev: true
+      '@vue/compiler-dom': 3.4.21
+      '@vue/shared': 3.4.21
 
-  /@vue/compiler-dom@3.4.18:
-    resolution: {integrity: sha512-24Eb8lcMfInefvQ6YlEVS18w5Q66f4+uXWVA+yb7praKbyjHRNuKVWGuinfSSjM0ZIiPi++QWukhkgznBaqpEA==}
-    dependencies:
-      '@vue/compiler-core': 3.4.18
-      '@vue/shared': 3.4.18
+  /@vue/devtools-api@6.5.1:
+    resolution: {integrity: sha512-+KpckaAQyfbvshdDW5xQylLni1asvNSGme1JFs8I1+/H5pHEhqUKMEQD/qn3Nx5+/nycBq11qAEi8lk+LXI2dA==}
 
-  /@vue/compiler-dom@3.4.3:
-    resolution: {integrity: sha512-oGF1E9/htI6JWj/lTJgr6UgxNCtNHbM6xKVreBWeZL9QhRGABRVoWGAzxmtBfSOd+w0Zi5BY0Es/tlJrN6WgEg==}
+  /@vue/devtools-api@7.0.25(vue@3.4.21):
+    resolution: {integrity: sha512-fL6DlRp4MSXCLYcqYvKU7QhQZWE3Hfu7X8pC25BS74coJi7uJeSWs4tmrITcwFihNmC9S5GPiffkMdckkeWjzg==}
     dependencies:
-      '@vue/compiler-core': 3.4.3
-      '@vue/shared': 3.4.3
+      '@vue/devtools-kit': 7.0.25(vue@3.4.21)
+    transitivePeerDependencies:
+      - vue
     dev: true
 
-  /@vue/compiler-sfc@3.4.18:
-    resolution: {integrity: sha512-rG5tqtnzwrVpMqAQ7FHtvHaV70G6LLfJIWLYZB/jZ9m/hrnZmIQh+H3ewnC5onwe/ibljm9+ZupxeElzqCkTAw==}
-    dependencies:
-      '@babel/parser': 7.23.9
-      '@vue/compiler-core': 3.4.18
-      '@vue/compiler-dom': 3.4.18
-      '@vue/compiler-ssr': 3.4.18
-      '@vue/shared': 3.4.18
-      estree-walker: 2.0.2
-      magic-string: 0.30.7
-      postcss: 8.4.35
-      source-map-js: 1.0.2
-
-  /@vue/compiler-ssr@3.4.18:
-    resolution: {integrity: sha512-hSlv20oUhPxo2UYUacHgGaxtqP0tvFo6ixxxD6JlXIkwzwoZ9eKK6PFQN4hNK/R13JlNyldwWt/fqGBKgWJ6nQ==}
+  /@vue/devtools-applet@7.0.25(@unocss/reset@0.58.8)(floating-vue@5.2.2)(unocss@0.58.8)(vite@5.2.8)(vue@3.4.21):
+    resolution: {integrity: sha512-9JwnjRO2tAHxFjA+cHSpQ/DKIqUKILvYaWJkOt1KqkedXPHzUWU1NfQAto+p6ycaKInA5A0VdXdmIl4N8YJCrw==}
+    peerDependencies:
+      vue: ^3.0.0
     dependencies:
-      '@vue/compiler-dom': 3.4.18
-      '@vue/shared': 3.4.18
-
-  /@vue/devtools-api@6.5.1:
-    resolution: {integrity: sha512-+KpckaAQyfbvshdDW5xQylLni1asvNSGme1JFs8I1+/H5pHEhqUKMEQD/qn3Nx5+/nycBq11qAEi8lk+LXI2dA==}
+      '@vue/devtools-core': 7.0.25(vite@5.2.8)(vue@3.4.21)
+      '@vue/devtools-kit': 7.0.25(vue@3.4.21)
+      '@vue/devtools-shared': 7.0.25
+      '@vue/devtools-ui': 7.0.25(@unocss/reset@0.58.8)(floating-vue@5.2.2)(unocss@0.58.8)(vue@3.4.21)
+      perfect-debounce: 1.0.0
+      splitpanes: 3.1.5
+      vue: 3.4.21(typescript@5.4.5)
+      vue-virtual-scroller: 2.0.0-beta.8(vue@3.4.21)
+    transitivePeerDependencies:
+      - '@unocss/reset'
+      - '@vue/composition-api'
+      - async-validator
+      - axios
+      - change-case
+      - drauu
+      - floating-vue
+      - fuse.js
+      - idb-keyval
+      - jwt-decode
+      - nprogress
+      - qrcode
+      - sortablejs
+      - universal-cookie
+      - unocss
+      - vite
+    dev: true
 
-  /@vue/devtools-api@7.0.14:
-    resolution: {integrity: sha512-TluWR9qZ6aO11bwtYK8+fzXxBqLfsE0mWZz1q/EQBmO9k82Cm6deieLwNNXjNFJz7xutazoia5Qa+zTYkPPOfw==}
+  /@vue/devtools-core@7.0.25(vite@5.2.8)(vue@3.4.21):
+    resolution: {integrity: sha512-aCsY4J6SvSBDuGdYADszByT0wy0GgpgdCApxcZzQEqYlyVchX7vqznJQrm7Y1GCLqAvoLaxsQqew7Cz+KQ3Idg==}
     dependencies:
-      '@vue/devtools-kit': 7.0.14
+      '@vue/devtools-kit': 7.0.25(vue@3.4.21)
+      '@vue/devtools-shared': 7.0.25
+      mitt: 3.0.1
+      nanoid: 3.3.7
+      pathe: 1.1.2
+      vite-hot-client: 0.2.3(vite@5.2.8)
+    transitivePeerDependencies:
+      - vite
+      - vue
     dev: true
 
-  /@vue/devtools-kit@7.0.14:
-    resolution: {integrity: sha512-wAAJazr4hI0aVRpgWOCVPw+NzMQdthhnprHHIg4njp1MkKrpCNGQ7MtQbZF1AltAA7xpMCGyyt+0kYH0FqTiPg==}
+  /@vue/devtools-kit@7.0.25(vue@3.4.21):
+    resolution: {integrity: sha512-wbLkSnOTsKHPb1mB9koFHUoSAF8Dp6Ii/ocR2+DeXFY4oKqIjCeJb/4Lihk4rgqEhCy1WwxLfTgNDo83VvDYkQ==}
+    peerDependencies:
+      vue: ^3.0.0
     dependencies:
-      '@vue/devtools-schema': 7.0.14
-      '@vue/devtools-shared': 7.0.14
+      '@vue/devtools-shared': 7.0.25
       hookable: 5.5.3
       mitt: 3.0.1
       perfect-debounce: 1.0.0
       speakingurl: 14.0.1
+      vue: 3.4.21(typescript@5.4.5)
     dev: true
 
-  /@vue/devtools-schema@7.0.14:
-    resolution: {integrity: sha512-tpUeCLVrdHX+KzWMLTAwx/vAPFbo6jAUi7sr6Q+0mBIqIVSSIxNr5wEhegiFvYva+OtDeM2OrT+f7/X/5bvZNg==}
+  /@vue/devtools-shared@7.0.25:
+    resolution: {integrity: sha512-5+XYhcHSXuJSguYnNwL6/e6VTmXwCfryWQOkffh9ZU2zMByybqqqBrMWqvBkqTmMFCjPdzulo66xXbVbwLaElQ==}
+    dependencies:
+      rfdc: 1.3.1
     dev: true
 
-  /@vue/devtools-shared@7.0.14:
-    resolution: {integrity: sha512-79RP1NDakBVWou9rDpVnT1WMjTbL1lJKm6YEOodjQ0dq5ehf0wsRbeYDhgAlnjehWRzTq5GAYFBFUPYBs0/QpA==}
+  /@vue/devtools-ui@7.0.25(@unocss/reset@0.58.8)(floating-vue@5.2.2)(unocss@0.58.8)(vue@3.4.21):
+    resolution: {integrity: sha512-OxcwecnKmKm/zIG/VSixRgSqzjRU9UFld26LIq8kunxvr4zswjHT2xHMb/iauBC2c9TNo8Uk5muUTFLmNbYwnA==}
+    peerDependencies:
+      '@unocss/reset': '>=0.50.0-0'
+      floating-vue: '>=2.0.0-0'
+      unocss: '>=0.50.0-0'
+      vue: '>=3.0.0-0'
     dependencies:
-      rfdc: 1.3.1
+      '@unocss/reset': 0.58.8
+      '@vueuse/components': 10.9.0(vue@3.4.21)
+      '@vueuse/core': 10.9.0(vue@3.4.21)
+      '@vueuse/integrations': 10.9.0(focus-trap@7.5.4)(vue@3.4.21)
+      colord: 2.9.3
+      floating-vue: 5.2.2(@nuxt/kit@3.11.2)(vue@3.4.21)
+      focus-trap: 7.5.4
+      unocss: 0.58.8(postcss@8.4.38)(rollup@3.29.4)(vite@5.2.8)
+      vue: 3.4.21(typescript@5.4.5)
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+      - async-validator
+      - axios
+      - change-case
+      - drauu
+      - fuse.js
+      - idb-keyval
+      - jwt-decode
+      - nprogress
+      - qrcode
+      - sortablejs
+      - universal-cookie
     dev: true
 
-  /@vue/eslint-config-prettier@9.0.0(eslint@8.56.0)(prettier@3.2.5):
+  /@vue/eslint-config-prettier@9.0.0(eslint@8.57.0)(prettier@3.2.5):
     resolution: {integrity: sha512-z1ZIAAUS9pKzo/ANEfd2sO+v2IUalz7cM/cTLOZ7vRFOPk5/xuRKQteOu1DErFLAh/lYGXMVZ0IfYKlyInuDVg==}
     peerDependencies:
       eslint: '>= 8.0.0'
       prettier: '>= 3.0.0'
     dependencies:
-      eslint: 8.56.0
-      eslint-config-prettier: 9.1.0(eslint@8.56.0)
-      eslint-plugin-prettier: 5.0.1(eslint-config-prettier@9.1.0)(eslint@8.56.0)(prettier@3.2.5)
+      eslint: 8.57.0
+      eslint-config-prettier: 9.1.0(eslint@8.57.0)
+      eslint-plugin-prettier: 5.0.1(eslint-config-prettier@9.1.0)(eslint@8.57.0)(prettier@3.2.5)
       prettier: 3.2.5
     transitivePeerDependencies:
       - '@types/eslint'
     dev: true
 
-  /@vue/eslint-config-typescript@12.0.0(eslint-plugin-vue@9.21.1)(eslint@8.56.0)(typescript@5.3.3):
-    resolution: {integrity: sha512-StxLFet2Qe97T8+7L8pGlhYBBr8Eg05LPuTDVopQV6il+SK6qqom59BA/rcFipUef2jD8P2X44Vd8tMFytfvlg==}
-    engines: {node: ^14.17.0 || >=16.0.0}
+  /@vue/eslint-config-typescript@13.0.0(eslint-plugin-vue@9.25.0)(eslint@8.57.0)(typescript@5.4.5):
+    resolution: {integrity: sha512-MHh9SncG/sfqjVqjcuFLOLD6Ed4dRAis4HNt0dXASeAuLqIAx4YMB1/m2o4pUKK1vCt8fUvYG8KKX2Ot3BVZTg==}
+    engines: {node: ^18.18.0 || >=20.0.0}
     peerDependencies:
-      eslint: ^6.2.0 || ^7.0.0 || ^8.0.0
+      eslint: ^8.56.0
       eslint-plugin-vue: ^9.0.0
-      typescript: '*'
+      typescript: '>=4.7.4'
     peerDependenciesMeta:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/eslint-plugin': 6.8.0(@typescript-eslint/parser@6.8.0)(eslint@8.56.0)(typescript@5.3.3)
-      '@typescript-eslint/parser': 6.8.0(eslint@8.56.0)(typescript@5.3.3)
-      eslint: 8.56.0
-      eslint-plugin-vue: 9.21.1(eslint@8.56.0)
-      typescript: 5.3.3
-      vue-eslint-parser: 9.3.2(eslint@8.56.0)
+      '@typescript-eslint/eslint-plugin': 7.4.0(@typescript-eslint/parser@7.4.0)(eslint@8.57.0)(typescript@5.4.5)
+      '@typescript-eslint/parser': 7.4.0(eslint@8.57.0)(typescript@5.4.5)
+      eslint: 8.57.0
+      eslint-plugin-vue: 9.25.0(eslint@8.57.0)
+      typescript: 5.4.5
+      vue-eslint-parser: 9.4.2(eslint@8.57.0)
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@vue/language-core@1.8.27(typescript@5.3.3):
+  /@vue/language-core@1.8.27(typescript@5.4.5):
     resolution: {integrity: sha512-L8Kc27VdQserNaCUNiSFdDl9LWT24ly8Hpwf1ECy3aFb9m6bDhBGQYOujDm21N7EW3moKIOKEanQwe1q5BK+mA==}
     peerDependencies:
       typescript: '*'
@@ -3736,85 +4323,99 @@ packages:
     dependencies:
       '@volar/language-core': 1.11.1
       '@volar/source-map': 1.11.1
-      '@vue/compiler-dom': 3.4.3
-      '@vue/shared': 3.4.3
+      '@vue/compiler-dom': 3.4.21
+      '@vue/shared': 3.4.21
       computeds: 0.0.1
       minimatch: 9.0.3
       muggle-string: 0.3.1
       path-browserify: 1.0.1
-      typescript: 5.3.3
+      typescript: 5.4.5
       vue-template-compiler: 2.7.14
     dev: true
 
-  /@vue/reactivity@3.4.18:
-    resolution: {integrity: sha512-7uda2/I0jpLiRygprDo5Jxs2HJkOVXcOMlyVlY54yRLxoycBpwGJRwJT9EdGB4adnoqJDXVT2BilUAYwI7qvmg==}
+  /@vue/language-core@2.0.13(typescript@5.4.5):
+    resolution: {integrity: sha512-oQgM+BM66SU5GKtUMLQSQN0bxHFkFpLSSAiY87wVziPaiNQZuKVDt/3yA7GB9PiQw0y/bTNL0bOc0jM/siYjKg==}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
     dependencies:
-      '@vue/shared': 3.4.18
+      '@volar/language-core': 2.2.0-alpha.8
+      '@vue/compiler-dom': 3.4.21
+      '@vue/shared': 3.4.21
+      computeds: 0.0.1
+      minimatch: 9.0.3
+      path-browserify: 1.0.1
+      typescript: 5.4.5
+      vue-template-compiler: 2.7.14
+    dev: true
+
+  /@vue/reactivity@3.4.21:
+    resolution: {integrity: sha512-UhenImdc0L0/4ahGCyEzc/pZNwVgcglGy9HVzJ1Bq2Mm9qXOpP8RyNTjookw/gOCUlXSEtuZ2fUg5nrHcoqJcw==}
+    dependencies:
+      '@vue/shared': 3.4.21
 
-  /@vue/runtime-core@3.4.18:
-    resolution: {integrity: sha512-7mU9diCa+4e+8/wZ7Udw5pwTH10A11sZ1nldmHOUKJnzCwvZxfJqAtw31mIf4T5H2FsLCSBQT3xgioA9vIjyDQ==}
+  /@vue/runtime-core@3.4.21:
+    resolution: {integrity: sha512-pQthsuYzE1XcGZznTKn73G0s14eCJcjaLvp3/DKeYWoFacD9glJoqlNBxt3W2c5S40t6CCcpPf+jG01N3ULyrA==}
     dependencies:
-      '@vue/reactivity': 3.4.18
-      '@vue/shared': 3.4.18
+      '@vue/reactivity': 3.4.21
+      '@vue/shared': 3.4.21
 
-  /@vue/runtime-dom@3.4.18:
-    resolution: {integrity: sha512-2y1Mkzcw1niSfG7z3Qx+2ir9Gb4hdTkZe5p/I8x1aTIKQE0vY0tPAEUPhZm5tx6183gG3D/KwHG728UR0sIufA==}
+  /@vue/runtime-dom@3.4.21:
+    resolution: {integrity: sha512-gvf+C9cFpevsQxbkRBS1NpU8CqxKw0ebqMvLwcGQrNpx6gqRDodqKqA+A2VZZpQ9RpK2f9yfg8VbW/EpdFUOJw==}
     dependencies:
-      '@vue/runtime-core': 3.4.18
-      '@vue/shared': 3.4.18
+      '@vue/runtime-core': 3.4.21
+      '@vue/shared': 3.4.21
       csstype: 3.1.3
 
-  /@vue/server-renderer@3.4.18(vue@3.4.18):
-    resolution: {integrity: sha512-YJd1wa7mzUN3NRqLEsrwEYWyO+PUBSROIGlCc3J/cvn7Zu6CxhNLgXa8Z4zZ5ja5/nviYO79J1InoPeXgwBTZA==}
+  /@vue/server-renderer@3.4.21(vue@3.4.21):
+    resolution: {integrity: sha512-aV1gXyKSN6Rz+6kZ6kr5+Ll14YzmIbeuWe7ryJl5muJ4uwSwY/aStXTixx76TwkZFJLm1aAlA/HSWEJ4EyiMkg==}
     peerDependencies:
-      vue: 3.4.18
+      vue: 3.4.21
     dependencies:
-      '@vue/compiler-ssr': 3.4.18
-      '@vue/shared': 3.4.18
-      vue: 3.4.18(typescript@5.3.3)
+      '@vue/compiler-ssr': 3.4.21
+      '@vue/shared': 3.4.21
+      vue: 3.4.21(typescript@5.4.5)
 
-  /@vue/shared@3.4.15:
-    resolution: {integrity: sha512-KzfPTxVaWfB+eGcGdbSf4CWdaXcGDqckoeXUh7SB3fZdEtzPCK2Vq9B/lRRL3yutax/LWITz+SwvgyOxz5V75g==}
-    dev: true
-
-  /@vue/shared@3.4.18:
-    resolution: {integrity: sha512-CxouGFxxaW5r1WbrSmWwck3No58rApXgRSBxrqgnY1K+jk20F6DrXJkHdH9n4HVT+/B6G2CAn213Uq3npWiy8Q==}
-
-  /@vue/shared@3.4.3:
-    resolution: {integrity: sha512-rIwlkkP1n4uKrRzivAKPZIEkHiuwY5mmhMJ2nZKCBLz8lTUlE73rQh4n1OnnMurXt1vcUNyH4ZPfdh8QweTjpQ==}
-    dev: true
+  /@vue/shared@3.4.21:
+    resolution: {integrity: sha512-PuJe7vDIi6VYSinuEbUIQgMIRZGgM8e4R+G+/dQTk0X1NEdvgvvgv7m+rfmDH1gZzyA1OjjoWskvHlfRNfQf3g==}
 
-  /@vue/test-utils@2.4.4(vue@3.4.18):
-    resolution: {integrity: sha512-8jkRxz8pNhClAf4Co4ZrpAoFISdvT3nuSkUlY6Ys6rmTpw3DMWG/X3mw3gQ7QJzgCZO9f+zuE2kW57fi09MW7Q==}
-    peerDependencies:
-      '@vue/server-renderer': ^3.0.1
-      vue: ^3.0.1
-    peerDependenciesMeta:
-      '@vue/server-renderer':
-        optional: true
+  /@vue/test-utils@2.4.5:
+    resolution: {integrity: sha512-oo2u7vktOyKUked36R93NB7mg2B+N7Plr8lxp2JBGwr18ch6EggFjixSCdIVVLkT6Qr0z359Xvnafc9dcKyDUg==}
     dependencies:
       js-beautify: 1.14.9
-      vue: 3.4.18(typescript@5.3.3)
-      vue-component-type-helpers: 1.8.22
+      vue-component-type-helpers: 2.0.7
     dev: true
 
   /@vue/tsconfig@0.5.1:
     resolution: {integrity: sha512-VcZK7MvpjuTPx2w6blwnwZAu5/LgBUtejFOi3pPGQFXQN5Ela03FUtd2Qtg4yWGGissVL0dr6Ro1LfOFh+PCuQ==}
     dev: true
 
-  /@vueuse/core@10.7.2(vue@3.4.18):
-    resolution: {integrity: sha512-AOyAL2rK0By62Hm+iqQn6Rbu8bfmbgaIMXcE3TSr7BdQ42wnSFlwIdPjInO62onYsEMK/yDMU8C6oGfDAtZ2qQ==}
+  /@vueuse/components@10.9.0(vue@3.4.21):
+    resolution: {integrity: sha512-BHQpA0yIi3y7zKa1gYD0FUzLLkcRTqVhP8smnvsCK6GFpd94Nziq1XVPD7YpFeho0k5BzbBiNZF7V/DpkJ967A==}
+    dependencies:
+      '@vueuse/core': 10.9.0(vue@3.4.21)
+      '@vueuse/shared': 10.9.0(vue@3.4.21)
+      vue-demi: 0.14.7(vue@3.4.21)
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+      - vue
+    dev: true
+
+  /@vueuse/core@10.9.0(vue@3.4.21):
+    resolution: {integrity: sha512-/1vjTol8SXnx6xewDEKfS0Ra//ncg4Hb0DaZiwKf7drgfMsKFExQ+FnnENcN6efPen+1kIzhLQoGSy0eDUVOMg==}
     dependencies:
       '@types/web-bluetooth': 0.0.20
-      '@vueuse/metadata': 10.7.2
-      '@vueuse/shared': 10.7.2(vue@3.4.18)
-      vue-demi: 0.14.6(vue@3.4.18)
+      '@vueuse/metadata': 10.9.0
+      '@vueuse/shared': 10.9.0(vue@3.4.21)
+      vue-demi: 0.14.7(vue@3.4.21)
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
 
-  /@vueuse/integrations@10.7.2(focus-trap@7.5.4)(vue@3.4.18):
-    resolution: {integrity: sha512-+u3RLPFedjASs5EKPc69Ge49WNgqeMfSxFn+qrQTzblPXZg6+EFzhjarS5edj2qAf6xQ93f95TUxRwKStXj/sQ==}
+  /@vueuse/integrations@10.9.0(focus-trap@7.5.4)(vue@3.4.21):
+    resolution: {integrity: sha512-acK+A01AYdWSvL4BZmCoJAcyHJ6EqhmkQEXbQLwev1MY7NBnS+hcEMx/BzVoR9zKI+UqEPMD9u6PsyAuiTRT4Q==}
     peerDependencies:
       async-validator: '*'
       axios: '*'
@@ -3854,22 +4455,22 @@ packages:
       universal-cookie:
         optional: true
     dependencies:
-      '@vueuse/core': 10.7.2(vue@3.4.18)
-      '@vueuse/shared': 10.7.2(vue@3.4.18)
+      '@vueuse/core': 10.9.0(vue@3.4.21)
+      '@vueuse/shared': 10.9.0(vue@3.4.21)
       focus-trap: 7.5.4
-      vue-demi: 0.14.6(vue@3.4.18)
+      vue-demi: 0.14.7(vue@3.4.21)
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
     dev: true
 
-  /@vueuse/metadata@10.7.2:
-    resolution: {integrity: sha512-kCWPb4J2KGrwLtn1eJwaJD742u1k5h6v/St5wFe8Quih90+k2a0JP8BS4Zp34XUuJqS2AxFYMb1wjUL8HfhWsQ==}
+  /@vueuse/metadata@10.9.0:
+    resolution: {integrity: sha512-iddNbg3yZM0X7qFY2sAotomgdHK7YJ6sKUvQqbvwnf7TmaVPxS4EJydcNsVejNdS8iWCtDk+fYXr7E32nyTnGA==}
 
-  /@vueuse/shared@10.7.2(vue@3.4.18):
-    resolution: {integrity: sha512-qFbXoxS44pi2FkgFjPvF4h7c9oMDutpyBdcJdMYIMg9XyXli2meFMuaKn+UMgsClo//Th6+beeCgqweT/79BVA==}
+  /@vueuse/shared@10.9.0(vue@3.4.21):
+    resolution: {integrity: sha512-Uud2IWncmAfJvRaFYzv5OHDli+FbOzxiVEQdLCKQKLyhz94PIyFC3CHcH7EDMwIn8NPtD06+PNbC/PiO0LGLtw==}
     dependencies:
-      vue-demi: 0.14.6(vue@3.4.18)
+      vue-demi: 0.14.7(vue@3.4.21)
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
@@ -3883,12 +4484,27 @@ packages:
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
     dev: true
 
-  /acorn-jsx@5.3.2(acorn@8.10.0):
+  /abort-controller@3.0.0:
+    resolution: {integrity: sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==}
+    engines: {node: '>=6.5'}
+    dependencies:
+      event-target-shim: 5.0.1
+    dev: true
+
+  /acorn-import-attributes@1.9.5(acorn@8.11.3):
+    resolution: {integrity: sha512-n02Vykv5uA3eHGM/Z2dQrcD56kL8TyDb2p1+0P83PClMnC/nc+anbQRhIOWnSq4Ke/KvDPrY3C9hDtC/A3eHnQ==}
+    peerDependencies:
+      acorn: ^8
+    dependencies:
+      acorn: 8.11.3
+    dev: true
+
+  /acorn-jsx@5.3.2(acorn@8.11.3):
     resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
     peerDependencies:
       acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
     dependencies:
-      acorn: 8.10.0
+      acorn: 8.11.3
     dev: true
 
   /acorn-walk@8.3.2:
@@ -4028,33 +4644,35 @@ packages:
     resolution: {integrity: sha512-lYe4Gx7QT+MKGbDsA+Z+he/Wtef0BiwDOlK/XkBrdfsh9J/jPPXbX0tE9x9cl27Tmu5gg3QUbUrQYa/y+KOHPQ==}
     dev: true
 
-  /arch@2.2.0:
-    resolution: {integrity: sha512-Of/R0wqp83cgHozfIYLbBMnej79U/SVGOOyuB3VVFv1NRM/PSFMK12x9KVtiYzJqmnU5WR2qp0Z5rHb7sWGnFQ==}
-    dev: true
-
-  /archiver-utils@4.0.1:
-    resolution: {integrity: sha512-Q4Q99idbvzmgCTEAAhi32BkOyq8iVI5EwdO0PmBDSGIzzjYNdcFn7Q7k3OzbLy4kLUPXfJtG6fO2RjftXbobBg==}
-    engines: {node: '>= 12.0.0'}
+  /archiver-utils@5.0.2:
+    resolution: {integrity: sha512-wuLJMmIBQYCsGZgYLTy5FIB2pF6Lfb6cXMSF8Qywwk3t20zWnAi7zLcQFdKQmIB8wyZpY5ER38x08GbwtR2cLA==}
+    engines: {node: '>= 14'}
     dependencies:
-      glob: 8.1.0
+      glob: 10.3.10
       graceful-fs: 4.2.11
+      is-stream: 2.0.1
       lazystream: 1.0.1
       lodash: 4.17.21
       normalize-path: 3.0.0
-      readable-stream: 3.6.2
+      readable-stream: 4.5.2
     dev: true
 
-  /archiver@6.0.1:
-    resolution: {integrity: sha512-CXGy4poOLBKptiZH//VlWdFuUC1RESbdZjGjILwBuZ73P7WkAUN0htfSfBq/7k6FRFlpu7bg4JOkj1vU9G6jcQ==}
-    engines: {node: '>= 12.0.0'}
+  /archiver@7.0.1:
+    resolution: {integrity: sha512-ZcbTaIqJOfCc03QwD468Unz/5Ir8ATtvAHsK+FdXbDIbGfihqh9mrvdcYunQzqn4HrvWWaFyaxJhGZagaJJpPQ==}
+    engines: {node: '>= 14'}
     dependencies:
-      archiver-utils: 4.0.1
+      archiver-utils: 5.0.2
       async: 3.2.4
-      buffer-crc32: 0.2.13
-      readable-stream: 3.6.2
+      buffer-crc32: 1.0.0
+      readable-stream: 4.5.2
       readdir-glob: 1.1.3
       tar-stream: 3.1.6
-      zip-stream: 5.0.1
+      zip-stream: 6.0.1
+    dev: true
+
+  /are-docs-informative@0.0.2:
+    resolution: {integrity: sha512-ixiS0nLNNG5jNQzgZJNoUpBKdo9yTYZMGJ+QgT2jmjR7G7+QHRCc4v6LQ3NgE7EBJq+o0ams3waJwkrlBom8Ig==}
+    engines: {node: '>=14'}
     dev: true
 
   /are-we-there-yet@2.0.0:
@@ -4088,7 +4706,7 @@ packages:
     resolution: {integrity: sha512-Q0DjXK4ApbVoIf9GLyCo252tUH44iTnD/hiJ2TQaJeydYWSpKk0sI34+WMel8S9Wt5pbLgG02oJ+gkgX5DV3sQ==}
     engines: {node: '>=16.14.0'}
     dependencies:
-      '@babel/parser': 7.23.9
+      '@babel/parser': 7.24.1
       '@rollup/pluginutils': 5.1.0(rollup@3.29.4)
       pathe: 1.1.2
     transitivePeerDependencies:
@@ -4099,7 +4717,7 @@ packages:
     resolution: {integrity: sha512-kbL7ERlqjXubdDd+szuwdlQ1xUxEz9mCz1+m07ftNVStgwRb2RWw+U6oKo08PAvOishMxiqz1mlJyLl8yQx2Qg==}
     engines: {node: '>=16.14.0'}
     dependencies:
-      '@babel/parser': 7.23.9
+      '@babel/parser': 7.24.1
       '@rollup/pluginutils': 5.1.0(rollup@3.29.4)
       pathe: 1.1.2
     transitivePeerDependencies:
@@ -4110,7 +4728,7 @@ packages:
     resolution: {integrity: sha512-NsyHMxBh4dmdEHjBo1/TBZvCKxffmZxRYhmclfu0PP6Aftre47jOHYaYaNqJcV0bxihxFXhDkzLHUwHc0ocd0Q==}
     engines: {node: '>=16.14.0'}
     dependencies:
-      '@babel/parser': 7.23.9
+      '@babel/parser': 7.24.1
       ast-kit: 0.9.5(rollup@3.29.4)
     transitivePeerDependencies:
       - rollup
@@ -4124,19 +4742,19 @@ packages:
     resolution: {integrity: sha512-iAB+JbDEGXhyIUavoDl9WP/Jj106Kz9DEn1DPgYw5ruDn0e3Wgi3sKFm55sASdGBNOQB8F59d9qQ7deqrHA8wQ==}
     dev: true
 
-  /autoprefixer@10.4.17(postcss@8.4.35):
-    resolution: {integrity: sha512-/cpVNRLSfhOtcGflT13P2794gVSgmPgTR+erw5ifnMLZb0UnSlkK4tquLmkd3BhA+nLo5tX8Cu0upUsGKvKbmg==}
+  /autoprefixer@10.4.19(postcss@8.4.38):
+    resolution: {integrity: sha512-BaENR2+zBZ8xXhM4pUaKUxlVdxZ0EZhjvbopwnXmxRUfqDmwSpC2lAi/QXvx7NRdPCo1WKEcEF6mV64si1z4Ew==}
     engines: {node: ^10 || ^12 || >=14}
     hasBin: true
     peerDependencies:
       postcss: ^8.1.0
     dependencies:
-      browserslist: 4.22.2
-      caniuse-lite: 1.0.30001584
+      browserslist: 4.23.0
+      caniuse-lite: 1.0.30001600
       fraction.js: 4.3.7
       normalize-range: 0.1.2
       picocolors: 1.0.0
-      postcss: 8.4.35
+      postcss: 8.4.38
       postcss-value-parser: 4.2.0
     dev: true
 
@@ -4148,6 +4766,10 @@ packages:
     resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
     dev: true
 
+  /base64-js@1.5.1:
+    resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==}
+    dev: true
+
   /big-integer@1.6.51:
     resolution: {integrity: sha512-GPEid2Y9QU1Exl1rpO9B2IPJGHPSupF5GnVIP0blYvNOMer2bTvSWs1jGOUg04hTmu67nmLsQ9TBo1puaotBHg==}
     engines: {node: '>=0.6'}
@@ -4163,16 +4785,16 @@ packages:
       file-uri-to-path: 1.0.0
     dev: true
 
-  /birpc@0.2.14:
-    resolution: {integrity: sha512-37FHE8rqsYM5JEKCnXFyHpBCzvgHEExwVVTq+nUmloInU7l8ezD1TpOhKpS8oe1DTYFqEK27rFZVKG43oTqXRA==}
+  /birpc@0.2.17:
+    resolution: {integrity: sha512-+hkTxhot+dWsLpp3gia5AkVHIsKlZybNT5gIYiDlNzJrmYPcTM9k5/w2uaj3IPpd7LlEYpmCj4Jj1nC41VhDFg==}
     dev: true
 
   /boolbase@1.0.0:
     resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==}
     dev: true
 
-  /bootstrap@5.3.2(@popperjs/core@2.11.8):
-    resolution: {integrity: sha512-D32nmNWiQHo94BKHLmOrdjlL05q1c8oxbtBphQFb9Z5to6eGRDCm0QgeaZ4zFBHzfg2++rqa2JkqCcxDy0sH0g==}
+  /bootstrap@5.3.3(@popperjs/core@2.11.8):
+    resolution: {integrity: sha512-8HLCdWgyoMguSO9o+aH+iuZ+aht+mzW0u3HIMzVu7Srrpv7EBBxTnrFlSCskwdY1+EOFQSm7uMJhNQHkdPcmjg==}
     peerDependencies:
       '@popperjs/core': ^2.11.8
     dependencies:
@@ -4216,24 +4838,32 @@ packages:
       update-browserslist-db: 1.0.13(browserslist@4.22.1)
     dev: true
 
-  /browserslist@4.22.2:
-    resolution: {integrity: sha512-0UgcrvQmBDvZHFGdYUehrCNIazki7/lUP3kkoi/r3YB2amZbFM9J43ZRkJTXBUZK4gmx56+Sqk9+Vs9mwZx9+A==}
+  /browserslist@4.23.0:
+    resolution: {integrity: sha512-QW8HiM1shhT2GuzkvklfjcKDiWFXHOeFCIA/huJPwHsslwcydgk7X+z2zXpEijP98UCY7HbubZt5J2Zgvf0CaQ==}
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
     dependencies:
-      caniuse-lite: 1.0.30001584
-      electron-to-chromium: 1.4.623
+      caniuse-lite: 1.0.30001600
+      electron-to-chromium: 1.4.721
       node-releases: 2.0.14
-      update-browserslist-db: 1.0.13(browserslist@4.22.2)
+      update-browserslist-db: 1.0.13(browserslist@4.23.0)
 
-  /buffer-crc32@0.2.13:
-    resolution: {integrity: sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==}
+  /buffer-crc32@1.0.0:
+    resolution: {integrity: sha512-Db1SbgBS/fg/392AblrMJk97KggmvYhr4pB5ZIMTWtaivCPMWLkmb7m21cJvpvgK+J3nsU2CmmixNBZx4vFj/w==}
+    engines: {node: '>=8.0.0'}
     dev: true
 
   /buffer-from@1.1.2:
     resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==}
     dev: true
 
+  /buffer@6.0.3:
+    resolution: {integrity: sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==}
+    dependencies:
+      base64-js: 1.5.1
+      ieee754: 1.2.1
+    dev: true
+
   /builtin-modules@3.3.0:
     resolution: {integrity: sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==}
     engines: {node: '>=6'}
@@ -4242,7 +4872,7 @@ packages:
   /builtins@5.0.1:
     resolution: {integrity: sha512-qwVpFEHNfhYJIzNRBvd2C1kyo6jz3ZSMPyyuR47OPdiKWlbYnZNyDWuyR175qDnAJLiCo5fBBqPb3RiXgWlkOQ==}
     dependencies:
-      semver: 7.5.4
+      semver: 7.6.0
     dev: true
 
   /bundle-name@3.0.0:
@@ -4252,15 +4882,23 @@ packages:
       run-applescript: 5.0.0
     dev: true
 
-  /c12@1.6.1:
-    resolution: {integrity: sha512-fAZOi3INDvIbmjuwAVVggusyRTxwNdTAnwLay8IsXwhFzDwPPGzFxzrx6L55CPFGPulUSZI0eyFUvRDXveoE3g==}
+  /bundle-name@4.1.0:
+    resolution: {integrity: sha512-tjwM5exMg6BGRI+kNmTntNsvdZS1X8BFYS6tnJ2hdH0kVxM6/eVZ2xy+FqStSWvYmtfFMDLIxurorHwDKfDz5Q==}
+    engines: {node: '>=18'}
     dependencies:
-      chokidar: 3.5.3
+      run-applescript: 7.0.0
+    dev: true
+
+  /c12@1.10.0:
+    resolution: {integrity: sha512-0SsG7UDhoRWcuSvKWHaXmu5uNjDCDN3nkQLRL4Q42IlFy+ze58FcCoI3uPwINXinkz7ZinbhEgyzYFw9u9ZV8g==}
+    dependencies:
+      chokidar: 3.6.0
+      confbox: 0.1.3
       defu: 6.1.4
-      dotenv: 16.3.1
+      dotenv: 16.4.5
       giget: 1.2.1
       jiti: 1.21.0
-      mlly: 1.5.0
+      mlly: 1.6.1
       ohash: 1.1.3
       pathe: 1.1.2
       perfect-debounce: 1.0.0
@@ -4279,7 +4917,7 @@ packages:
       '@npmcli/fs': 3.1.0
       fs-minipass: 3.0.3
       glob: 10.3.10
-      lru-cache: 10.1.0
+      lru-cache: 10.2.0
       minipass: 7.0.4
       minipass-collect: 1.0.2
       minipass-flush: 1.0.5
@@ -4303,8 +4941,8 @@ packages:
   /caniuse-api@3.0.0:
     resolution: {integrity: sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==}
     dependencies:
-      browserslist: 4.22.2
-      caniuse-lite: 1.0.30001584
+      browserslist: 4.23.0
+      caniuse-lite: 1.0.30001600
       lodash.memoize: 4.1.2
       lodash.uniq: 4.5.0
     dev: true
@@ -4313,8 +4951,8 @@ packages:
     resolution: {integrity: sha512-p82WjBYIypO0ukTsd/FG3Xxs+4tFeaY9pfT4amQL8KWtYH7H9nYwReGAbMTJ0hsmRO8IfDtsS6p3ZWj8+1c2RQ==}
     dev: true
 
-  /caniuse-lite@1.0.30001584:
-    resolution: {integrity: sha512-LOz7CCQ9M1G7OjJOF9/mzmqmj3jE/7VOmrfw6Mgs0E8cjOsbRXQJHsPBfmBOXDskXKrHLyyW3n7kpDW/4BsfpQ==}
+  /caniuse-lite@1.0.30001600:
+    resolution: {integrity: sha512-+2S9/2JFhYmYaDpZvo0lKkfvuKIglrx68MwOBqMGHhQsNkLjB5xtc/TGoEPs+MxjSyN/72qer2g97nzR641mOQ==}
 
   /chai@4.3.10:
     resolution: {integrity: sha512-0UXG04VuVbruMUYbJ6JctvH0YnC/4q3/AkT18q4NaITo91CUm0liMS9VqzT9vZhVQ/1eqPanMWjBM+Juhfb/9g==}
@@ -4370,6 +5008,20 @@ packages:
     optionalDependencies:
       fsevents: 2.3.3
 
+  /chokidar@3.6.0:
+    resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
+    engines: {node: '>= 8.10.0'}
+    dependencies:
+      anymatch: 3.1.3
+      braces: 3.0.2
+      glob-parent: 5.1.2
+      is-binary-path: 2.1.0
+      is-glob: 4.0.3
+      normalize-path: 3.0.0
+      readdirp: 3.6.0
+    optionalDependencies:
+      fsevents: 2.3.3
+
   /chownr@2.0.0:
     resolution: {integrity: sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==}
     engines: {node: '>=10'}
@@ -4383,6 +5035,19 @@ packages:
     resolution: {integrity: sha512-AS7n5NSc0OQVMV9v6wt3ByujNIrne0/cTjiC2MYqhvao57VNfiuVksTSr2p17nVOhEr2KtqiAkGwHcgMC/qUuQ==}
     dependencies:
       consola: 3.2.3
+    dev: true
+
+  /citty@0.1.6:
+    resolution: {integrity: sha512-tskPPKEs8D2KPafUypv2gxwJP8h/OaJmC82QQGGDQcHvXX43xF2VDACcJVmZ0EuSxkpO9Kc4MlrA3q0+FG58AQ==}
+    dependencies:
+      consola: 3.2.3
+
+  /clean-regexp@1.0.0:
+    resolution: {integrity: sha512-GfisEZEJvzKrmGWkvfhgzcz/BllN1USeqD2V6tg14OAOgaCD2Z/PUEuxnAZ/nPvmaHRG7a8y77p1T/IRQ4D1Hw==}
+    engines: {node: '>=4'}
+    dependencies:
+      escape-string-regexp: 1.0.5
+    dev: true
 
   /clean-stack@2.2.0:
     resolution: {integrity: sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==}
@@ -4408,13 +5073,13 @@ packages:
       string-width: 7.0.0
     dev: true
 
-  /clipboardy@3.0.0:
-    resolution: {integrity: sha512-Su+uU5sr1jkUy1sGRpLKjKrvEOVXgSgiSInwa/qeID6aJ07yh+5NWc3h2QfjHjBnfX4LhtFcuAWKUsJ3r+fjbg==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+  /clipboardy@4.0.0:
+    resolution: {integrity: sha512-5mOlNS0mhX0707P2I0aZ2V/cmHUEO/fL7VFLqszkhUsxt7RwnmrInf/eEQKlf5GzvYeHIjT+Ov1HRfNmymlG0w==}
+    engines: {node: '>=18'}
     dependencies:
-      arch: 2.2.0
-      execa: 5.1.1
-      is-wsl: 2.2.0
+      execa: 8.0.1
+      is-wsl: 3.1.0
+      is64bit: 2.0.0
     dev: true
 
   /cliui@8.0.1:
@@ -4463,11 +5128,6 @@ packages:
     resolution: {integrity: sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==}
     dev: true
 
-  /colors@1.2.5:
-    resolution: {integrity: sha512-erNRLao/Y3Fv54qUa0LBB+//Uf3YwMUmdJinN20yMXm9zdKKqH9wt7R9IIVZ+K7ShzfpLV/Zg8+VyrBJYB4lpg==}
-    engines: {node: '>=0.1.90'}
-    dev: true
-
   /commander@10.0.1:
     resolution: {integrity: sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==}
     engines: {node: '>=14'}
@@ -4499,18 +5159,24 @@ packages:
     dev: true
     optional: true
 
+  /comment-parser@1.4.1:
+    resolution: {integrity: sha512-buhp5kePrmda3vhc5B9t7pUQXAb2Tnd0qgpkIhPhkHXxJpiPJ11H0ZEU0oBpJ2QztSbzG/ZxMj/CHsYJqRHmyg==}
+    engines: {node: '>= 12.0.0'}
+    dev: true
+
   /commondir@1.0.1:
     resolution: {integrity: sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==}
     dev: true
 
-  /compress-commons@5.0.1:
-    resolution: {integrity: sha512-MPh//1cERdLtqwO3pOFLeXtpuai0Y2WCd5AhtKxznqM7WtaMYaOEMSgn45d9D10sIHSfIKE603HlOp8OPGrvag==}
-    engines: {node: '>= 12.0.0'}
+  /compress-commons@6.0.2:
+    resolution: {integrity: sha512-6FqVXeETqWPoGcfzrXb37E50NP0LXT8kAMu5ooZayhWWdgEY4lBEEcbQNXtkuKQsGduxiIcI4gOTsxTmuq/bSg==}
+    engines: {node: '>= 14'}
     dependencies:
       crc-32: 1.2.2
-      crc32-stream: 5.0.0
+      crc32-stream: 6.0.0
+      is-stream: 2.0.1
       normalize-path: 3.0.0
-      readable-stream: 3.6.2
+      readable-stream: 4.5.2
     dev: true
 
   /computeds@0.0.1:
@@ -4521,6 +5187,9 @@ packages:
     resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
     dev: true
 
+  /confbox@0.1.3:
+    resolution: {integrity: sha512-eH3ZxAihl1PhKfpr4VfEN6/vUd87fmgb6JkldHgg/YR6aEBhW63qUDgzP2Y6WM0UumdsYp5H3kibalXAdHfbgg==}
+
   /config-chain@1.1.13:
     resolution: {integrity: sha512-qj+f8APARXHrM0hraqXYb2/bOVSV4PvJQlNZ/DVj0QrmNM2q2euizkeuVckQ57J+W0mRH6Hvi+k50M4Jul2VRQ==}
     dependencies:
@@ -4539,8 +5208,14 @@ packages:
   /convert-source-map@2.0.0:
     resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
 
-  /cookie-es@1.0.0:
-    resolution: {integrity: sha512-mWYvfOLrfEc996hlKcdABeIiPHUPC6DM2QYZdGGOvhOTbA3tjm2eBwqlJpoFdjC89NI4Qt6h0Pu06Mp+1Pj5OQ==}
+  /cookie-es@1.1.0:
+    resolution: {integrity: sha512-L2rLOcK0wzWSfSDA33YR+PUHDG10a8px7rUHKWbGLP4YfbsMed2KFUw5fczvDPbT98DDe3LEzviswl810apTEw==}
+    dev: true
+
+  /core-js-compat@3.36.1:
+    resolution: {integrity: sha512-Dk997v9ZCt3X/npqzyGdTlq6t7lDBhZwGvV94PKzDArjp7BTRm7WlDAXYd/OWdeFHO8OChQYRJNJvUCqCbrtKA==}
+    dependencies:
+      browserslist: 4.23.0
     dev: true
 
   /core-util-is@1.0.3:
@@ -4553,18 +5228,28 @@ packages:
     hasBin: true
     dev: true
 
-  /crc32-stream@5.0.0:
-    resolution: {integrity: sha512-B0EPa1UK+qnpBZpG+7FgPCu0J2ETLpXq09o9BkLkEAhdB6Z61Qo4pJ3JYu0c+Qi+/SAL7QThqnzS06pmSSyZaw==}
-    engines: {node: '>= 12.0.0'}
+  /crc32-stream@6.0.0:
+    resolution: {integrity: sha512-piICUB6ei4IlTv1+653yq5+KoqfBYmj9bw6LqXoOneTMDXk5nM1qt12mFW1caG3LlJXEKW1Bp0WggEmIfQB34g==}
+    engines: {node: '>= 14'}
     dependencies:
       crc-32: 1.2.2
-      readable-stream: 3.6.2
+      readable-stream: 4.5.2
     dev: true
 
   /create-require@1.1.1:
     resolution: {integrity: sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==}
     dev: true
 
+  /croner@8.0.1:
+    resolution: {integrity: sha512-Hq1+lXVgjJjcS/U+uk6+yVmtxami0r0b+xVtlGyABgdz110l/kOnHWvlSI7nVzrTl8GCdZHwZS4pbBFT7hSL/g==}
+    engines: {node: '>=18.0'}
+    dev: true
+
+  /cronstrue@2.48.0:
+    resolution: {integrity: sha512-w+VAWjiBJmKYeeK+i0ur3G47LcKNgFuWwb8LVJTaXSS2ExtQ5zdiIVnuysgB3N457gTaSllme0qTpdsJWK/wIg==}
+    hasBin: true
+    dev: true
+
   /cross-env@7.0.3:
     resolution: {integrity: sha512-+/HKd6EgcQCJGh2PSjZuUitQBQynKor4wrFbRg4DtAgS1aWO+gU52xpH7M9ScGgXSYmAVS9bIJ8EzuaGw0oNAw==}
     engines: {node: '>=10.14', npm: '>=6', yarn: '>=1'}
@@ -4581,13 +5266,22 @@ packages:
       shebang-command: 2.0.0
       which: 2.0.2
 
-  /css-declaration-sorter@7.1.1(postcss@8.4.35):
-    resolution: {integrity: sha512-dZ3bVTEEc1vxr3Bek9vGwfB5Z6ESPULhcRvO472mfjVnj8jRcTnKO8/JTczlvxM10Myb+wBM++1MtdO76eWcaQ==}
+  /crossws@0.2.4:
+    resolution: {integrity: sha512-DAxroI2uSOgUKLz00NX6A8U/8EE3SZHmIND+10jkVSaypvyt57J5JEOxAQOL6lQxyzi/wZbTIwssU1uy69h5Vg==}
+    peerDependencies:
+      uWebSockets.js: '*'
+    peerDependenciesMeta:
+      uWebSockets.js:
+        optional: true
+    dev: true
+
+  /css-declaration-sorter@7.2.0(postcss@8.4.38):
+    resolution: {integrity: sha512-h70rUM+3PNFuaBDTLe8wF/cdWu+dOZmb7pJt8Z2sedYbAcQVQV/tEchueg3GWxwqS0cxtbxmaHEdkNACqcvsow==}
     engines: {node: ^14 || ^16 || >=18}
     peerDependencies:
       postcss: ^8.0.9
     dependencies:
-      postcss: 8.4.35
+      postcss: 8.4.38
     dev: true
 
   /css-select@5.1.0:
@@ -4605,7 +5299,7 @@ packages:
     engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'}
     dependencies:
       mdn-data: 2.0.28
-      source-map-js: 1.0.2
+      source-map-js: 1.2.0
     dev: true
 
   /css-tree@2.3.1:
@@ -4613,7 +5307,7 @@ packages:
     engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
     dependencies:
       mdn-data: 2.0.30
-      source-map-js: 1.0.2
+      source-map-js: 1.2.0
     dev: true
 
   /css-what@6.1.0:
@@ -4627,62 +5321,63 @@ packages:
     hasBin: true
     dev: true
 
-  /cssnano-preset-default@6.0.3(postcss@8.4.35):
-    resolution: {integrity: sha512-4y3H370aZCkT9Ev8P4SO4bZbt+AExeKhh8wTbms/X7OLDo5E7AYUUy6YPxa/uF5Grf+AJwNcCnxKhZynJ6luBA==}
+  /cssnano-preset-default@6.1.2(postcss@8.4.38):
+    resolution: {integrity: sha512-1C0C+eNaeN8OcHQa193aRgYexyJtU8XwbdieEjClw+J9d94E41LwT6ivKH0WT+fYwYWB0Zp3I3IZ7tI/BbUbrg==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.4.31
     dependencies:
-      css-declaration-sorter: 7.1.1(postcss@8.4.35)
-      cssnano-utils: 4.0.1(postcss@8.4.35)
-      postcss: 8.4.35
-      postcss-calc: 9.0.1(postcss@8.4.35)
-      postcss-colormin: 6.0.2(postcss@8.4.35)
-      postcss-convert-values: 6.0.2(postcss@8.4.35)
-      postcss-discard-comments: 6.0.1(postcss@8.4.35)
-      postcss-discard-duplicates: 6.0.1(postcss@8.4.35)
-      postcss-discard-empty: 6.0.1(postcss@8.4.35)
-      postcss-discard-overridden: 6.0.1(postcss@8.4.35)
-      postcss-merge-longhand: 6.0.2(postcss@8.4.35)
-      postcss-merge-rules: 6.0.3(postcss@8.4.35)
-      postcss-minify-font-values: 6.0.1(postcss@8.4.35)
-      postcss-minify-gradients: 6.0.1(postcss@8.4.35)
-      postcss-minify-params: 6.0.2(postcss@8.4.35)
-      postcss-minify-selectors: 6.0.2(postcss@8.4.35)
-      postcss-normalize-charset: 6.0.1(postcss@8.4.35)
-      postcss-normalize-display-values: 6.0.1(postcss@8.4.35)
-      postcss-normalize-positions: 6.0.1(postcss@8.4.35)
-      postcss-normalize-repeat-style: 6.0.1(postcss@8.4.35)
-      postcss-normalize-string: 6.0.1(postcss@8.4.35)
-      postcss-normalize-timing-functions: 6.0.1(postcss@8.4.35)
-      postcss-normalize-unicode: 6.0.2(postcss@8.4.35)
-      postcss-normalize-url: 6.0.1(postcss@8.4.35)
-      postcss-normalize-whitespace: 6.0.1(postcss@8.4.35)
-      postcss-ordered-values: 6.0.1(postcss@8.4.35)
-      postcss-reduce-initial: 6.0.2(postcss@8.4.35)
-      postcss-reduce-transforms: 6.0.1(postcss@8.4.35)
-      postcss-svgo: 6.0.2(postcss@8.4.35)
-      postcss-unique-selectors: 6.0.2(postcss@8.4.35)
-    dev: true
-
-  /cssnano-utils@4.0.1(postcss@8.4.35):
-    resolution: {integrity: sha512-6qQuYDqsGoiXssZ3zct6dcMxiqfT6epy7x4R0TQJadd4LWO3sPR6JH6ZByOvVLoZ6EdwPGgd7+DR1EmX3tiXQQ==}
+      browserslist: 4.23.0
+      css-declaration-sorter: 7.2.0(postcss@8.4.38)
+      cssnano-utils: 4.0.2(postcss@8.4.38)
+      postcss: 8.4.38
+      postcss-calc: 9.0.1(postcss@8.4.38)
+      postcss-colormin: 6.1.0(postcss@8.4.38)
+      postcss-convert-values: 6.1.0(postcss@8.4.38)
+      postcss-discard-comments: 6.0.2(postcss@8.4.38)
+      postcss-discard-duplicates: 6.0.3(postcss@8.4.38)
+      postcss-discard-empty: 6.0.3(postcss@8.4.38)
+      postcss-discard-overridden: 6.0.2(postcss@8.4.38)
+      postcss-merge-longhand: 6.0.5(postcss@8.4.38)
+      postcss-merge-rules: 6.1.1(postcss@8.4.38)
+      postcss-minify-font-values: 6.1.0(postcss@8.4.38)
+      postcss-minify-gradients: 6.0.3(postcss@8.4.38)
+      postcss-minify-params: 6.1.0(postcss@8.4.38)
+      postcss-minify-selectors: 6.0.4(postcss@8.4.38)
+      postcss-normalize-charset: 6.0.2(postcss@8.4.38)
+      postcss-normalize-display-values: 6.0.2(postcss@8.4.38)
+      postcss-normalize-positions: 6.0.2(postcss@8.4.38)
+      postcss-normalize-repeat-style: 6.0.2(postcss@8.4.38)
+      postcss-normalize-string: 6.0.2(postcss@8.4.38)
+      postcss-normalize-timing-functions: 6.0.2(postcss@8.4.38)
+      postcss-normalize-unicode: 6.1.0(postcss@8.4.38)
+      postcss-normalize-url: 6.0.2(postcss@8.4.38)
+      postcss-normalize-whitespace: 6.0.2(postcss@8.4.38)
+      postcss-ordered-values: 6.0.2(postcss@8.4.38)
+      postcss-reduce-initial: 6.1.0(postcss@8.4.38)
+      postcss-reduce-transforms: 6.0.2(postcss@8.4.38)
+      postcss-svgo: 6.0.3(postcss@8.4.38)
+      postcss-unique-selectors: 6.0.4(postcss@8.4.38)
+    dev: true
+
+  /cssnano-utils@4.0.2(postcss@8.4.38):
+    resolution: {integrity: sha512-ZR1jHg+wZ8o4c3zqf1SIUSTIvm/9mU343FMR6Obe/unskbvpGhZOo1J6d/r8D1pzkRQYuwbcH3hToOuoA2G7oQ==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.4.31
     dependencies:
-      postcss: 8.4.35
+      postcss: 8.4.38
     dev: true
 
-  /cssnano@6.0.3(postcss@8.4.35):
-    resolution: {integrity: sha512-MRq4CIj8pnyZpcI2qs6wswoYoDD1t0aL28n+41c1Ukcpm56m1h6mCexIHBGjfZfnTqtGSSCP4/fB1ovxgjBOiw==}
+  /cssnano@6.1.2(postcss@8.4.38):
+    resolution: {integrity: sha512-rYk5UeX7VAM/u0lNqewCdasdtPK81CgX8wJFLEIXHbV2oldWRgJAsZrdhRXkV1NJzA2g850KiFm9mMU2HxNxMA==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.4.31
     dependencies:
-      cssnano-preset-default: 6.0.3(postcss@8.4.35)
-      lilconfig: 3.0.0
-      postcss: 8.4.35
+      cssnano-preset-default: 6.1.2(postcss@8.4.38)
+      lilconfig: 3.1.1
+      postcss: 8.4.38
     dev: true
 
   /csso@5.0.5:
@@ -4695,6 +5390,21 @@ packages:
   /csstype@3.1.3:
     resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
 
+  /db0@0.1.4:
+    resolution: {integrity: sha512-Ft6eCwONYxlwLjBXSJxw0t0RYtA5gW9mq8JfBXn9TtC0nDPlqePAhpv9v4g9aONBi6JI1OXHTKKkUYGd+BOrCA==}
+    peerDependencies:
+      '@libsql/client': ^0.5.2
+      better-sqlite3: ^9.4.3
+      drizzle-orm: ^0.29.4
+    peerDependenciesMeta:
+      '@libsql/client':
+        optional: true
+      better-sqlite3:
+        optional: true
+      drizzle-orm:
+        optional: true
+    dev: true
+
   /de-indent@1.0.2:
     resolution: {integrity: sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==}
     dev: true
@@ -4710,6 +5420,17 @@ packages:
       ms: 2.0.0
     dev: true
 
+  /debug@3.2.7:
+    resolution: {integrity: sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+    dependencies:
+      ms: 2.1.3
+    dev: true
+
   /debug@4.3.4:
     resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
     engines: {node: '>=6.0'}
@@ -4745,6 +5466,11 @@ packages:
       untildify: 4.0.0
     dev: true
 
+  /default-browser-id@5.0.0:
+    resolution: {integrity: sha512-A6p/pu/6fyBcA1TRz/GqWYPViplrftcW2gZC9q79ngNCKAeR/X3gcEdXQHl4KNXV+3wgIJ1CPkJQ3IHM6lcsyA==}
+    engines: {node: '>=18'}
+    dev: true
+
   /default-browser@4.0.0:
     resolution: {integrity: sha512-wX5pXO1+BrhMkSbROFsyxUm0i/cJEScyNhA4PPxc41ICuv05ZZB/MX28s8aZx6xjmatvebIapF6hLEKEcpneUA==}
     engines: {node: '>=14.16'}
@@ -4755,6 +5481,14 @@ packages:
       titleize: 3.0.0
     dev: true
 
+  /default-browser@5.2.1:
+    resolution: {integrity: sha512-WY/3TUME0x3KPYdRRxEJJvXRHV4PyPoUsxtZa78lwItwRQRHhd2U9xOscaT/YTf8uCXIAjeJOFBVEh/7FtD8Xg==}
+    engines: {node: '>=18'}
+    dependencies:
+      bundle-name: 4.1.0
+      default-browser-id: 5.0.0
+    dev: true
+
   /define-lazy-prop@2.0.0:
     resolution: {integrity: sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==}
     engines: {node: '>=8'}
@@ -4786,8 +5520,8 @@ packages:
     engines: {node: '>= 0.8'}
     dev: true
 
-  /destr@2.0.2:
-    resolution: {integrity: sha512-65AlobnZMiCET00KaFFjUefxDX0khFA/E4myqZ7a6Sq1yZtR8+FVIvilVX66vF2uobSumxooYZChiRPCKNqhmg==}
+  /destr@2.0.3:
+    resolution: {integrity: sha512-2N3BOUU4gYMpTP24s5rF5iP7BDr7uNTCs4ozw3kf/eKfvWSIu93GEBi5m427YoyJoeOzQ5smuu4nNAPGb8idSQ==}
 
   /destroy@1.2.0:
     resolution: {integrity: sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==}
@@ -4814,8 +5548,8 @@ packages:
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
     dev: true
 
-  /diff@5.1.0:
-    resolution: {integrity: sha512-D+mk+qE8VC/PAUrlAU34N+VfXev0ghe5ywmpqrawphmVZc1bEfn56uo9qpyGp1p4xpzOHkSW4ztBd6L7Xx4ACw==}
+  /diff@5.2.0:
+    resolution: {integrity: sha512-uIFDxqpRZGZ6ThOk84hEfqWoHx2devRFvpTZcTHur85vImfaxUbTW9Ryh4CpCuDnToOP1CEtXKIgytHBPVff5A==}
     engines: {node: '>=0.3.1'}
     dev: true
 
@@ -4867,8 +5601,8 @@ packages:
       type-fest: 3.13.1
     dev: true
 
-  /dotenv@16.3.1:
-    resolution: {integrity: sha512-IPzF4w4/Rd94bA9imS68tZBaYyBWSCE47V1RGuMrB94iyTOIEwRmVL2x/4An+6mETpLrKJ5hQkB8W4kFAadeIQ==}
+  /dotenv@16.4.5:
+    resolution: {integrity: sha512-ZmdL2rui+eB2YwhsWzjInR8LldtZHGDoQ1ugH85ppHKwpUHL7j7rN0Ti9NCnGiQbhaZ11FpR+7ao1dNsmduNUg==}
     engines: {node: '>=12'}
 
   /duplexer@0.1.2:
@@ -4887,7 +5621,7 @@ packages:
       '@one-ini/wasm': 0.1.1
       commander: 10.0.1
       minimatch: 9.0.1
-      semver: 7.5.4
+      semver: 7.6.0
     dev: true
 
   /ee-first@1.1.1:
@@ -4898,8 +5632,8 @@ packages:
     resolution: {integrity: sha512-6x0zsxyMXpnMJnHrondrD3SuAeKcwij9S+83j2qHAQPXbGTDDfgImzzwgGlzrIcXbHQ42tkG4qA6U860cImNhw==}
     dev: true
 
-  /electron-to-chromium@1.4.623:
-    resolution: {integrity: sha512-lKoz10iCYlP1WtRYdh5MvocQPWVRoI7ysp6qf18bmeBgR8abE6+I2CsfyNKztRDZvhdWc+krKT6wS7Neg8sw3A==}
+  /electron-to-chromium@1.4.721:
+    resolution: {integrity: sha512-k1x2r6foI8iJOp+1qTxbbrrWMsOiHkzGBYwYigaq+apO1FSqtn44KTo3Sy69qt7CRr7149zTcsDvH7MUKsOuIQ==}
 
   /emoji-regex@10.3.0:
     resolution: {integrity: sha512-QpLs9D9v9kArv4lfDEgg1X/gN5XLnf/A6l9cs8SPZLRZR3ZkY9+kwIQTxm+fsSej5UMYGE8fdoaZVIBlqG0XTw==}
@@ -4947,6 +5681,12 @@ packages:
     resolution: {integrity: sha512-2bmlRpNKBxT/CRmPOlyISQpNj+qSeYvcym/uT0Jx2bMOlKLtSy1ZmLuVxSEKKyor/N5yhvp/ZiG1oE3DEYMSFA==}
     dev: true
 
+  /error-ex@1.3.2:
+    resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==}
+    dependencies:
+      is-arrayish: 0.2.1
+    dev: true
+
   /error-stack-parser-es@0.1.1:
     resolution: {integrity: sha512-g/9rfnvnagiNf+DRMHEVGuGuIBlCIMDFoTA616HaP2l9PlCjGjVhD98PNbVSJvmK4TttqT5mV5tInMhoFgi+aA==}
     dev: true
@@ -5012,66 +5752,35 @@ packages:
       '@esbuild/win32-x64': 0.19.10
     dev: true
 
-  /esbuild@0.19.11:
-    resolution: {integrity: sha512-HJ96Hev2hX/6i5cDVwcqiJBBtuo9+FeIJOtZ9W1kA5M6AMJRHUZlpYZ1/SbEwtO0ioNAW8rUooVpC/WehY2SfA==}
-    engines: {node: '>=12'}
-    hasBin: true
-    requiresBuild: true
-    optionalDependencies:
-      '@esbuild/aix-ppc64': 0.19.11
-      '@esbuild/android-arm': 0.19.11
-      '@esbuild/android-arm64': 0.19.11
-      '@esbuild/android-x64': 0.19.11
-      '@esbuild/darwin-arm64': 0.19.11
-      '@esbuild/darwin-x64': 0.19.11
-      '@esbuild/freebsd-arm64': 0.19.11
-      '@esbuild/freebsd-x64': 0.19.11
-      '@esbuild/linux-arm': 0.19.11
-      '@esbuild/linux-arm64': 0.19.11
-      '@esbuild/linux-ia32': 0.19.11
-      '@esbuild/linux-loong64': 0.19.11
-      '@esbuild/linux-mips64el': 0.19.11
-      '@esbuild/linux-ppc64': 0.19.11
-      '@esbuild/linux-riscv64': 0.19.11
-      '@esbuild/linux-s390x': 0.19.11
-      '@esbuild/linux-x64': 0.19.11
-      '@esbuild/netbsd-x64': 0.19.11
-      '@esbuild/openbsd-x64': 0.19.11
-      '@esbuild/sunos-x64': 0.19.11
-      '@esbuild/win32-arm64': 0.19.11
-      '@esbuild/win32-ia32': 0.19.11
-      '@esbuild/win32-x64': 0.19.11
-    dev: true
-
-  /esbuild@0.20.0:
-    resolution: {integrity: sha512-6iwE3Y2RVYCME1jLpBqq7LQWK3MW6vjV2bZy6gt/WrqkY+WE74Spyc0ThAOYpMtITvnjX09CrC6ym7A/m9mebA==}
+  /esbuild@0.20.2:
+    resolution: {integrity: sha512-WdOOppmUNU+IbZ0PaDiTst80zjnrOkyJNHoKupIcVyU8Lvla3Ugx94VzkQ32Ijqd7UhHJy75gNWDMUekcrSJ6g==}
     engines: {node: '>=12'}
     hasBin: true
     requiresBuild: true
     optionalDependencies:
-      '@esbuild/aix-ppc64': 0.20.0
-      '@esbuild/android-arm': 0.20.0
-      '@esbuild/android-arm64': 0.20.0
-      '@esbuild/android-x64': 0.20.0
-      '@esbuild/darwin-arm64': 0.20.0
-      '@esbuild/darwin-x64': 0.20.0
-      '@esbuild/freebsd-arm64': 0.20.0
-      '@esbuild/freebsd-x64': 0.20.0
-      '@esbuild/linux-arm': 0.20.0
-      '@esbuild/linux-arm64': 0.20.0
-      '@esbuild/linux-ia32': 0.20.0
-      '@esbuild/linux-loong64': 0.20.0
-      '@esbuild/linux-mips64el': 0.20.0
-      '@esbuild/linux-ppc64': 0.20.0
-      '@esbuild/linux-riscv64': 0.20.0
-      '@esbuild/linux-s390x': 0.20.0
-      '@esbuild/linux-x64': 0.20.0
-      '@esbuild/netbsd-x64': 0.20.0
-      '@esbuild/openbsd-x64': 0.20.0
-      '@esbuild/sunos-x64': 0.20.0
-      '@esbuild/win32-arm64': 0.20.0
-      '@esbuild/win32-ia32': 0.20.0
-      '@esbuild/win32-x64': 0.20.0
+      '@esbuild/aix-ppc64': 0.20.2
+      '@esbuild/android-arm': 0.20.2
+      '@esbuild/android-arm64': 0.20.2
+      '@esbuild/android-x64': 0.20.2
+      '@esbuild/darwin-arm64': 0.20.2
+      '@esbuild/darwin-x64': 0.20.2
+      '@esbuild/freebsd-arm64': 0.20.2
+      '@esbuild/freebsd-x64': 0.20.2
+      '@esbuild/linux-arm': 0.20.2
+      '@esbuild/linux-arm64': 0.20.2
+      '@esbuild/linux-ia32': 0.20.2
+      '@esbuild/linux-loong64': 0.20.2
+      '@esbuild/linux-mips64el': 0.20.2
+      '@esbuild/linux-ppc64': 0.20.2
+      '@esbuild/linux-riscv64': 0.20.2
+      '@esbuild/linux-s390x': 0.20.2
+      '@esbuild/linux-x64': 0.20.2
+      '@esbuild/netbsd-x64': 0.20.2
+      '@esbuild/openbsd-x64': 0.20.2
+      '@esbuild/sunos-x64': 0.20.2
+      '@esbuild/win32-arm64': 0.20.2
+      '@esbuild/win32-ia32': 0.20.2
+      '@esbuild/win32-x64': 0.20.2
     dev: true
 
   /escalade@3.1.1:
@@ -5095,13 +5804,20 @@ packages:
     resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==}
     engines: {node: '>=12'}
 
-  /eslint-config-prettier@9.1.0(eslint@8.56.0):
+  /eslint-config-flat-gitignore@0.1.5:
+    resolution: {integrity: sha512-hEZLwuZjDBGDERA49c2q7vxc8sCGv8EdBp6PQYzGOMcHIgrfG9YOM6s/4jx24zhD+wnK9AI8mgN5RxSss5nClQ==}
+    dependencies:
+      find-up: 7.0.0
+      parse-gitignore: 2.0.0
+    dev: true
+
+  /eslint-config-prettier@9.1.0(eslint@8.57.0):
     resolution: {integrity: sha512-NSWl5BFQWEPi1j4TjVNItzYV7dZXZ+wP6I6ZhrBGpChQhZRUaElihE9uRRkcbRnNb76UMKDF3r+WTmNcGPKsqw==}
     hasBin: true
     peerDependencies:
       eslint: '>=7.0.0'
     dependencies:
-      eslint: 8.56.0
+      eslint: 8.57.0
     dev: true
 
   /eslint-define-config@2.1.0:
@@ -5109,7 +5825,64 @@ packages:
     engines: {node: '>=18.0.0', npm: '>=9.0.0', pnpm: '>=8.6.0'}
     dev: true
 
-  /eslint-plugin-prettier@5.0.1(eslint-config-prettier@9.1.0)(eslint@8.56.0)(prettier@3.2.5):
+  /eslint-flat-config-utils@0.2.2:
+    resolution: {integrity: sha512-iWjXCsGBuyqlGhmam4V9IXlxpDfnc7l0VC1YzncROF2PYIPSRpejugrIp2bXPT5mutKF3zq69Vbt7J9su9E/Lw==}
+    dependencies:
+      '@types/eslint': 8.56.9
+      pathe: 1.1.2
+    dev: true
+
+  /eslint-import-resolver-node@0.3.9:
+    resolution: {integrity: sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==}
+    dependencies:
+      debug: 3.2.7
+      is-core-module: 2.13.0
+      resolve: 1.22.8
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /eslint-plugin-import-x@0.5.0(eslint@8.57.0)(typescript@5.4.5):
+    resolution: {integrity: sha512-C7R8Z4IzxmsoOPMtSzwuOBW5FH6iRlxHR6iTks+MzVlrk3r3TUxokkWTx3ypdj9nGOEP+CG/5e6ebZzHbxgbbQ==}
+    engines: {node: '>=16'}
+    peerDependencies:
+      eslint: ^8.56.0 || ^9.0.0-0
+    dependencies:
+      '@typescript-eslint/utils': 7.6.0(eslint@8.57.0)(typescript@5.4.5)
+      debug: 4.3.4
+      doctrine: 3.0.0
+      eslint: 8.57.0
+      eslint-import-resolver-node: 0.3.9
+      get-tsconfig: 4.7.3
+      is-glob: 4.0.3
+      minimatch: 9.0.3
+      semver: 7.6.0
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: true
+
+  /eslint-plugin-jsdoc@48.2.3(eslint@8.57.0):
+    resolution: {integrity: sha512-r9DMAmFs66VNvNqRLLjHejdnJtILrt3xGi+Qx0op0oRfFGVpOR1Hb3BC++MacseHx93d8SKYPhyrC9BS7Os2QA==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0 || ^9.0.0
+    dependencies:
+      '@es-joy/jsdoccomment': 0.42.0
+      are-docs-informative: 0.0.2
+      comment-parser: 1.4.1
+      debug: 4.3.4
+      escape-string-regexp: 4.0.0
+      eslint: 8.57.0
+      esquery: 1.5.0
+      is-builtin-module: 3.2.1
+      semver: 7.6.0
+      spdx-expression-parse: 4.0.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /eslint-plugin-prettier@5.0.1(eslint-config-prettier@9.1.0)(eslint@8.57.0)(prettier@3.2.5):
     resolution: {integrity: sha512-m3u5RnR56asrwV/lDC4GHorlW75DsFfmUcjfCYylTUs85dBRnB7VM6xG8eCMJdeDRnppzmxZVf1GEPJvl1JmNg==}
     engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
@@ -5123,26 +5896,54 @@ packages:
       eslint-config-prettier:
         optional: true
     dependencies:
-      eslint: 8.56.0
-      eslint-config-prettier: 9.1.0(eslint@8.56.0)
+      eslint: 8.57.0
+      eslint-config-prettier: 9.1.0(eslint@8.57.0)
       prettier: 3.2.5
       prettier-linter-helpers: 1.0.0
       synckit: 0.8.5
     dev: true
 
-  /eslint-plugin-vue@9.21.1(eslint@8.56.0):
-    resolution: {integrity: sha512-XVtI7z39yOVBFJyi8Ljbn7kY9yHzznKXL02qQYn+ta63Iy4A9JFBw6o4OSB9hyD2++tVT+su9kQqetUyCCwhjw==}
+  /eslint-plugin-unicorn@52.0.0(eslint@8.57.0):
+    resolution: {integrity: sha512-1Yzm7/m+0R4djH0tjDjfVei/ju2w3AzUGjG6q8JnuNIL5xIwsflyCooW5sfBvQp2pMYQFSWWCFONsjCax1EHng==}
+    engines: {node: '>=16'}
+    peerDependencies:
+      eslint: '>=8.56.0'
+    dependencies:
+      '@babel/helper-validator-identifier': 7.22.20
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
+      '@eslint/eslintrc': 2.1.4
+      ci-info: 4.0.0
+      clean-regexp: 1.0.0
+      core-js-compat: 3.36.1
+      eslint: 8.57.0
+      esquery: 1.5.0
+      indent-string: 4.0.0
+      is-builtin-module: 3.2.1
+      jsesc: 3.0.2
+      pluralize: 8.0.0
+      read-pkg-up: 7.0.1
+      regexp-tree: 0.1.27
+      regjsparser: 0.10.0
+      semver: 7.6.0
+      strip-indent: 3.0.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /eslint-plugin-vue@9.25.0(eslint@8.57.0):
+    resolution: {integrity: sha512-tDWlx14bVe6Bs+Nnh3IGrD+hb11kf2nukfm6jLsmJIhmiRQ1SUaksvwY9U5MvPB0pcrg0QK0xapQkfITs3RKOA==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
-      eslint: ^6.2.0 || ^7.0.0 || ^8.0.0
+      eslint: ^6.2.0 || ^7.0.0 || ^8.0.0 || ^9.0.0
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.56.0)
-      eslint: 8.56.0
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
+      eslint: 8.57.0
+      globals: 13.24.0
       natural-compare: 1.4.0
       nth-check: 2.1.1
-      postcss-selector-parser: 6.0.15
-      semver: 7.5.4
-      vue-eslint-parser: 9.4.2(eslint@8.56.0)
+      postcss-selector-parser: 6.0.16
+      semver: 7.6.0
+      vue-eslint-parser: 9.4.2(eslint@8.57.0)
       xml-name-validator: 4.0.0
     transitivePeerDependencies:
       - supports-color
@@ -5161,16 +5962,16 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  /eslint@8.56.0:
-    resolution: {integrity: sha512-Go19xM6T9puCOWntie1/P997aXxFsOi37JIHRWI514Hc6ZnaHGKY9xFhrU65RT6CcBEzZoGG1e6Nq+DT04ZtZQ==}
+  /eslint@8.57.0:
+    resolution: {integrity: sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     hasBin: true
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.56.0)
-      '@eslint-community/regexpp': 4.9.1
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
+      '@eslint-community/regexpp': 4.10.0
       '@eslint/eslintrc': 2.1.4
-      '@eslint/js': 8.56.0
-      '@humanwhocodes/config-array': 0.11.13
+      '@eslint/js': 8.57.0
+      '@humanwhocodes/config-array': 0.11.14
       '@humanwhocodes/module-importer': 1.0.1
       '@nodelib/fs.walk': 1.2.8
       '@ungap/structured-clone': 1.2.0
@@ -5189,9 +5990,9 @@ packages:
       file-entry-cache: 6.0.1
       find-up: 5.0.0
       glob-parent: 6.0.2
-      globals: 13.23.0
+      globals: 13.24.0
       graphemer: 1.4.0
-      ignore: 5.3.0
+      ignore: 5.3.1
       imurmurhash: 0.1.4
       is-glob: 4.0.3
       is-path-inside: 3.0.3
@@ -5212,8 +6013,8 @@ packages:
     resolution: {integrity: sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      acorn: 8.10.0
-      acorn-jsx: 5.3.2(acorn@8.10.0)
+      acorn: 8.11.3
+      acorn-jsx: 5.3.2(acorn@8.11.3)
       eslint-visitor-keys: 3.4.3
     dev: true
 
@@ -5254,10 +6055,20 @@ packages:
     engines: {node: '>= 0.6'}
     dev: true
 
+  /event-target-shim@5.0.1:
+    resolution: {integrity: sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==}
+    engines: {node: '>=6'}
+    dev: true
+
   /eventemitter3@5.0.1:
     resolution: {integrity: sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==}
     dev: true
 
+  /events@3.3.0:
+    resolution: {integrity: sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==}
+    engines: {node: '>=0.8.x'}
+    dev: true
+
   /execa@5.1.1:
     resolution: {integrity: sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==}
     engines: {node: '>=10'}
@@ -5310,9 +6121,9 @@ packages:
     resolution: {integrity: sha512-LyExtJWKxtgVzmgtEHyQtLFpw1KFhQphF9nTG8TpAIVkiI/xQ3FJh75tRFLYl4hkn7BNIIdLJInuDAavX35pMw==}
     dependencies:
       enhanced-resolve: 5.15.0
-      mlly: 1.5.0
+      mlly: 1.6.1
       pathe: 1.1.2
-      ufo: 1.3.2
+      ufo: 1.5.3
     dev: true
 
   /fake-indexeddb@5.0.2:
@@ -5359,7 +6170,7 @@ packages:
     resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==}
     engines: {node: ^10.12.0 || >=12.0.0}
     dependencies:
-      flat-cache: 3.1.1
+      flat-cache: 3.2.0
     dev: true
 
   /file-uri-to-path@1.0.0:
@@ -5372,6 +6183,14 @@ packages:
     dependencies:
       to-regex-range: 5.0.1
 
+  /find-up@4.1.0:
+    resolution: {integrity: sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==}
+    engines: {node: '>=8'}
+    dependencies:
+      locate-path: 5.0.0
+      path-exists: 4.0.0
+    dev: true
+
   /find-up@5.0.0:
     resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
     engines: {node: '>=10'}
@@ -5380,11 +6199,20 @@ packages:
       path-exists: 4.0.0
     dev: true
 
-  /flat-cache@3.1.1:
-    resolution: {integrity: sha512-/qM2b3LUIaIgviBQovTLvijfyOQXPtSRnRK26ksj2J7rzPIecePUIpJsZ4T02Qg+xiAEKIs5K8dsHEd+VaKa/Q==}
-    engines: {node: '>=12.0.0'}
+  /find-up@7.0.0:
+    resolution: {integrity: sha512-YyZM99iHrqLKjmt4LJDj58KI+fYyufRLBSYcqycxf//KpBk9FoewoGX0450m9nB44qrZnovzC2oeP5hUibxc/g==}
+    engines: {node: '>=18'}
+    dependencies:
+      locate-path: 7.2.0
+      path-exists: 5.0.0
+      unicorn-magic: 0.1.0
+    dev: true
+
+  /flat-cache@3.2.0:
+    resolution: {integrity: sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==}
+    engines: {node: ^10.12.0 || >=12.0.0}
     dependencies:
-      flatted: 3.2.9
+      flatted: 3.3.1
       keyv: 4.5.4
       rimraf: 3.0.2
     dev: true
@@ -5393,8 +6221,23 @@ packages:
     resolution: {integrity: sha512-b6suED+5/3rTpUBdG1gupIl8MPFCAMA0QXwmljLhvCUKcUvdE4gWky9zpuGCcXHOsz4J9wPGNWq6OKpmIzz3hQ==}
     hasBin: true
 
-  /flatted@3.2.9:
-    resolution: {integrity: sha512-36yxDn5H7OFZQla0/jFJmbIKTdZAQHngCedGxiMmpNfEZM0sdEeT+WczLQrjK6D7o2aiyLYDnkw0R3JK0Qv1RQ==}
+  /flatted@3.3.1:
+    resolution: {integrity: sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw==}
+    dev: true
+
+  /floating-vue@5.2.2(@nuxt/kit@3.11.2)(vue@3.4.21):
+    resolution: {integrity: sha512-afW+h2CFafo+7Y9Lvw/xsqjaQlKLdJV7h1fCHfcYQ1C4SVMlu7OAekqWgu5d4SgvkBVU0pVpLlVsrSTBURFRkg==}
+    peerDependencies:
+      '@nuxt/kit': ^3.2.0
+      vue: ^3.2.0
+    peerDependenciesMeta:
+      '@nuxt/kit':
+        optional: true
+    dependencies:
+      '@floating-ui/dom': 1.1.1
+      '@nuxt/kit': 3.11.2(rollup@3.29.4)
+      vue: 3.4.21(typescript@5.4.5)
+      vue-resize: 2.0.0-alpha.1(vue@3.4.21)
     dev: true
 
   /focus-trap@7.5.4:
@@ -5508,15 +6351,21 @@ packages:
     resolution: {integrity: sha512-VaUJspBffn/LMCJVoMvSAdmscJyS1auj5Zulnn5UoYcY531UWmdwhRWkcGKnGU93m5HSXP9LP2usOryrBtQowA==}
     engines: {node: '>=16'}
 
+  /get-tsconfig@4.7.3:
+    resolution: {integrity: sha512-ZvkrzoUA0PQZM6fy6+/Hce561s+faD1rsNwhnO5FelNjyy7EMGJ3Rz1AQ8GYDWjhRs/7dBLOEJvhK8MiEJOAFg==}
+    dependencies:
+      resolve-pkg-maps: 1.0.0
+    dev: true
+
   /giget@1.2.1:
     resolution: {integrity: sha512-4VG22mopWtIeHwogGSy1FViXVo0YT+m6BrqZfz0JJFwbSsePsCdOzdLIIli5BtMp7Xe8f/o2OmBpQX2NBOC24g==}
     hasBin: true
     dependencies:
-      citty: 0.1.5
+      citty: 0.1.6
       consola: 3.2.3
       defu: 6.1.4
-      node-fetch-native: 1.6.1
-      nypm: 0.3.6
+      node-fetch-native: 1.6.4
+      nypm: 0.3.8
       ohash: 1.1.3
       pathe: 1.1.2
       tar: 6.2.0
@@ -5559,7 +6408,7 @@ packages:
     dependencies:
       foreground-child: 3.1.1
       jackspeak: 2.3.6
-      minimatch: 9.0.3
+      minimatch: 9.0.4
       minipass: 7.0.4
       path-scurry: 1.10.1
     dev: true
@@ -5597,13 +6446,18 @@ packages:
     resolution: {integrity: sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==}
     engines: {node: '>=4'}
 
-  /globals@13.23.0:
-    resolution: {integrity: sha512-XAmF0RjlrjY23MA51q3HltdlGxUpXPvg0GioKiD9X6HD28iMjo2dKC8Vqwm7lne4GNr78+RHTfliktR6ZH09wA==}
+  /globals@13.24.0:
+    resolution: {integrity: sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==}
     engines: {node: '>=8'}
     dependencies:
       type-fest: 0.20.2
     dev: true
 
+  /globals@15.0.0:
+    resolution: {integrity: sha512-m/C/yR4mjO6pXDTm9/R/SpYTAIyaUB4EOzcaaMEl7mds7Mshct9GfejiJNQGjHHbdMPey13Kpu4TMbYi9ex1pw==}
+    engines: {node: '>=18'}
+    dev: true
+
   /globby@11.1.0:
     resolution: {integrity: sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==}
     engines: {node: '>=10'}
@@ -5611,7 +6465,7 @@ packages:
       array-union: 2.1.0
       dir-glob: 3.0.1
       fast-glob: 3.3.2
-      ignore: 5.2.4
+      ignore: 5.3.1
       merge2: 1.4.1
       slash: 3.0.0
     dev: true
@@ -5622,16 +6476,16 @@ packages:
     dependencies:
       dir-glob: 3.0.1
       fast-glob: 3.3.2
-      ignore: 5.3.0
+      ignore: 5.3.1
       merge2: 1.4.1
       slash: 4.0.0
     dev: true
 
-  /globby@14.0.0:
-    resolution: {integrity: sha512-/1WM/LNHRAOH9lZta77uGbq0dAEQM+XjNesWwhlERDVenqothRbnzTrL3/LrIoEPPjeUHC3vrS6TwoyxeHs7MQ==}
+  /globby@14.0.1:
+    resolution: {integrity: sha512-jOMLD2Z7MAhyG8aJpNOpmziMOP4rPLcc95oQPKXBazW82z+CEgPFBQvEpRUa1KeIMUJo4Wsm+q6uzO/Q/4BksQ==}
     engines: {node: '>=18'}
     dependencies:
-      '@sindresorhus/merge-streams': 1.0.0
+      '@sindresorhus/merge-streams': 2.3.0
       fast-glob: 3.3.2
       ignore: 5.3.1
       path-type: 5.0.0
@@ -5646,6 +6500,13 @@ packages:
     resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}
     dev: true
 
+  /gzip-size@6.0.0:
+    resolution: {integrity: sha512-ax7ZYomf6jqPTQ4+XCpUGyXKHk5WweS+e05MBO4/y3WJ5RkmPXNKvX+bx1behVILVwr6JSQvZAku021CHPXG3Q==}
+    engines: {node: '>=10'}
+    dependencies:
+      duplexer: 0.1.2
+    dev: true
+
   /gzip-size@7.0.0:
     resolution: {integrity: sha512-O1Ld7Dr+nqPnmGpdhzLmMTQ4vAsD+rHwMm1NLUmoUFFymBOMKxCCrtDxqdBRYXdeEPEi3SyoR4TizJLQrnKBNA==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
@@ -5653,22 +6514,25 @@ packages:
       duplexer: 0.1.2
     dev: true
 
-  /h3@1.10.1:
-    resolution: {integrity: sha512-UBAUp47hmm4BB5/njB4LrEa9gpuvZj4/Qf/ynSMzO6Ku2RXaouxEfiG2E2IFnv6fxbhAkzjasDxmo6DFdEeXRg==}
+  /h3@1.11.1:
+    resolution: {integrity: sha512-AbaH6IDnZN6nmbnJOH72y3c5Wwh9P97soSVdGSBbcDACRdkC0FEWf25pzx4f/NuOCK6quHmW18yF2Wx+G4Zi1A==}
     dependencies:
-      cookie-es: 1.0.0
+      cookie-es: 1.1.0
+      crossws: 0.2.4
       defu: 6.1.4
-      destr: 2.0.2
+      destr: 2.0.3
       iron-webcrypto: 1.0.0
       ohash: 1.1.3
-      radix3: 1.1.0
-      ufo: 1.3.2
+      radix3: 1.1.2
+      ufo: 1.5.3
       uncrypto: 0.1.3
       unenv: 1.9.0
+    transitivePeerDependencies:
+      - uWebSockets.js
     dev: true
 
-  /happy-dom@13.3.8:
-    resolution: {integrity: sha512-RAbq4oYfJNkVan1m1F3jfA4YEyRY0/ASoNvZsNJbuX85jIypidmsz9jQZD7Tqz0VXA2MhAGfcsh5oshwmwNYSg==}
+  /happy-dom@13.6.2:
+    resolution: {integrity: sha512-Ku+wDqcF/KwFA0dI+xIMZd9Jn020RXjuSil/Vz7gu2yhDC3FsDYZ55qqV9k+SGC4opwb4acisXqVSRxUJMlPbQ==}
     engines: {node: '>=16.0.0'}
     dependencies:
       entities: 4.5.0
@@ -5705,11 +6569,15 @@ packages:
   /hookable@5.5.3:
     resolution: {integrity: sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==}
 
+  /hosted-git-info@2.8.9:
+    resolution: {integrity: sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==}
+    dev: true
+
   /hosted-git-info@7.0.1:
     resolution: {integrity: sha512-+K84LB1DYwMHoHSgaOY/Jfhw3ucPmSET5v98Ke/HdNSw4a0UktWzyW1mjhjpuxxTqOOsfWT/7iVshHmVZ4IpOA==}
     engines: {node: ^16.14.0 || >=18.0.0}
     dependencies:
-      lru-cache: 10.1.0
+      lru-cache: 10.2.0
     dev: true
 
   /html-escaper@2.0.2:
@@ -5789,8 +6657,8 @@ packages:
     resolution: {integrity: sha512-AXcZb6vzzrFAUE61HnN4mpLqd/cSIwNQjtNWR0euPm6y0iqx3G4gOXaIDdtdDwZmhwe82LA6+zinmW4UBWVePQ==}
     engines: {node: '>=16.17.0'}
 
-  /husky@9.0.10:
-    resolution: {integrity: sha512-TQGNknoiy6bURzIO77pPRu+XHi6zI7T93rX+QnJsoYFf3xdjKOur+IlfqzJGMHIK/wXrLg+GsvMs8Op7vI2jVA==}
+  /husky@9.0.11:
+    resolution: {integrity: sha512-AB6lFlbwwyIqMdHYhwPe+kjOC3Oc5P3nThEoW/AaO2BX3vJDjWPFxYLxokUZOo6RNX20He3AaT8sESs9NJcmEw==}
     engines: {node: '>=18'}
     hasBin: true
     dev: true
@@ -5803,21 +6671,15 @@ packages:
     dev: true
     optional: true
 
+  /ieee754@1.2.1:
+    resolution: {integrity: sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==}
+    dev: true
+
   /ignore-walk@6.0.3:
     resolution: {integrity: sha512-C7FfFoTA+bI10qfeydT8aZbvr91vAEU+2W5BZUlzPec47oNb07SsOfwYrtxuvOYdUApPP/Qlh4DtAO51Ekk2QA==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
     dependencies:
-      minimatch: 9.0.3
-    dev: true
-
-  /ignore@5.2.4:
-    resolution: {integrity: sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==}
-    engines: {node: '>= 4'}
-    dev: true
-
-  /ignore@5.3.0:
-    resolution: {integrity: sha512-g7dmpshy+gD7mh88OC9NwSGTKoc3kyLAZQRU1mt53Aw/vnvfXnbC+F/7F7QoYVKbV+KNvJx8wArewKy1vXMtlg==}
-    engines: {node: '>= 4'}
+      minimatch: 9.0.4
     dev: true
 
   /ignore@5.3.1:
@@ -5900,6 +6762,10 @@ packages:
     resolution: {integrity: sha512-anOK1Mktt8U1Xi7fCM3RELTuYbnFikQY5VtrDj7kPgpejV7d43tWKhzgioO0zpkazLEL/j/iayRqnJhrGfqUsg==}
     dev: true
 
+  /is-arrayish@0.2.1:
+    resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
+    dev: true
+
   /is-binary-path@2.1.0:
     resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
     engines: {node: '>=8'}
@@ -6001,14 +6867,10 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
-  /is-promise@4.0.0:
-    resolution: {integrity: sha512-hvpoI6korhJMnej285dSg6nu1+e6uxs7zG3BYAm5byqDsgJNWwxzM6z6iZiAgQR4TJ30JmBTOwqZUw3WlyH3AQ==}
-    dev: true
-
   /is-reference@1.2.1:
     resolution: {integrity: sha512-U82MsXXiFIrjCK4otLT+o2NA2Cd2g5MLoOVXUZjIOhLurrRxpEXzI8O0KZHr3IjLvlAH1kTPYSuqer5T9ZVBKQ==}
     dependencies:
-      '@types/estree': 1.0.3
+      '@types/estree': 1.0.5
     dev: true
 
   /is-ssh@1.4.0:
@@ -6033,6 +6895,20 @@ packages:
       is-docker: 2.2.1
     dev: true
 
+  /is-wsl@3.1.0:
+    resolution: {integrity: sha512-UcVfVfaK4Sc4m7X3dUSoHoozQGBEFeDC+zVo06t98xe8CzHSZZBekNXH+tu0NalHolcJ/QAGqS46Hef7QXBIMw==}
+    engines: {node: '>=16'}
+    dependencies:
+      is-inside-container: 1.0.0
+    dev: true
+
+  /is64bit@2.0.0:
+    resolution: {integrity: sha512-jv+8jaWCl0g2lSBkNSVXdzfBA0npK1HGC2KtWM9FumFRoGS94g3NbCCLVnCYHLjp4GrW2KZeeSTMo5ddtznmGw==}
+    engines: {node: '>=18'}
+    dependencies:
+      system-architecture: 0.1.0
+    dev: true
+
   /isarray@1.0.0:
     resolution: {integrity: sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==}
     dev: true
@@ -6059,13 +6935,13 @@ packages:
       supports-color: 7.2.0
     dev: true
 
-  /istanbul-lib-source-maps@4.0.1:
-    resolution: {integrity: sha512-n3s8EwkdFIJCG3BPKBYvskgXGoy88ARzvegkitk60NxRdwltLOTaH7CUiMRXvwYorl0Q712iEjcWB+fK/MrWVw==}
+  /istanbul-lib-source-maps@5.0.4:
+    resolution: {integrity: sha512-wHOoEsNJTVltaJp8eVkm8w+GVkVNHT2YDYo53YdzQEL2gWm1hBX5cGFR9hQJtuGLebidVX7et3+dmDZrmclduw==}
     engines: {node: '>=10'}
     dependencies:
+      '@jridgewell/trace-mapping': 0.3.25
       debug: 4.3.4
       istanbul-lib-coverage: 3.2.2
-      source-map: 0.6.1
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -6113,6 +6989,10 @@ packages:
     resolution: {integrity: sha512-Olnt+V7xYdvGze9YTbGFZIfQXuGV4R3nQwwl8BrtgaPE/wq8UFpUHWuTNc05saowhSr1ZO6tx+V6RjE9D5YQog==}
     dev: true
 
+  /js-tokens@9.0.0:
+    resolution: {integrity: sha512-WriZw1luRMlmV3LGJaR6QOJjWwgLUTf89OwT2lUOyjX2dJGBwgmIkbcz+7WFZjrZM635JOIR517++e/67CP9dQ==}
+    dev: true
+
   /js-yaml@4.1.0:
     resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
     hasBin: true
@@ -6120,15 +7000,35 @@ packages:
       argparse: 2.0.1
     dev: true
 
+  /jsdoc-type-pratt-parser@4.0.0:
+    resolution: {integrity: sha512-YtOli5Cmzy3q4dP26GraSOeAhqecewG04hoO8DY56CH4KJ9Fvv5qKWUCCo3HZob7esJQHCv6/+bnTy72xZZaVQ==}
+    engines: {node: '>=12.0.0'}
+    dev: true
+
+  /jsesc@0.5.0:
+    resolution: {integrity: sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==}
+    hasBin: true
+    dev: true
+
   /jsesc@2.5.2:
     resolution: {integrity: sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==}
     engines: {node: '>=4'}
     hasBin: true
 
+  /jsesc@3.0.2:
+    resolution: {integrity: sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==}
+    engines: {node: '>=6'}
+    hasBin: true
+    dev: true
+
   /json-buffer@3.0.1:
     resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
     dev: true
 
+  /json-parse-even-better-errors@2.3.1:
+    resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==}
+    dev: true
+
   /json-parse-even-better-errors@3.0.0:
     resolution: {integrity: sha512-iZbGHafX/59r39gPwVPRBGw0QQKnA7tte5pSMrhWOW7swGsVvVTjmfyAV9pNqk8YGT7tRCdxRu8uzcgZwoDooA==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
@@ -6185,8 +7085,8 @@ packages:
     engines: {node: '>= 8'}
     dev: true
 
-  /knitwork@1.0.0:
-    resolution: {integrity: sha512-dWl0Dbjm6Xm+kDxhPQJsCBTxrJzuGl0aP9rhr+TG8D3l+GL90N8O8lYUi7dTSAN2uuDqCtNgb6aEuQH5wsiV8Q==}
+  /knitwork@1.1.0:
+    resolution: {integrity: sha512-oHnmiBUVHz1V+URE77PNot2lv3QiYU2zQf1JjOVkMt3YDKGbu8NAFr+c4mcNOhdsGrB/VpVbRwPwhiXrPhxQbw==}
 
   /kolorist@1.8.0:
     resolution: {integrity: sha512-Y+60/zizpJ3HRH8DCss+q95yr6145JXZo46OTpFvDZWLfRCE4qChOyk1b26nMaNpfHHgxagk9dXT5OP0Tfe+dQ==}
@@ -6219,6 +7119,15 @@ packages:
     engines: {node: '>=14'}
     dev: true
 
+  /lilconfig@3.1.1:
+    resolution: {integrity: sha512-O18pf7nyvHTckunPWCV1XUNXU1piu01y2b7ATJ0ppkUkk8ocqVWBrYjJBCwHDjD/ZWcfyrA0P4gKhzWGi5EINQ==}
+    engines: {node: '>=14'}
+    dev: true
+
+  /lines-and-columns@1.2.4:
+    resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
+    dev: true
+
   /lint-staged@15.2.2:
     resolution: {integrity: sha512-TiTt93OPh1OZOsb5B7k96A/ATl2AjIZo+vnzFZ6oHK5FuTk63ByDtxGQpHm+kFETjEWqgkF95M8FRXKR/LEBcw==}
     engines: {node: '>=18.12.0'}
@@ -6238,27 +7147,30 @@ packages:
       - supports-color
     dev: true
 
-  /listhen@1.5.5:
-    resolution: {integrity: sha512-LXe8Xlyh3gnxdv4tSjTjscD1vpr/2PRpzq8YIaMJgyKzRG8wdISlWVWnGThJfHnlJ6hmLt2wq1yeeix0TEbuoA==}
+  /listhen@1.7.2:
+    resolution: {integrity: sha512-7/HamOm5YD9Wb7CFgAZkKgVPA96WwhcTQoqtm2VTZGVbVVn3IWKRBTgrU7cchA3Q8k9iCsG8Osoi9GX4JsGM9g==}
     hasBin: true
     dependencies:
-      '@parcel/watcher': 2.3.0
-      '@parcel/watcher-wasm': 2.3.0
-      citty: 0.1.5
-      clipboardy: 3.0.0
+      '@parcel/watcher': 2.4.1
+      '@parcel/watcher-wasm': 2.4.1
+      citty: 0.1.6
+      clipboardy: 4.0.0
       consola: 3.2.3
+      crossws: 0.2.4
       defu: 6.1.4
       get-port-please: 3.1.2
-      h3: 1.10.1
+      h3: 1.11.1
       http-shutdown: 1.2.2
       jiti: 1.21.0
-      mlly: 1.5.0
+      mlly: 1.6.1
       node-forge: 1.3.1
       pathe: 1.1.2
       std-env: 3.7.0
-      ufo: 1.3.2
-      untun: 0.1.2
+      ufo: 1.5.3
+      untun: 0.1.3
       uqr: 0.1.2
+    transitivePeerDependencies:
+      - uWebSockets.js
     dev: true
 
   /listr2@8.0.1:
@@ -6285,6 +7197,13 @@ packages:
       mlly: 1.5.0
       pkg-types: 1.0.3
 
+  /locate-path@5.0.0:
+    resolution: {integrity: sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==}
+    engines: {node: '>=8'}
+    dependencies:
+      p-locate: 4.1.0
+    dev: true
+
   /locate-path@6.0.0:
     resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
     engines: {node: '>=10'}
@@ -6292,6 +7211,13 @@ packages:
       p-locate: 5.0.0
     dev: true
 
+  /locate-path@7.2.0:
+    resolution: {integrity: sha512-gvVijfZvn7R+2qyPX8mAuKcFGDf6Nc61GdvGafQsHL0sBIxfKzA+usWn4GFC/bk+QdwPUD4kWFJLhElipq+0VA==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dependencies:
+      p-locate: 6.0.0
+    dev: true
+
   /lodash.defaults@4.2.0:
     resolution: {integrity: sha512-qjxPLHd3r5DnsdGacqOMU6pb/avJzdh9tFX2ymgoZE27BmjXrNy/y4LoaiTeAb+O3gL8AfpJGtqfX/ae2leYYQ==}
     dev: true
@@ -6341,8 +7267,8 @@ packages:
       get-func-name: 2.0.2
     dev: true
 
-  /lru-cache@10.1.0:
-    resolution: {integrity: sha512-/1clY/ui8CzjKFyjdvwPWJUYKiFVXG2I2cY0ssG7h4+hwk+XOIX7ZSG9Q7TW8TW3Kp3BUSqgFWBLgL4PJ+Blag==}
+  /lru-cache@10.2.0:
+    resolution: {integrity: sha512-2bIM8x+VAf6JT4bKAljS1qUWgMsqZRPGJS6FSahIMPVvctcNhyVp7AJu7quxOW9jwkryBReKZY5tY5JYv2n/7Q==}
     engines: {node: 14 || >=16.14}
     dev: true
 
@@ -6361,7 +7287,7 @@ packages:
     resolution: {integrity: sha512-0shqecEPgdFpnI3AP90epXyxZy9g6CRZ+SZ7BcqFwYmtFEnZ1jpevcV5HoyVnlDS9gCnc1UIg3Rsvp3Ci7r8OA==}
     engines: {node: '>=16.14.0'}
     dependencies:
-      magic-string: 0.30.7
+      magic-string: 0.30.9
     dev: true
 
   /magic-string@0.30.5:
@@ -6370,26 +7296,24 @@ packages:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.4.15
 
-  /magic-string@0.30.7:
-    resolution: {integrity: sha512-8vBuFF/I/+OSLRmdf2wwFCJCz+nSn0m6DPvGH1fS/KiQoSaR+sETbov0eIk9KhEKy8CYqIkIAnbohxT/4H0kuA==}
+  /magic-string@0.30.8:
+    resolution: {integrity: sha512-ISQTe55T2ao7XtlAStud6qwYPZjE4GK1S/BeVPus4jrq6JuOnQ00YKQC581RWhR122W7msZV263KzVeLoqidyQ==}
     engines: {node: '>=12'}
     dependencies:
       '@jridgewell/sourcemap-codec': 1.4.15
 
-  /magicast@0.3.2:
-    resolution: {integrity: sha512-Fjwkl6a0syt9TFN0JSYpOybxiMCkYNEeOTnOTNRbjphirLakznZXAqrXgj/7GG3D1dvETONNwrBfinvAbpunDg==}
+  /magic-string@0.30.9:
+    resolution: {integrity: sha512-S1+hd+dIrC8EZqKyT9DstTH/0Z+f76kmmvZnkfQVmOpDEF9iVgdYif3Q/pIWHmCoo59bQVGW0kVL3e2nl+9+Sw==}
+    engines: {node: '>=12'}
     dependencies:
-      '@babel/parser': 7.23.6
-      '@babel/types': 7.23.4
-      source-map-js: 1.0.2
-    dev: true
+      '@jridgewell/sourcemap-codec': 1.4.15
 
   /magicast@0.3.3:
     resolution: {integrity: sha512-ZbrP1Qxnpoes8sz47AM0z08U+jW6TyRgZzcWy3Ma3vDhJttwMwAFDMMQFobwdBxByBD46JYmxRzeF7w2+wJEuw==}
     dependencies:
-      '@babel/parser': 7.23.6
-      '@babel/types': 7.23.9
-      source-map-js: 1.0.2
+      '@babel/parser': 7.24.1
+      '@babel/types': 7.24.0
+      source-map-js: 1.2.0
     dev: true
 
   /make-dir@3.1.0:
@@ -6403,7 +7327,7 @@ packages:
     resolution: {integrity: sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==}
     engines: {node: '>=10'}
     dependencies:
-      semver: 7.5.4
+      semver: 7.6.0
     dev: true
 
   /make-fetch-happen@13.0.0:
@@ -6463,6 +7387,12 @@ packages:
     hasBin: true
     dev: true
 
+  /mime@4.0.1:
+    resolution: {integrity: sha512-5lZ5tyrIfliMXzFtkYyekWbtRXObT9OWa8IwQ5uxTBDHucNNwniRqo0yInflj+iYi5CBa6qxadGzGarDfuEOxA==}
+    engines: {node: '>=16'}
+    hasBin: true
+    dev: true
+
   /mimic-fn@2.1.0:
     resolution: {integrity: sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==}
     engines: {node: '>=6'}
@@ -6472,6 +7402,17 @@ packages:
     resolution: {integrity: sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==}
     engines: {node: '>=12'}
 
+  /min-indent@1.0.1:
+    resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /minimatch@3.0.8:
+    resolution: {integrity: sha512-6FsRAQsxQ61mw+qP1ZzbL9Bc78x2p5OqNgNpnoAFLTrX8n5Kxph0CsnhmKKNXTWjXqU5L0pGPR7hYk+XWZr60Q==}
+    dependencies:
+      brace-expansion: 1.1.11
+    dev: true
+
   /minimatch@3.1.2:
     resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
     dependencies:
@@ -6499,6 +7440,13 @@ packages:
       brace-expansion: 2.0.1
     dev: true
 
+  /minimatch@9.0.4:
+    resolution: {integrity: sha512-KqWh+VchfxcMNRAJjj2tnsSJdNbHsVgnkBhTNrW7AjVo6OvLtxw8zfT9oLw1JSohlFzJ8jCoTgaoXvJ+kHt6fw==}
+    engines: {node: '>=16 || 14 >=14.17'}
+    dependencies:
+      brace-expansion: 2.0.1
+    dev: true
+
   /minipass-collect@1.0.2:
     resolution: {integrity: sha512-6T6lH0H8OG9kITm/Jm6tdooIbogG9e0tLgpY6mphXSm/A9u8Nq1ryBG+Qspiub9LjWlBPsPS3tWQ/Botq4FdxA==}
     engines: {node: '>= 8'}
@@ -6571,6 +7519,10 @@ packages:
       minipass: 3.3.6
       yallist: 4.0.0
 
+  /mitt@2.1.0:
+    resolution: {integrity: sha512-ILj2TpLiysu2wkBbWjAmww7TkZb65aiQO+DkVdUTBpBXq+MHYiETENkKFMtsJZX1Lf4pe4QOrTSjIfUwN5lRdg==}
+    dev: true
+
   /mitt@3.0.1:
     resolution: {integrity: sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==}
     dev: true
@@ -6580,7 +7532,7 @@ packages:
     engines: {node: '>=10'}
     hasBin: true
 
-  /mkdist@1.3.0(typescript@5.3.3):
+  /mkdist@1.3.0(typescript@5.4.5):
     resolution: {integrity: sha512-ZQrUvcL7LkRdzMREpDyg9AT18N9Tl5jc2qeKAUeEw0KGsgykbHbuRvysGAzTuGtwuSg0WQyNit5jh/k+Er3JEg==}
     hasBin: true
     peerDependencies:
@@ -6601,7 +7553,7 @@ packages:
       mlly: 1.4.2
       mri: 1.2.0
       pathe: 1.1.1
-      typescript: 5.3.3
+      typescript: 5.4.5
     dev: true
 
   /mlly@1.4.2:
@@ -6620,6 +7572,14 @@ packages:
       pkg-types: 1.0.3
       ufo: 1.3.2
 
+  /mlly@1.6.1:
+    resolution: {integrity: sha512-vLgaHvaeunuOXHSmEbZ9izxPx3USsk8KCQ8iC+aTlp5sKRSoZvwhHh5L9VbKSaVC6sJDqbyohIS76E2VmHIPAA==}
+    dependencies:
+      acorn: 8.11.3
+      pathe: 1.1.2
+      pkg-types: 1.0.3
+      ufo: 1.5.3
+
   /mri@1.2.0:
     resolution: {integrity: sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==}
     engines: {node: '>=4'}
@@ -6644,6 +7604,10 @@ packages:
     resolution: {integrity: sha512-ckmWDJjphvd/FvZawgygcUeQCxzvohjFO5RxTjj4eq8kw359gFF3E1brjfI+viLMxss5JrHTDRHZvu2/tuy0Qg==}
     dev: true
 
+  /muggle-string@0.4.1:
+    resolution: {integrity: sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==}
+    dev: true
+
   /nanoid@3.3.7:
     resolution: {integrity: sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
@@ -6668,8 +7632,8 @@ packages:
     engines: {node: '>= 0.6'}
     dev: true
 
-  /nitropack@2.8.1:
-    resolution: {integrity: sha512-pODv2kEEzZSDQR+1UMXbGyNgMedUDq/qUomtiAnQKQvLy52VGlecXO1xDfH3i0kP1yKEcKTnWsx1TAF5gHM7xQ==}
+  /nitropack@2.9.6:
+    resolution: {integrity: sha512-HP2PE0dREcDIBVkL8Zm6eVyrDd10/GI9hTL00PHvjUM8I9Y/2cv73wRDmxNyInfrx/CJKHATb2U/pQrqpzJyXA==}
     engines: {node: ^16.11.0 || >=17.0.0}
     hasBin: true
     peerDependencies:
@@ -6678,70 +7642,73 @@ packages:
       xml2js:
         optional: true
     dependencies:
-      '@cloudflare/kv-asset-handler': 0.3.0
-      '@netlify/functions': 2.4.0
-      '@rollup/plugin-alias': 5.1.0(rollup@4.9.1)
-      '@rollup/plugin-commonjs': 25.0.7(rollup@4.9.1)
-      '@rollup/plugin-inject': 5.0.5(rollup@4.9.1)
-      '@rollup/plugin-json': 6.0.1(rollup@4.9.1)
-      '@rollup/plugin-node-resolve': 15.2.3(rollup@4.9.1)
-      '@rollup/plugin-replace': 5.0.5(rollup@4.9.1)
-      '@rollup/plugin-terser': 0.4.4(rollup@4.9.1)
-      '@rollup/plugin-wasm': 6.2.2(rollup@4.9.1)
-      '@rollup/pluginutils': 5.1.0(rollup@4.9.1)
+      '@cloudflare/kv-asset-handler': 0.3.1
+      '@netlify/functions': 2.6.0
+      '@rollup/plugin-alias': 5.1.0(rollup@4.13.2)
+      '@rollup/plugin-commonjs': 25.0.7(rollup@4.13.2)
+      '@rollup/plugin-inject': 5.0.5(rollup@4.13.2)
+      '@rollup/plugin-json': 6.1.0(rollup@4.13.2)
+      '@rollup/plugin-node-resolve': 15.2.3(rollup@4.13.2)
+      '@rollup/plugin-replace': 5.0.5(rollup@4.13.2)
+      '@rollup/plugin-terser': 0.4.4(rollup@4.13.2)
+      '@rollup/pluginutils': 5.1.0(rollup@4.13.2)
       '@types/http-proxy': 1.17.14
-      '@vercel/nft': 0.24.3
-      archiver: 6.0.1
-      c12: 1.6.1
+      '@vercel/nft': 0.26.4
+      archiver: 7.0.1
+      c12: 1.10.0
       chalk: 5.3.0
-      chokidar: 3.5.3
-      citty: 0.1.5
+      chokidar: 3.6.0
+      citty: 0.1.6
       consola: 3.2.3
-      cookie-es: 1.0.0
+      cookie-es: 1.1.0
+      croner: 8.0.1
+      crossws: 0.2.4
+      db0: 0.1.4
       defu: 6.1.4
-      destr: 2.0.2
+      destr: 2.0.3
       dot-prop: 8.0.2
-      esbuild: 0.19.11
+      esbuild: 0.20.2
       escape-string-regexp: 5.0.0
-      estree-walker: 3.0.3
       etag: 1.8.1
       fs-extra: 11.2.0
-      globby: 14.0.0
+      globby: 14.0.1
       gzip-size: 7.0.0
-      h3: 1.10.1
+      h3: 1.11.1
       hookable: 5.5.3
       httpxy: 0.1.5
+      ioredis: 5.3.2
       is-primitive: 3.0.1
       jiti: 1.21.0
       klona: 2.0.6
-      knitwork: 1.0.0
-      listhen: 1.5.5
-      magic-string: 0.30.7
-      mime: 3.0.0
-      mlly: 1.5.0
+      knitwork: 1.1.0
+      listhen: 1.7.2
+      magic-string: 0.30.9
+      mime: 4.0.1
+      mlly: 1.6.1
       mri: 1.2.0
-      node-fetch-native: 1.6.1
-      ofetch: 1.3.3
+      node-fetch-native: 1.6.4
+      ofetch: 1.3.4
       ohash: 1.1.3
-      openapi-typescript: 6.7.1
+      openapi-typescript: 6.7.5
       pathe: 1.1.2
       perfect-debounce: 1.0.0
       pkg-types: 1.0.3
       pretty-bytes: 6.1.1
-      radix3: 1.1.0
-      rollup: 4.9.1
-      rollup-plugin-visualizer: 5.12.0(rollup@4.9.1)
-      scule: 1.2.0
-      semver: 7.5.4
+      radix3: 1.1.2
+      rollup: 4.13.2
+      rollup-plugin-visualizer: 5.12.0(rollup@4.13.2)
+      scule: 1.3.0
+      semver: 7.6.0
       serve-placeholder: 2.0.1
       serve-static: 1.15.0
       std-env: 3.7.0
-      ufo: 1.3.2
+      ufo: 1.5.3
       uncrypto: 0.1.3
       unctx: 2.3.1
       unenv: 1.9.0
-      unimport: 3.7.1(rollup@4.9.1)
-      unstorage: 1.10.1
+      unimport: 3.7.1(rollup@4.13.2)
+      unstorage: 1.10.2(ioredis@5.3.2)
+      unwasm: 0.3.9
     transitivePeerDependencies:
       - '@azure/app-configuration'
       - '@azure/cosmos'
@@ -6750,21 +7717,25 @@ packages:
       - '@azure/keyvault-secrets'
       - '@azure/storage-blob'
       - '@capacitor/preferences'
+      - '@libsql/client'
       - '@netlify/blobs'
       - '@planetscale/database'
       - '@upstash/redis'
       - '@vercel/kv'
+      - better-sqlite3
+      - drizzle-orm
       - encoding
       - idb-keyval
       - supports-color
+      - uWebSockets.js
     dev: true
 
   /node-addon-api@7.0.0:
     resolution: {integrity: sha512-vgbBJTS4m5/KkE16t5Ly0WW9hz46swAstv0hYYwMtbG7AznRhNyfLRe8HZAiWIpcHzoO7HxhLuBQj9rJ/Ho0ZA==}
     dev: true
 
-  /node-fetch-native@1.6.1:
-    resolution: {integrity: sha512-bW9T/uJDPAJB2YNYEpWzE54U5O3MQidXsOyTfnbKYtTtFexRvGzb1waphBN4ZwP6EcIvYYEOwW0b72BpAqydTw==}
+  /node-fetch-native@1.6.4:
+    resolution: {integrity: sha512-IhOigYzAKHd244OC0JIMIUrjzctirCmPkaIfhDeGcEETWof5zKYUW7e7MYvChGWh/4CJeXEgsRyGzuF334rOOQ==}
 
   /node-fetch@2.7.0:
     resolution: {integrity: sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==}
@@ -6800,7 +7771,7 @@ packages:
       make-fetch-happen: 13.0.0
       nopt: 7.2.0
       proc-log: 3.0.0
-      semver: 7.5.4
+      semver: 7.6.0
       tar: 6.2.0
       which: 4.0.0
     transitivePeerDependencies:
@@ -6838,13 +7809,22 @@ packages:
       abbrev: 2.0.0
     dev: true
 
+  /normalize-package-data@2.5.0:
+    resolution: {integrity: sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==}
+    dependencies:
+      hosted-git-info: 2.8.9
+      resolve: 1.22.8
+      semver: 5.7.2
+      validate-npm-package-license: 3.0.4
+    dev: true
+
   /normalize-package-data@6.0.0:
     resolution: {integrity: sha512-UL7ELRVxYBHBgYEtZCXjxuD5vPxnmvMGq0jp/dGPKKrN7tfsBh2IY7TlJ15WWwdjRWD3RJbnsygUurTK3xkPkg==}
     engines: {node: ^16.14.0 || >=18.0.0}
     dependencies:
       hosted-git-info: 7.0.1
       is-core-module: 2.13.0
-      semver: 7.5.4
+      semver: 7.6.0
       validate-npm-package-license: 3.0.4
     dev: true
 
@@ -6868,7 +7848,7 @@ packages:
     resolution: {integrity: sha512-W29RiK/xtpCGqn6f3ixfRYGk+zRyr+Ew9F2E20BfXxT5/euLdA/Nm7fO7OeTGuAmTs30cpgInyJ0cYe708YTZw==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
     dependencies:
-      semver: 7.5.4
+      semver: 7.6.0
     dev: true
 
   /npm-normalize-package-bin@3.0.1:
@@ -6882,7 +7862,7 @@ packages:
     dependencies:
       hosted-git-info: 7.0.1
       proc-log: 3.0.0
-      semver: 7.5.4
+      semver: 7.6.0
       validate-npm-package-name: 5.0.0
     dev: true
 
@@ -6900,7 +7880,7 @@ packages:
       npm-install-checks: 6.3.0
       npm-normalize-package-bin: 3.0.1
       npm-package-arg: 11.0.1
-      semver: 7.5.4
+      semver: 7.6.0
     dev: true
 
   /npm-registry-fetch@16.1.0:
@@ -6946,16 +7926,16 @@ packages:
       boolbase: 1.0.0
     dev: true
 
-  /nuxi@3.10.0:
-    resolution: {integrity: sha512-veZXw2NuaQ1PrpvHrnQ1dPgkAjv0WqPlvFReg5Iubum0QVGWdJJvGuNsltDQyPcZ7X7mhMXq9SLIpokK4kpvKA==}
-    engines: {node: ^14.18.0 || >=16.10.0}
+  /nuxi@3.11.1:
+    resolution: {integrity: sha512-AW71TpxRHNg8MplQVju9tEFvXPvX42e0wPYknutSStDuAjV99vWTWYed4jxr/grk2FtKAuv2KvdJxcn2W59qyg==}
+    engines: {node: ^16.10.0 || >=18.0.0}
     hasBin: true
     optionalDependencies:
       fsevents: 2.3.3
     dev: true
 
-  /nuxt@3.10.1(@types/node@20.11.17)(eslint@8.56.0)(rollup@3.29.4)(typescript@5.3.3)(vite@5.1.1):
-    resolution: {integrity: sha512-1X1DFTGPbVQFF1tjOWYl3qYc3zQww8htknu3qiP8xNzY1MFnDT3Xisxcf6KDe375tHHui0UpXflseL6evlEoMQ==}
+  /nuxt@3.11.2(@types/node@20.12.7)(@unocss/reset@0.58.8)(eslint@8.57.0)(floating-vue@5.2.2)(rollup@3.29.4)(typescript@5.4.5)(unocss@0.58.8)(vite@5.2.8):
+    resolution: {integrity: sha512-Be1d4oyFo60pdF+diBolYDcfNemoMYM3R8PDjhnGrs/w3xJoDH1YMUVWHXXY8WhSmYZI7dyBehx/6kTfGFliVA==}
     engines: {node: ^14.18.0 || >=16.10.0}
     hasBin: true
     peerDependencies:
@@ -6968,61 +7948,62 @@ packages:
         optional: true
     dependencies:
       '@nuxt/devalue': 2.0.2
-      '@nuxt/devtools': 1.0.8(nuxt@3.10.1)(rollup@3.29.4)(vite@5.1.1)
-      '@nuxt/kit': 3.10.1(rollup@3.29.4)
-      '@nuxt/schema': 3.10.1(rollup@3.29.4)
+      '@nuxt/devtools': 1.1.5(@unocss/reset@0.58.8)(floating-vue@5.2.2)(nuxt@3.11.2)(rollup@3.29.4)(unocss@0.58.8)(vite@5.2.8)(vue@3.4.21)
+      '@nuxt/kit': 3.11.2(rollup@3.29.4)
+      '@nuxt/schema': 3.11.2(rollup@3.29.4)
       '@nuxt/telemetry': 2.5.3(rollup@3.29.4)
-      '@nuxt/ui-templates': 1.3.1
-      '@nuxt/vite-builder': 3.10.1(@types/node@20.11.17)(eslint@8.56.0)(rollup@3.29.4)(typescript@5.3.3)(vue@3.4.18)
-      '@types/node': 20.11.17
-      '@unhead/dom': 1.8.10
-      '@unhead/ssr': 1.8.10
-      '@unhead/vue': 1.8.10(vue@3.4.18)
-      '@vue/shared': 3.4.15
+      '@nuxt/ui-templates': 1.3.3
+      '@nuxt/vite-builder': 3.11.2(@types/node@20.12.7)(eslint@8.57.0)(rollup@3.29.4)(typescript@5.4.5)(vue@3.4.21)
+      '@types/node': 20.12.7
+      '@unhead/dom': 1.9.5
+      '@unhead/ssr': 1.9.5
+      '@unhead/vue': 1.9.5(vue@3.4.21)
+      '@vue/shared': 3.4.21
       acorn: 8.11.3
-      c12: 1.6.1
-      chokidar: 3.5.3
-      cookie-es: 1.0.0
+      c12: 1.10.0
+      chokidar: 3.6.0
+      cookie-es: 1.1.0
       defu: 6.1.4
-      destr: 2.0.2
+      destr: 2.0.3
       devalue: 4.3.2
-      esbuild: 0.20.0
+      esbuild: 0.20.2
       escape-string-regexp: 5.0.0
       estree-walker: 3.0.3
       fs-extra: 11.2.0
-      globby: 14.0.0
-      h3: 1.10.1
+      globby: 14.0.1
+      h3: 1.11.1
       hookable: 5.5.3
       jiti: 1.21.0
       klona: 2.0.6
-      knitwork: 1.0.0
-      magic-string: 0.30.7
-      mlly: 1.5.0
-      nitropack: 2.8.1
-      nuxi: 3.10.0
-      nypm: 0.3.6
-      ofetch: 1.3.3
+      knitwork: 1.1.0
+      magic-string: 0.30.9
+      mlly: 1.6.1
+      nitropack: 2.9.6
+      nuxi: 3.11.1
+      nypm: 0.3.8
+      ofetch: 1.3.4
       ohash: 1.1.3
       pathe: 1.1.2
       perfect-debounce: 1.0.0
       pkg-types: 1.0.3
-      radix3: 1.1.0
-      scule: 1.2.0
+      radix3: 1.1.2
+      scule: 1.3.0
       std-env: 3.7.0
-      strip-literal: 2.0.0
-      ufo: 1.3.2
-      ultrahtml: 1.5.2
+      strip-literal: 2.1.0
+      ufo: 1.5.3
+      ultrahtml: 1.5.3
       uncrypto: 0.1.3
       unctx: 2.3.1
       unenv: 1.9.0
       unimport: 3.7.1(rollup@3.29.4)
-      unplugin: 1.6.0
-      unplugin-vue-router: 0.7.0(rollup@3.29.4)(vue-router@4.2.5)(vue@3.4.18)
+      unplugin: 1.10.1
+      unplugin-vue-router: 0.7.0(rollup@3.29.4)(vue-router@4.3.0)(vue@3.4.21)
+      unstorage: 1.10.2(ioredis@5.3.2)
       untyped: 1.4.2
-      vue: 3.4.18(typescript@5.3.3)
+      vue: 3.4.21(typescript@5.4.5)
       vue-bundle-renderer: 2.0.0
       vue-devtools-stub: 0.1.0
-      vue-router: 4.2.5(vue@3.4.18)
+      vue-router: 4.3.0(vue@3.4.21)
     transitivePeerDependencies:
       - '@azure/app-configuration'
       - '@azure/cosmos'
@@ -7031,27 +8012,46 @@ packages:
       - '@azure/keyvault-secrets'
       - '@azure/storage-blob'
       - '@capacitor/preferences'
+      - '@libsql/client'
       - '@netlify/blobs'
       - '@planetscale/database'
+      - '@unocss/reset'
       - '@upstash/redis'
       - '@vercel/kv'
+      - '@vue/composition-api'
+      - async-validator
+      - axios
+      - better-sqlite3
       - bluebird
       - bufferutil
+      - change-case
+      - drauu
+      - drizzle-orm
       - encoding
       - eslint
+      - floating-vue
+      - fuse.js
       - idb-keyval
+      - ioredis
+      - jwt-decode
       - less
       - lightningcss
       - meow
+      - nprogress
       - optionator
+      - qrcode
       - rollup
       - sass
+      - sortablejs
       - stylelint
       - stylus
       - sugarss
       - supports-color
       - terser
       - typescript
+      - uWebSockets.js
+      - universal-cookie
+      - unocss
       - utf-8-validate
       - vite
       - vls
@@ -7060,26 +8060,16 @@ packages:
       - xml2js
     dev: true
 
-  /nypm@0.3.4:
-    resolution: {integrity: sha512-1JLkp/zHBrkS3pZ692IqOaIKSYHmQXgqfELk6YTOfVBnwealAmPA1q2kKK7PHJAHSMBozerThEFZXP3G6o7Ukg==}
-    engines: {node: ^14.16.0 || >=16.10.0}
-    hasBin: true
-    dependencies:
-      citty: 0.1.5
-      execa: 8.0.1
-      pathe: 1.1.2
-      ufo: 1.3.2
-    dev: true
-
-  /nypm@0.3.6:
-    resolution: {integrity: sha512-2CATJh3pd6CyNfU5VZM7qSwFu0ieyabkEdnogE30Obn1czrmOYiZ8DOZLe1yBdLKWoyD3Mcy2maUs+0MR3yVjQ==}
+  /nypm@0.3.8:
+    resolution: {integrity: sha512-IGWlC6So2xv6V4cIDmoV0SwwWx7zLG086gyqkyumteH2fIgCAM4nDVFB2iDRszDvmdSVW9xb1N+2KjQ6C7d4og==}
     engines: {node: ^14.16.0 || >=16.10.0}
     hasBin: true
     dependencies:
-      citty: 0.1.5
+      citty: 0.1.6
+      consola: 3.2.3
       execa: 8.0.1
       pathe: 1.1.2
-      ufo: 1.3.2
+      ufo: 1.5.3
 
   /object-assign@4.1.1:
     resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
@@ -7089,9 +8079,17 @@ packages:
   /ofetch@1.3.3:
     resolution: {integrity: sha512-s1ZCMmQWXy4b5K/TW9i/DtiN8Ku+xCiHcjQ6/J/nDdssirrQNOoB165Zu8EqLMA2lln1JUth9a0aW9Ap2ctrUg==}
     dependencies:
-      destr: 2.0.2
-      node-fetch-native: 1.6.1
-      ufo: 1.3.2
+      destr: 2.0.3
+      node-fetch-native: 1.6.4
+      ufo: 1.5.3
+    dev: true
+
+  /ofetch@1.3.4:
+    resolution: {integrity: sha512-KLIET85ik3vhEfS+3fDlc/BAZiAp+43QEC/yCo5zkNoY2YaKvNkOaFr/6wCFgFH1kuYQM5pMNi0Tg8koiIemtw==}
+    dependencies:
+      destr: 2.0.3
+      node-fetch-native: 1.6.4
+      ufo: 1.5.3
     dev: true
 
   /ohash@1.1.3:
@@ -7123,6 +8121,16 @@ packages:
     dependencies:
       mimic-fn: 4.0.0
 
+  /open@10.1.0:
+    resolution: {integrity: sha512-mnkeQ1qP5Ue2wd+aivTD3NHd/lZ96Lu0jgf0pwktLPtx6cTZiH7tyeGRRHs0zX0rbrahXPnXlUnbeXyaBBuIaw==}
+    engines: {node: '>=18'}
+    dependencies:
+      default-browser: 5.2.1
+      define-lazy-prop: 3.0.0
+      is-inside-container: 1.0.0
+      is-wsl: 3.1.0
+    dev: true
+
   /open@8.4.2:
     resolution: {integrity: sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==}
     engines: {node: '>=12'}
@@ -7142,15 +8150,15 @@ packages:
       is-wsl: 2.2.0
     dev: true
 
-  /openapi-typescript@6.7.1:
-    resolution: {integrity: sha512-Q3Ltt0KUm2smcPrsaR8qKmSwQ1KM4yGDJVoQdpYa0yvKPeN8huDx5utMT7DvwvJastHHzUxajjivK3WN2+fobg==}
+  /openapi-typescript@6.7.5:
+    resolution: {integrity: sha512-ZD6dgSZi0u1QCP55g8/2yS5hNJfIpgqsSGHLxxdOjvY7eIrXzj271FJEQw33VwsZ6RCtO/NOuhxa7GBWmEudyA==}
     hasBin: true
     dependencies:
       ansi-colors: 4.1.3
       fast-glob: 3.3.2
       js-yaml: 4.1.0
       supports-color: 9.4.0
-      undici: 5.27.2
+      undici: 5.28.3
       yargs-parser: 21.1.1
     dev: true
 
@@ -7166,6 +8174,13 @@ packages:
       type-check: 0.4.0
     dev: true
 
+  /p-limit@2.3.0:
+    resolution: {integrity: sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==}
+    engines: {node: '>=6'}
+    dependencies:
+      p-try: 2.2.0
+    dev: true
+
   /p-limit@3.1.0:
     resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
     engines: {node: '>=10'}
@@ -7173,6 +8188,13 @@ packages:
       yocto-queue: 0.1.0
     dev: true
 
+  /p-limit@4.0.0:
+    resolution: {integrity: sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dependencies:
+      yocto-queue: 1.0.0
+    dev: true
+
   /p-limit@5.0.0:
     resolution: {integrity: sha512-/Eaoq+QyLSiXQ4lyYV23f14mZRQcXnxfHrN0vCai+ak9G0pp9iEQukIIZq5NccEvwRB8PUnZT0KsOoDCINS1qQ==}
     engines: {node: '>=18'}
@@ -7180,6 +8202,13 @@ packages:
       yocto-queue: 1.0.0
     dev: true
 
+  /p-locate@4.1.0:
+    resolution: {integrity: sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==}
+    engines: {node: '>=8'}
+    dependencies:
+      p-limit: 2.3.0
+    dev: true
+
   /p-locate@5.0.0:
     resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
     engines: {node: '>=10'}
@@ -7187,6 +8216,13 @@ packages:
       p-limit: 3.1.0
     dev: true
 
+  /p-locate@6.0.0:
+    resolution: {integrity: sha512-wPrq66Llhl7/4AGC6I+cqxT07LhXvWL08LNXz1fENOw0Ap4sRZZ/gZpTTJ5jpurzzzfS2W/Ge9BY3LgLjCShcw==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dependencies:
+      p-limit: 4.0.0
+    dev: true
+
   /p-map@4.0.0:
     resolution: {integrity: sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==}
     engines: {node: '>=10'}
@@ -7194,8 +8230,13 @@ packages:
       aggregate-error: 3.1.0
     dev: true
 
-  /pacote@17.0.5:
-    resolution: {integrity: sha512-TAE0m20zSDMnchPja9vtQjri19X3pZIyRpm2TJVeI+yU42leJBBDTRYhOcWFsPhaMxf+3iwQkFiKz16G9AEeeA==}
+  /p-try@2.2.0:
+    resolution: {integrity: sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /pacote@17.0.6:
+    resolution: {integrity: sha512-cJKrW21VRE8vVTRskJo78c/RCvwJCn1f4qgfxL4w77SOWrTCRcmfkYHlHtS0gqpgjv3zhXflRtgsrUCX5xwNnQ==}
     engines: {node: ^16.14.0 || >=18.0.0}
     hasBin: true
     dependencies:
@@ -7214,7 +8255,7 @@ packages:
       promise-retry: 2.0.1
       read-package-json: 7.0.0
       read-package-json-fast: 3.0.2
-      sigstore: 2.1.0
+      sigstore: 2.2.2
       ssri: 10.0.5
       tar: 6.2.0
     transitivePeerDependencies:
@@ -7237,6 +8278,21 @@ packages:
       ini: 1.3.8
     dev: true
 
+  /parse-gitignore@2.0.0:
+    resolution: {integrity: sha512-RmVuCHWsfu0QPNW+mraxh/xjQVw/lhUCUru8Zni3Ctq3AoMhpDTq0OVdKS6iesd6Kqb7viCV3isAL43dciOSog==}
+    engines: {node: '>=14'}
+    dev: true
+
+  /parse-json@5.2.0:
+    resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==}
+    engines: {node: '>=8'}
+    dependencies:
+      '@babel/code-frame': 7.24.2
+      error-ex: 1.3.2
+      json-parse-even-better-errors: 2.3.1
+      lines-and-columns: 1.2.4
+    dev: true
+
   /parse-path@7.0.0:
     resolution: {integrity: sha512-Euf9GG8WT9CdqwuWJGdf3RkUcTBArppHABkO7Lm8IzRQp0e2r/kkFnmhu4TSK30Wcu5rVAZLmfPKSBBi9tWFog==}
     dependencies:
@@ -7263,6 +8319,11 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  /path-exists@5.0.0:
+    resolution: {integrity: sha512-RjhtfwJOxzcFmNOi6ltcbcu4Iu+FL3zEj83dk4kAS+fVpTxXLO1b38RvJgT/0QwvV/L3aY9TAnyv0EOqW4GoMQ==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dev: true
+
   /path-is-absolute@1.0.1:
     resolution: {integrity: sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==}
     engines: {node: '>=0.10.0'}
@@ -7284,7 +8345,7 @@ packages:
     resolution: {integrity: sha512-MkhCqzzBEpPvxxQ71Md0b1Kk51W01lrYvlMzSUaIzNsODdd7mqhiimSZlr+VegAz5Z6Vzt9Xg2ttE//XBhH3EQ==}
     engines: {node: '>=16 || 14 >=14.17'}
     dependencies:
-      lru-cache: 10.1.0
+      lru-cache: 10.2.0
       minipass: 7.0.4
     dev: true
 
@@ -7317,6 +8378,11 @@ packages:
     resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
     engines: {node: '>=8.6'}
 
+  /picomatch@4.0.2:
+    resolution: {integrity: sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==}
+    engines: {node: '>=12'}
+    dev: true
+
   /pidtree@0.6.0:
     resolution: {integrity: sha512-eG2dWTVw5bzqGRztnHExczNxt5VGsE6OwTeCG3fdUf9KBsZzO3R5OIIIzWR+iZA0NtZ+RDVdaoE2dK1cn6jH4g==}
     engines: {node: '>=0.10'}
@@ -7330,307 +8396,312 @@ packages:
       mlly: 1.4.2
       pathe: 1.1.2
 
-  /postcss-calc@9.0.1(postcss@8.4.35):
+  /pluralize@8.0.0:
+    resolution: {integrity: sha512-Nc3IT5yHzflTfbjgqWcCPpo7DaKy4FnpB0l/zCAW0Tc7jxAiuqSxHasntB3D7887LSrA93kDJ9IXovxJYxyLCA==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /postcss-calc@9.0.1(postcss@8.4.38):
     resolution: {integrity: sha512-TipgjGyzP5QzEhsOZUaIkeO5mKeMFpebWzRogWG/ysonUlnHcq5aJe0jOjpfzUU8PeSaBQnrE8ehR0QA5vs8PQ==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.2.2
     dependencies:
-      postcss: 8.4.35
-      postcss-selector-parser: 6.0.15
+      postcss: 8.4.38
+      postcss-selector-parser: 6.0.16
       postcss-value-parser: 4.2.0
     dev: true
 
-  /postcss-colormin@6.0.2(postcss@8.4.35):
-    resolution: {integrity: sha512-TXKOxs9LWcdYo5cgmcSHPkyrLAh86hX1ijmyy6J8SbOhyv6ua053M3ZAM/0j44UsnQNIWdl8gb5L7xX2htKeLw==}
+  /postcss-colormin@6.1.0(postcss@8.4.38):
+    resolution: {integrity: sha512-x9yX7DOxeMAR+BgGVnNSAxmAj98NX/YxEMNFP+SDCEeNLb2r3i6Hh1ksMsnW8Ub5SLCpbescQqn9YEbE9554Sw==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.4.31
     dependencies:
-      browserslist: 4.22.2
+      browserslist: 4.23.0
       caniuse-api: 3.0.0
       colord: 2.9.3
-      postcss: 8.4.35
+      postcss: 8.4.38
       postcss-value-parser: 4.2.0
     dev: true
 
-  /postcss-convert-values@6.0.2(postcss@8.4.35):
-    resolution: {integrity: sha512-aeBmaTnGQ+NUSVQT8aY0sKyAD/BaLJenEKZ03YK0JnDE1w1Rr8XShoxdal2V2H26xTJKr3v5haByOhJuyT4UYw==}
+  /postcss-convert-values@6.1.0(postcss@8.4.38):
+    resolution: {integrity: sha512-zx8IwP/ts9WvUM6NkVSkiU902QZL1bwPhaVaLynPtCsOTqp+ZKbNi+s6XJg3rfqpKGA/oc7Oxk5t8pOQJcwl/w==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.4.31
     dependencies:
-      browserslist: 4.22.2
-      postcss: 8.4.35
+      browserslist: 4.23.0
+      postcss: 8.4.38
       postcss-value-parser: 4.2.0
     dev: true
 
-  /postcss-discard-comments@6.0.1(postcss@8.4.35):
-    resolution: {integrity: sha512-f1KYNPtqYLUeZGCHQPKzzFtsHaRuECe6jLakf/RjSRqvF5XHLZnM2+fXLhb8Qh/HBFHs3M4cSLb1k3B899RYIg==}
+  /postcss-discard-comments@6.0.2(postcss@8.4.38):
+    resolution: {integrity: sha512-65w/uIqhSBBfQmYnG92FO1mWZjJ4GL5b8atm5Yw2UgrwD7HiNiSSNwJor1eCFGzUgYnN/iIknhNRVqjrrpuglw==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.4.31
     dependencies:
-      postcss: 8.4.35
+      postcss: 8.4.38
     dev: true
 
-  /postcss-discard-duplicates@6.0.1(postcss@8.4.35):
-    resolution: {integrity: sha512-1hvUs76HLYR8zkScbwyJ8oJEugfPV+WchpnA+26fpJ7Smzs51CzGBHC32RS03psuX/2l0l0UKh2StzNxOrKCYg==}
+  /postcss-discard-duplicates@6.0.3(postcss@8.4.38):
+    resolution: {integrity: sha512-+JA0DCvc5XvFAxwx6f/e68gQu/7Z9ud584VLmcgto28eB8FqSFZwtrLwB5Kcp70eIoWP/HXqz4wpo8rD8gpsTw==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.4.31
     dependencies:
-      postcss: 8.4.35
+      postcss: 8.4.38
     dev: true
 
-  /postcss-discard-empty@6.0.1(postcss@8.4.35):
-    resolution: {integrity: sha512-yitcmKwmVWtNsrrRqGJ7/C0YRy53i0mjexBDQ9zYxDwTWVBgbU4+C9jIZLmQlTDT9zhml+u0OMFJh8+31krmOg==}
+  /postcss-discard-empty@6.0.3(postcss@8.4.38):
+    resolution: {integrity: sha512-znyno9cHKQsK6PtxL5D19Fj9uwSzC2mB74cpT66fhgOadEUPyXFkbgwm5tvc3bt3NAy8ltE5MrghxovZRVnOjQ==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.4.31
     dependencies:
-      postcss: 8.4.35
+      postcss: 8.4.38
     dev: true
 
-  /postcss-discard-overridden@6.0.1(postcss@8.4.35):
-    resolution: {integrity: sha512-qs0ehZMMZpSESbRkw1+inkf51kak6OOzNRaoLd/U7Fatp0aN2HQ1rxGOrJvYcRAN9VpX8kUF13R2ofn8OlvFVA==}
+  /postcss-discard-overridden@6.0.2(postcss@8.4.38):
+    resolution: {integrity: sha512-j87xzI4LUggC5zND7KdjsI25APtyMuynXZSujByMaav2roV6OZX+8AaCUcZSWqckZpjAjRyFDdpqybgjFO0HJQ==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.4.31
     dependencies:
-      postcss: 8.4.35
+      postcss: 8.4.38
     dev: true
 
-  /postcss-merge-longhand@6.0.2(postcss@8.4.35):
-    resolution: {integrity: sha512-+yfVB7gEM8SrCo9w2lCApKIEzrTKl5yS1F4yGhV3kSim6JzbfLGJyhR1B6X+6vOT0U33Mgx7iv4X9MVWuaSAfw==}
+  /postcss-merge-longhand@6.0.5(postcss@8.4.38):
+    resolution: {integrity: sha512-5LOiordeTfi64QhICp07nzzuTDjNSO8g5Ksdibt44d+uvIIAE1oZdRn8y/W5ZtYgRH/lnLDlvi9F8btZcVzu3w==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.4.31
     dependencies:
-      postcss: 8.4.35
+      postcss: 8.4.38
       postcss-value-parser: 4.2.0
-      stylehacks: 6.0.2(postcss@8.4.35)
+      stylehacks: 6.1.1(postcss@8.4.38)
     dev: true
 
-  /postcss-merge-rules@6.0.3(postcss@8.4.35):
-    resolution: {integrity: sha512-yfkDqSHGohy8sGYIJwBmIGDv4K4/WrJPX355XrxQb/CSsT4Kc/RxDi6akqn5s9bap85AWgv21ArcUWwWdGNSHA==}
+  /postcss-merge-rules@6.1.1(postcss@8.4.38):
+    resolution: {integrity: sha512-KOdWF0gju31AQPZiD+2Ar9Qjowz1LTChSjFFbS+e2sFgc4uHOp3ZvVX4sNeTlk0w2O31ecFGgrFzhO0RSWbWwQ==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.4.31
     dependencies:
-      browserslist: 4.22.2
+      browserslist: 4.23.0
       caniuse-api: 3.0.0
-      cssnano-utils: 4.0.1(postcss@8.4.35)
-      postcss: 8.4.35
-      postcss-selector-parser: 6.0.15
+      cssnano-utils: 4.0.2(postcss@8.4.38)
+      postcss: 8.4.38
+      postcss-selector-parser: 6.0.16
     dev: true
 
-  /postcss-minify-font-values@6.0.1(postcss@8.4.35):
-    resolution: {integrity: sha512-tIwmF1zUPoN6xOtA/2FgVk1ZKrLcCvE0dpZLtzyyte0j9zUeB8RTbCqrHZGjJlxOvNWKMYtunLrrl7HPOiR46w==}
+  /postcss-minify-font-values@6.1.0(postcss@8.4.38):
+    resolution: {integrity: sha512-gklfI/n+9rTh8nYaSJXlCo3nOKqMNkxuGpTn/Qm0gstL3ywTr9/WRKznE+oy6fvfolH6dF+QM4nCo8yPLdvGJg==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.4.31
     dependencies:
-      postcss: 8.4.35
+      postcss: 8.4.38
       postcss-value-parser: 4.2.0
     dev: true
 
-  /postcss-minify-gradients@6.0.1(postcss@8.4.35):
-    resolution: {integrity: sha512-M1RJWVjd6IOLPl1hYiOd5HQHgpp6cvJVLrieQYS9y07Yo8itAr6jaekzJphaJFR0tcg4kRewCk3kna9uHBxn/w==}
+  /postcss-minify-gradients@6.0.3(postcss@8.4.38):
+    resolution: {integrity: sha512-4KXAHrYlzF0Rr7uc4VrfwDJ2ajrtNEpNEuLxFgwkhFZ56/7gaE4Nr49nLsQDZyUe+ds+kEhf+YAUolJiYXF8+Q==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.4.31
     dependencies:
       colord: 2.9.3
-      cssnano-utils: 4.0.1(postcss@8.4.35)
-      postcss: 8.4.35
+      cssnano-utils: 4.0.2(postcss@8.4.38)
+      postcss: 8.4.38
       postcss-value-parser: 4.2.0
     dev: true
 
-  /postcss-minify-params@6.0.2(postcss@8.4.35):
-    resolution: {integrity: sha512-zwQtbrPEBDj+ApELZ6QylLf2/c5zmASoOuA4DzolyVGdV38iR2I5QRMsZcHkcdkZzxpN8RS4cN7LPskOkTwTZw==}
+  /postcss-minify-params@6.1.0(postcss@8.4.38):
+    resolution: {integrity: sha512-bmSKnDtyyE8ujHQK0RQJDIKhQ20Jq1LYiez54WiaOoBtcSuflfK3Nm596LvbtlFcpipMjgClQGyGr7GAs+H1uA==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.4.31
     dependencies:
-      browserslist: 4.22.2
-      cssnano-utils: 4.0.1(postcss@8.4.35)
-      postcss: 8.4.35
+      browserslist: 4.23.0
+      cssnano-utils: 4.0.2(postcss@8.4.38)
+      postcss: 8.4.38
       postcss-value-parser: 4.2.0
     dev: true
 
-  /postcss-minify-selectors@6.0.2(postcss@8.4.35):
-    resolution: {integrity: sha512-0b+m+w7OAvZejPQdN2GjsXLv5o0jqYHX3aoV0e7RBKPCsB7TYG5KKWBFhGnB/iP3213Ts8c5H4wLPLMm7z28Sg==}
+  /postcss-minify-selectors@6.0.4(postcss@8.4.38):
+    resolution: {integrity: sha512-L8dZSwNLgK7pjTto9PzWRoMbnLq5vsZSTu8+j1P/2GB8qdtGQfn+K1uSvFgYvgh83cbyxT5m43ZZhUMTJDSClQ==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.4.31
     dependencies:
-      postcss: 8.4.35
-      postcss-selector-parser: 6.0.15
+      postcss: 8.4.38
+      postcss-selector-parser: 6.0.16
     dev: true
 
-  /postcss-normalize-charset@6.0.1(postcss@8.4.35):
-    resolution: {integrity: sha512-aW5LbMNRZ+oDV57PF9K+WI1Z8MPnF+A8qbajg/T8PP126YrGX1f9IQx21GI2OlGz7XFJi/fNi0GTbY948XJtXg==}
+  /postcss-normalize-charset@6.0.2(postcss@8.4.38):
+    resolution: {integrity: sha512-a8N9czmdnrjPHa3DeFlwqst5eaL5W8jYu3EBbTTkI5FHkfMhFZh1EGbku6jhHhIzTA6tquI2P42NtZ59M/H/kQ==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.4.31
     dependencies:
-      postcss: 8.4.35
+      postcss: 8.4.38
     dev: true
 
-  /postcss-normalize-display-values@6.0.1(postcss@8.4.35):
-    resolution: {integrity: sha512-mc3vxp2bEuCb4LgCcmG1y6lKJu1Co8T+rKHrcbShJwUmKJiEl761qb/QQCfFwlrvSeET3jksolCR/RZuMURudw==}
+  /postcss-normalize-display-values@6.0.2(postcss@8.4.38):
+    resolution: {integrity: sha512-8H04Mxsb82ON/aAkPeq8kcBbAtI5Q2a64X/mnRRfPXBq7XeogoQvReqxEfc0B4WPq1KimjezNC8flUtC3Qz6jg==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.4.31
     dependencies:
-      postcss: 8.4.35
+      postcss: 8.4.38
       postcss-value-parser: 4.2.0
     dev: true
 
-  /postcss-normalize-positions@6.0.1(postcss@8.4.35):
-    resolution: {integrity: sha512-HRsq8u/0unKNvm0cvwxcOUEcakFXqZ41fv3FOdPn916XFUrympjr+03oaLkuZENz3HE9RrQE9yU0Xv43ThWjQg==}
+  /postcss-normalize-positions@6.0.2(postcss@8.4.38):
+    resolution: {integrity: sha512-/JFzI441OAB9O7VnLA+RtSNZvQ0NCFZDOtp6QPFo1iIyawyXg0YI3CYM9HBy1WvwCRHnPep/BvI1+dGPKoXx/Q==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.4.31
     dependencies:
-      postcss: 8.4.35
+      postcss: 8.4.38
       postcss-value-parser: 4.2.0
     dev: true
 
-  /postcss-normalize-repeat-style@6.0.1(postcss@8.4.35):
-    resolution: {integrity: sha512-Gbb2nmCy6tTiA7Sh2MBs3fj9W8swonk6lw+dFFeQT68B0Pzwp1kvisJQkdV6rbbMSd9brMlS8I8ts52tAGWmGQ==}
+  /postcss-normalize-repeat-style@6.0.2(postcss@8.4.38):
+    resolution: {integrity: sha512-YdCgsfHkJ2jEXwR4RR3Tm/iOxSfdRt7jplS6XRh9Js9PyCR/aka/FCb6TuHT2U8gQubbm/mPmF6L7FY9d79VwQ==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.4.31
     dependencies:
-      postcss: 8.4.35
+      postcss: 8.4.38
       postcss-value-parser: 4.2.0
     dev: true
 
-  /postcss-normalize-string@6.0.1(postcss@8.4.35):
-    resolution: {integrity: sha512-5Fhx/+xzALJD9EI26Aq23hXwmv97Zfy2VFrt5PLT8lAhnBIZvmaT5pQk+NuJ/GWj/QWaKSKbnoKDGLbV6qnhXg==}
+  /postcss-normalize-string@6.0.2(postcss@8.4.38):
+    resolution: {integrity: sha512-vQZIivlxlfqqMp4L9PZsFE4YUkWniziKjQWUtsxUiVsSSPelQydwS8Wwcuw0+83ZjPWNTl02oxlIvXsmmG+CiQ==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.4.31
     dependencies:
-      postcss: 8.4.35
+      postcss: 8.4.38
       postcss-value-parser: 4.2.0
     dev: true
 
-  /postcss-normalize-timing-functions@6.0.1(postcss@8.4.35):
-    resolution: {integrity: sha512-4zcczzHqmCU7L5dqTB9rzeqPWRMc0K2HoR+Bfl+FSMbqGBUcP5LRfgcH4BdRtLuzVQK1/FHdFoGT3F7rkEnY+g==}
+  /postcss-normalize-timing-functions@6.0.2(postcss@8.4.38):
+    resolution: {integrity: sha512-a+YrtMox4TBtId/AEwbA03VcJgtyW4dGBizPl7e88cTFULYsprgHWTbfyjSLyHeBcK/Q9JhXkt2ZXiwaVHoMzA==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.4.31
     dependencies:
-      postcss: 8.4.35
+      postcss: 8.4.38
       postcss-value-parser: 4.2.0
     dev: true
 
-  /postcss-normalize-unicode@6.0.2(postcss@8.4.35):
-    resolution: {integrity: sha512-Ff2VdAYCTGyMUwpevTZPZ4w0+mPjbZzLLyoLh/RMpqUqeQKZ+xMm31hkxBavDcGKcxm6ACzGk0nBfZ8LZkStKA==}
+  /postcss-normalize-unicode@6.1.0(postcss@8.4.38):
+    resolution: {integrity: sha512-QVC5TQHsVj33otj8/JD869Ndr5Xcc/+fwRh4HAsFsAeygQQXm+0PySrKbr/8tkDKzW+EVT3QkqZMfFrGiossDg==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.4.31
     dependencies:
-      browserslist: 4.22.2
-      postcss: 8.4.35
+      browserslist: 4.23.0
+      postcss: 8.4.38
       postcss-value-parser: 4.2.0
     dev: true
 
-  /postcss-normalize-url@6.0.1(postcss@8.4.35):
-    resolution: {integrity: sha512-jEXL15tXSvbjm0yzUV7FBiEXwhIa9H88JOXDGQzmcWoB4mSjZIsmtto066s2iW9FYuIrIF4k04HA2BKAOpbsaQ==}
+  /postcss-normalize-url@6.0.2(postcss@8.4.38):
+    resolution: {integrity: sha512-kVNcWhCeKAzZ8B4pv/DnrU1wNh458zBNp8dh4y5hhxih5RZQ12QWMuQrDgPRw3LRl8mN9vOVfHl7uhvHYMoXsQ==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.4.31
     dependencies:
-      postcss: 8.4.35
+      postcss: 8.4.38
       postcss-value-parser: 4.2.0
     dev: true
 
-  /postcss-normalize-whitespace@6.0.1(postcss@8.4.35):
-    resolution: {integrity: sha512-76i3NpWf6bB8UHlVuLRxG4zW2YykF9CTEcq/9LGAiz2qBuX5cBStadkk0jSkg9a9TCIXbMQz7yzrygKoCW9JuA==}
+  /postcss-normalize-whitespace@6.0.2(postcss@8.4.38):
+    resolution: {integrity: sha512-sXZ2Nj1icbJOKmdjXVT9pnyHQKiSAyuNQHSgRCUgThn2388Y9cGVDR+E9J9iAYbSbLHI+UUwLVl1Wzco/zgv0Q==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.4.31
     dependencies:
-      postcss: 8.4.35
+      postcss: 8.4.38
       postcss-value-parser: 4.2.0
     dev: true
 
-  /postcss-ordered-values@6.0.1(postcss@8.4.35):
-    resolution: {integrity: sha512-XXbb1O/MW9HdEhnBxitZpPFbIvDgbo9NK4c/5bOfiKpnIGZDoL2xd7/e6jW5DYLsWxBbs+1nZEnVgnjnlFViaA==}
+  /postcss-ordered-values@6.0.2(postcss@8.4.38):
+    resolution: {integrity: sha512-VRZSOB+JU32RsEAQrO94QPkClGPKJEL/Z9PCBImXMhIeK5KAYo6slP/hBYlLgrCjFxyqvn5VC81tycFEDBLG1Q==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.4.31
     dependencies:
-      cssnano-utils: 4.0.1(postcss@8.4.35)
-      postcss: 8.4.35
+      cssnano-utils: 4.0.2(postcss@8.4.38)
+      postcss: 8.4.38
       postcss-value-parser: 4.2.0
     dev: true
 
-  /postcss-reduce-initial@6.0.2(postcss@8.4.35):
-    resolution: {integrity: sha512-YGKalhNlCLcjcLvjU5nF8FyeCTkCO5UtvJEt0hrPZVCTtRLSOH4z00T1UntQPj4dUmIYZgMj8qK77JbSX95hSw==}
+  /postcss-reduce-initial@6.1.0(postcss@8.4.38):
+    resolution: {integrity: sha512-RarLgBK/CrL1qZags04oKbVbrrVK2wcxhvta3GCxrZO4zveibqbRPmm2VI8sSgCXwoUHEliRSbOfpR0b/VIoiw==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.4.31
     dependencies:
-      browserslist: 4.22.2
+      browserslist: 4.23.0
       caniuse-api: 3.0.0
-      postcss: 8.4.35
+      postcss: 8.4.38
     dev: true
 
-  /postcss-reduce-transforms@6.0.1(postcss@8.4.35):
-    resolution: {integrity: sha512-fUbV81OkUe75JM+VYO1gr/IoA2b/dRiH6HvMwhrIBSUrxq3jNZQZitSnugcTLDi1KkQh1eR/zi+iyxviUNBkcQ==}
+  /postcss-reduce-transforms@6.0.2(postcss@8.4.38):
+    resolution: {integrity: sha512-sB+Ya++3Xj1WaT9+5LOOdirAxP7dJZms3GRcYheSPi1PiTMigsxHAdkrbItHxwYHr4kt1zL7mmcHstgMYT+aiA==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.4.31
     dependencies:
-      postcss: 8.4.35
+      postcss: 8.4.38
       postcss-value-parser: 4.2.0
     dev: true
 
-  /postcss-selector-parser@6.0.15:
-    resolution: {integrity: sha512-rEYkQOMUCEMhsKbK66tbEU9QVIxbhN18YiniAwA7XQYTVBqrBy+P2p5JcdqsHgKM2zWylp8d7J6eszocfds5Sw==}
+  /postcss-selector-parser@6.0.16:
+    resolution: {integrity: sha512-A0RVJrX+IUkVZbW3ClroRWurercFhieevHB38sr2+l9eUClMqome3LmEmnhlNy+5Mr2EYN6B2Kaw9wYdd+VHiw==}
     engines: {node: '>=4'}
     dependencies:
       cssesc: 3.0.0
       util-deprecate: 1.0.2
     dev: true
 
-  /postcss-svgo@6.0.2(postcss@8.4.35):
-    resolution: {integrity: sha512-IH5R9SjkTkh0kfFOQDImyy1+mTCb+E830+9SV1O+AaDcoHTvfsvt6WwJeo7KwcHbFnevZVCsXhDmjFiGVuwqFQ==}
+  /postcss-svgo@6.0.3(postcss@8.4.38):
+    resolution: {integrity: sha512-dlrahRmxP22bX6iKEjOM+c8/1p+81asjKT+V5lrgOH944ryx/OHpclnIbGsKVd3uWOXFLYJwCVf0eEkJGvO96g==}
     engines: {node: ^14 || ^16 || >= 18}
     peerDependencies:
       postcss: ^8.4.31
     dependencies:
-      postcss: 8.4.35
+      postcss: 8.4.38
       postcss-value-parser: 4.2.0
       svgo: 3.2.0
     dev: true
 
-  /postcss-unique-selectors@6.0.2(postcss@8.4.35):
-    resolution: {integrity: sha512-8IZGQ94nechdG7Y9Sh9FlIY2b4uS8/k8kdKRX040XHsS3B6d1HrJAkXrBSsSu4SuARruSsUjW3nlSw8BHkaAYQ==}
+  /postcss-unique-selectors@6.0.4(postcss@8.4.38):
+    resolution: {integrity: sha512-K38OCaIrO8+PzpArzkLKB42dSARtC2tmG6PvD4b1o1Q2E9Os8jzfWFfSy/rixsHwohtsDdFtAWGjFVFUdwYaMg==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.4.31
     dependencies:
-      postcss: 8.4.35
-      postcss-selector-parser: 6.0.15
+      postcss: 8.4.38
+      postcss-selector-parser: 6.0.16
     dev: true
 
   /postcss-value-parser@4.2.0:
     resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
     dev: true
 
-  /postcss@8.4.35:
-    resolution: {integrity: sha512-u5U8qYpBCpN13BsiEB0CbR1Hhh4Gc0zLFuedrHJKMctHCHAGrMdG0PRM/KErzAL3CU6/eckEtmHNB3x6e3c0vA==}
+  /postcss@8.4.38:
+    resolution: {integrity: sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==}
     engines: {node: ^10 || ^12 || >=14}
     dependencies:
       nanoid: 3.3.7
       picocolors: 1.0.0
-      source-map-js: 1.0.2
+      source-map-js: 1.2.0
 
   /preact@10.18.1:
     resolution: {integrity: sha512-mKUD7RRkQQM6s7Rkmi7IFkoEHjuFqRQUaXamO61E6Nn7vqF/bo7EZCmSyrUnp2UWHw0O7XjZ2eeXis+m7tf4lg==}
@@ -7677,6 +8748,11 @@ packages:
     resolution: {integrity: sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==}
     dev: true
 
+  /process@0.11.10:
+    resolution: {integrity: sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==}
+    engines: {node: '>= 0.6.0'}
+    dev: true
+
   /promise-inflight@1.0.1:
     resolution: {integrity: sha512-6zWPyEOFaQBJYcGMHBKTKJ3u6TBsnMFOIZSa6ce1e/ZrrsOlnHRHbabMjLiBYKp+n44X9eUI6VUPaukCXHuG4g==}
     peerDependencies:
@@ -7722,8 +8798,8 @@ packages:
     resolution: {integrity: sha512-kJt5qhMxoszgU/62PLP1CJytzd2NKetjSRnyuj31fDd3Rlcz3fzlFdFLD1SItunPwyqEOkca6GbV612BWfaBag==}
     dev: true
 
-  /radix3@1.1.0:
-    resolution: {integrity: sha512-pNsHDxbGORSvuSScqNJ+3Km6QAVqk8CfsCBIEoDgpqLrkD2f3QM4I7d1ozJJ172OmIcoUcerZaNWqtLkRXTV3A==}
+  /radix3@1.1.2:
+    resolution: {integrity: sha512-b484I/7b8rDEdSDKckSSBA8knMpcdsXudlE/LNL639wFoHKwLbEkQFZHWEYwDC0wa0FKUcCY+GAF73Z7wxNVFA==}
     dev: true
 
   /randombytes@2.1.0:
@@ -7741,7 +8817,7 @@ packages:
     resolution: {integrity: sha512-lNeOl38Ws0eNxpO3+wD1I9rkHGQyj1NU1jlzv4go2CtEnEQEUfqnIvZG7W+bC/aXdJ27n5x/yUjb6RoT9tko+Q==}
     dependencies:
       defu: 6.1.4
-      destr: 2.0.2
+      destr: 2.0.3
       flat: 5.0.2
 
   /react-is@18.2.0:
@@ -7766,6 +8842,25 @@ packages:
       npm-normalize-package-bin: 3.0.1
     dev: true
 
+  /read-pkg-up@7.0.1:
+    resolution: {integrity: sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==}
+    engines: {node: '>=8'}
+    dependencies:
+      find-up: 4.1.0
+      read-pkg: 5.2.0
+      type-fest: 0.8.1
+    dev: true
+
+  /read-pkg@5.2.0:
+    resolution: {integrity: sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==}
+    engines: {node: '>=8'}
+    dependencies:
+      '@types/normalize-package-data': 2.4.4
+      normalize-package-data: 2.5.0
+      parse-json: 5.2.0
+      type-fest: 0.6.0
+    dev: true
+
   /readable-stream@2.3.8:
     resolution: {integrity: sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==}
     dependencies:
@@ -7787,6 +8882,17 @@ packages:
       util-deprecate: 1.0.2
     dev: true
 
+  /readable-stream@4.5.2:
+    resolution: {integrity: sha512-yjavECdqeZ3GLXNgRXgeQEdz9fvDDkNKyHnbHRFtOr7/LcfgBcmct7t/ET+HaCTqfh06OzoAxrkN/IfjJBVe+g==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      abort-controller: 3.0.0
+      buffer: 6.0.3
+      events: 3.3.0
+      process: 0.11.10
+      string_decoder: 1.3.0
+    dev: true
+
   /readdir-glob@1.1.3:
     resolution: {integrity: sha512-v05I2k7xN8zXvPD9N+z/uhXPaj0sUFCe2rcWZIpBsqxfP7xXFQ0tipAd/wjj1YxWyWtUS5IDJpOG82JKt2EAVA==}
     dependencies:
@@ -7811,6 +8917,18 @@ packages:
       redis-errors: 1.2.0
     dev: true
 
+  /regexp-tree@0.1.27:
+    resolution: {integrity: sha512-iETxpjK6YoRWJG5o6hXLwvjYAoW+FEZn9os0PD/b6AP6xQwsa/Y7lCVgIixBbUPMfhu+i2LtdeAqVTgGlQarfA==}
+    hasBin: true
+    dev: true
+
+  /regjsparser@0.10.0:
+    resolution: {integrity: sha512-qx+xQGZVsy55CH0a1hiVwHmqjLryfh7wQyF5HO07XJ9f7dQMY/gPQHhlyDkIzJKC+x2fUCpCcUODUUUFrm7SHA==}
+    hasBin: true
+    dependencies:
+      jsesc: 0.5.0
+    dev: true
+
   /require-directory@2.1.1:
     resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
     engines: {node: '>=0.10.0'}
@@ -7826,6 +8944,10 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  /resolve-pkg-maps@1.0.0:
+    resolution: {integrity: sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==}
+    dev: true
+
   /resolve@1.19.0:
     resolution: {integrity: sha512-rArEXAgsBG4UgRGcynxWIWKFvh/XZCcS8UJdHhwy91zwAvCZIbcs+vAbflgBnNjYMs/i/i+/Ux6IZhML1yPvxg==}
     dependencies:
@@ -7874,18 +8996,18 @@ packages:
       glob: 7.2.3
     dev: true
 
-  /rollup-plugin-dts@6.1.0(rollup@3.29.4)(typescript@5.3.3):
+  /rollup-plugin-dts@6.1.0(rollup@3.29.4)(typescript@5.4.5):
     resolution: {integrity: sha512-ijSCPICkRMDKDLBK9torss07+8dl9UpY9z1N/zTeA1cIqdzMlpkV3MOOC7zukyvQfDyxa1s3Dl2+DeiP/G6DOw==}
     engines: {node: '>=16'}
     peerDependencies:
       rollup: ^3.29.4 || ^4
       typescript: ^4.5 || ^5.0
     dependencies:
-      magic-string: 0.30.5
+      magic-string: 0.30.8
       rollup: 3.29.4
-      typescript: 5.3.3
+      typescript: 5.4.5
     optionalDependencies:
-      '@babel/code-frame': 7.23.5
+      '@babel/code-frame': 7.24.2
     dev: true
 
   /rollup-plugin-visualizer@5.12.0(rollup@3.29.4):
@@ -7905,7 +9027,7 @@ packages:
       yargs: 17.7.2
     dev: true
 
-  /rollup-plugin-visualizer@5.12.0(rollup@4.9.1):
+  /rollup-plugin-visualizer@5.12.0(rollup@4.13.2):
     resolution: {integrity: sha512-8/NU9jXcHRs7Nnj07PF2o4gjxmm9lXIrZ8r175bT9dK8qoLlvKTwRMArRCMgpMGlq8CTLugRvEmyMeMXIU2pNQ==}
     engines: {node: '>=14'}
     hasBin: true
@@ -7917,7 +9039,7 @@ packages:
     dependencies:
       open: 8.4.2
       picomatch: 2.3.1
-      rollup: 4.9.1
+      rollup: 4.13.2
       source-map: 0.7.4
       yargs: 17.7.2
     dev: true
@@ -7929,24 +9051,28 @@ packages:
     optionalDependencies:
       fsevents: 2.3.3
 
-  /rollup@4.9.1:
-    resolution: {integrity: sha512-pgPO9DWzLoW/vIhlSoDByCzcpX92bKEorbgXuZrqxByte3JFk2xSW2JEeAcyLc9Ru9pqcNNW+Ob7ntsk2oT/Xw==}
+  /rollup@4.13.2:
+    resolution: {integrity: sha512-MIlLgsdMprDBXC+4hsPgzWUasLO9CE4zOkj/u6j+Z6j5A4zRY+CtiXAdJyPtgCsc42g658Aeh1DlrdVEJhsL2g==}
     engines: {node: '>=18.0.0', npm: '>=8.0.0'}
     hasBin: true
+    dependencies:
+      '@types/estree': 1.0.5
     optionalDependencies:
-      '@rollup/rollup-android-arm-eabi': 4.9.1
-      '@rollup/rollup-android-arm64': 4.9.1
-      '@rollup/rollup-darwin-arm64': 4.9.1
-      '@rollup/rollup-darwin-x64': 4.9.1
-      '@rollup/rollup-linux-arm-gnueabihf': 4.9.1
-      '@rollup/rollup-linux-arm64-gnu': 4.9.1
-      '@rollup/rollup-linux-arm64-musl': 4.9.1
-      '@rollup/rollup-linux-riscv64-gnu': 4.9.1
-      '@rollup/rollup-linux-x64-gnu': 4.9.1
-      '@rollup/rollup-linux-x64-musl': 4.9.1
-      '@rollup/rollup-win32-arm64-msvc': 4.9.1
-      '@rollup/rollup-win32-ia32-msvc': 4.9.1
-      '@rollup/rollup-win32-x64-msvc': 4.9.1
+      '@rollup/rollup-android-arm-eabi': 4.13.2
+      '@rollup/rollup-android-arm64': 4.13.2
+      '@rollup/rollup-darwin-arm64': 4.13.2
+      '@rollup/rollup-darwin-x64': 4.13.2
+      '@rollup/rollup-linux-arm-gnueabihf': 4.13.2
+      '@rollup/rollup-linux-arm64-gnu': 4.13.2
+      '@rollup/rollup-linux-arm64-musl': 4.13.2
+      '@rollup/rollup-linux-powerpc64le-gnu': 4.13.2
+      '@rollup/rollup-linux-riscv64-gnu': 4.13.2
+      '@rollup/rollup-linux-s390x-gnu': 4.13.2
+      '@rollup/rollup-linux-x64-gnu': 4.13.2
+      '@rollup/rollup-linux-x64-musl': 4.13.2
+      '@rollup/rollup-win32-arm64-msvc': 4.13.2
+      '@rollup/rollup-win32-ia32-msvc': 4.13.2
+      '@rollup/rollup-win32-x64-msvc': 4.13.2
       fsevents: 2.3.3
     dev: true
 
@@ -7957,6 +9083,11 @@ packages:
       execa: 5.1.1
     dev: true
 
+  /run-applescript@7.0.0:
+    resolution: {integrity: sha512-9by4Ij99JUr/MCFBUkDKLWK3G9HVXmabKz9U5MlIAIuvuzkiOicRYs8XJLxX+xahD+mLiiCYDqF9dKAgtzKP1A==}
+    engines: {node: '>=18'}
+    dev: true
+
   /run-parallel@1.2.0:
     resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
     dependencies:
@@ -7975,26 +9106,31 @@ packages:
     dev: true
     optional: true
 
-  /sass@1.70.0:
-    resolution: {integrity: sha512-uUxNQ3zAHeAx5nRFskBnrWzDUJrrvpCPD5FNAoRvTi0WwremlheES3tg+56PaVtCs5QDRX5CBLxxKMDJMEa1WQ==}
+  /sass@1.75.0:
+    resolution: {integrity: sha512-ShMYi3WkrDWxExyxSZPst4/okE9ts46xZmJDSawJQrnte7M1V9fScVB+uNXOVKRBt0PggHOwoZcn8mYX4trnBw==}
     engines: {node: '>=14.0.0'}
     hasBin: true
     dependencies:
-      chokidar: 3.5.3
+      chokidar: 3.6.0
       immutable: 4.3.4
-      source-map-js: 1.0.2
+      source-map-js: 1.2.0
     dev: true
 
   /scule@1.1.1:
     resolution: {integrity: sha512-sHtm/SsIK9BUBI3EFT/Gnp9VoKfY6QLvlkvAE6YK7454IF8FSgJEAnJpVdSC7K5/pjI5NfxhzBLW2JAfYA/shQ==}
 
-  /scule@1.2.0:
-    resolution: {integrity: sha512-CRCmi5zHQnSoeCik9565PONMg0kfkvYmcSqrbOJY4txFfy1wvVULV4FDaiXhUblUgahdqz3F2NwHZ8i4eBTwUw==}
+  /scule@1.3.0:
+    resolution: {integrity: sha512-6FtHJEvt+pVMIB9IBY+IcCJ6Z5f1iQnytgyfKMhDKgmzYG+TeH/wx1y3l27rshSbLiSanrR9ffZDrEsmjlQF2g==}
 
   /search-insights@2.9.0:
     resolution: {integrity: sha512-bkWW9nIHOFkLwjQ1xqVaMbjjO5vhP26ERsH9Y3pKr8imthofEFIxlnOabkmGcw6ksRj9jWidcI65vvjJH/nTGg==}
     dev: true
 
+  /semver@5.7.2:
+    resolution: {integrity: sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==}
+    hasBin: true
+    dev: true
+
   /semver@6.3.1:
     resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
     hasBin: true
@@ -8005,6 +9141,14 @@ packages:
     hasBin: true
     dependencies:
       lru-cache: 6.0.0
+    dev: true
+
+  /semver@7.6.0:
+    resolution: {integrity: sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==}
+    engines: {node: '>=10'}
+    hasBin: true
+    dependencies:
+      lru-cache: 6.0.0
 
   /send@0.18.0:
     resolution: {integrity: sha512-qqWzuOjSFOuqPjFe4NOsMLafToQQwBSOEpS+FwEt3A2V3vKubTquT3vmLTQpFgMXp8AlFWFuP1qKaJZOtPpVXg==}
@@ -8073,10 +9217,10 @@ packages:
     resolution: {integrity: sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA==}
     dev: true
 
-  /shiki@1.0.0-rc.0:
-    resolution: {integrity: sha512-aeEjERF5qeK+YChgEv94LOjcEcjZBLd0acPaHginz0N8FvyTn2iSLhO0AtoqfvlZ8cWGCJRKLWtDApnQVQB6/Q==}
+  /shiki@1.3.0:
+    resolution: {integrity: sha512-9aNdQy/etMXctnPzsje1h1XIGm9YfRcSksKOGqZWXA/qP9G18/8fpz5Bjpma8bOgz3tqIpjERAd6/lLjFyzoww==}
     dependencies:
-      '@shikijs/core': 1.0.0-rc.0
+      '@shikijs/core': 1.3.0
     dev: true
 
   /siginfo@2.0.0:
@@ -8091,20 +9235,22 @@ packages:
     resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
     engines: {node: '>=14'}
 
-  /sigstore@2.1.0:
-    resolution: {integrity: sha512-kPIj+ZLkyI3QaM0qX8V/nSsweYND3W448pwkDgS6CQ74MfhEkIR8ToK5Iyx46KJYRjseVcD3Rp9zAmUAj6ZjPw==}
+  /sigstore@2.2.2:
+    resolution: {integrity: sha512-2A3WvXkQurhuMgORgT60r6pOWiCOO5LlEqY2ADxGBDGVYLSo5HN0uLtb68YpVpuL/Vi8mLTe7+0Dx2Fq8lLqEg==}
     engines: {node: ^16.14.0 || >=18.0.0}
     dependencies:
-      '@sigstore/bundle': 2.1.0
-      '@sigstore/protobuf-specs': 0.2.1
-      '@sigstore/sign': 2.2.0
-      '@sigstore/tuf': 2.2.0
+      '@sigstore/bundle': 2.2.0
+      '@sigstore/core': 1.1.0
+      '@sigstore/protobuf-specs': 0.3.0
+      '@sigstore/sign': 2.2.3
+      '@sigstore/tuf': 2.3.2
+      '@sigstore/verify': 1.1.1
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /simple-git@3.22.0:
-    resolution: {integrity: sha512-6JujwSs0ac82jkGjMHiCnTifvf1crOiY/+tfs/Pqih6iow7VrpNKRRNdWm6RtaXpvvv/JGNYhlUtLhGFqHF+Yw==}
+  /simple-git@3.24.0:
+    resolution: {integrity: sha512-QqAKee9Twv+3k8IFOFfPB2hnk6as6Y6ACUpwCtQvRYBAes23Wv3SZlHVobAzqcE8gfsisCvPw3HGW3HYM+VYYw==}
     dependencies:
       '@kwsites/file-exists': 1.1.1
       '@kwsites/promise-deferred': 1.1.1
@@ -8184,8 +9330,8 @@ packages:
       smart-buffer: 4.2.0
     dev: true
 
-  /source-map-js@1.0.2:
-    resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
+  /source-map-js@1.2.0:
+    resolution: {integrity: sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==}
     engines: {node: '>=0.10.0'}
 
   /source-map-support@0.5.21:
@@ -8223,6 +9369,13 @@ packages:
       spdx-license-ids: 3.0.16
     dev: true
 
+  /spdx-expression-parse@4.0.0:
+    resolution: {integrity: sha512-Clya5JIij/7C6bRR22+tnGXbc4VKlibKSVj2iHvVeX5iMW7s1SIQlqu699JkODJJIhh/pUu8L0/VLh8xflD+LQ==}
+    dependencies:
+      spdx-exceptions: 2.3.0
+      spdx-license-ids: 3.0.16
+    dev: true
+
   /spdx-license-ids@3.0.16:
     resolution: {integrity: sha512-eWN+LnM3GR6gPu35WxNgbGl8rmY1AEmoMDvL/QD6zYmPWgywxWqJWNdLGT+ke8dKNWrcYgYjPpG5gbTfghP8rw==}
     dev: true
@@ -8232,6 +9385,10 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
+  /splitpanes@3.1.5:
+    resolution: {integrity: sha512-r3Mq2ITFQ5a2VXLOy4/Sb2Ptp7OfEO8YIbhVJqJXoFc9hc5nTXXkCvtVDjIGbvC0vdE7tse+xTM9BMjsszP6bw==}
+    dev: true
+
   /sprintf-js@1.0.3:
     resolution: {integrity: sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==}
     dev: true
@@ -8333,6 +9490,13 @@ packages:
     resolution: {integrity: sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==}
     engines: {node: '>=12'}
 
+  /strip-indent@3.0.0:
+    resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==}
+    engines: {node: '>=8'}
+    dependencies:
+      min-indent: 1.0.1
+    dev: true
+
   /strip-json-comments@3.1.1:
     resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
     engines: {node: '>=8'}
@@ -8349,15 +9513,21 @@ packages:
       js-tokens: 8.0.2
     dev: true
 
-  /stylehacks@6.0.2(postcss@8.4.35):
-    resolution: {integrity: sha512-00zvJGnCu64EpMjX8b5iCZ3us2Ptyw8+toEkb92VdmkEaRaSGBNKAoK6aWZckhXxmQP8zWiTaFaiMGIU8Ve8sg==}
+  /strip-literal@2.1.0:
+    resolution: {integrity: sha512-Op+UycaUt/8FbN/Z2TWPBLge3jWrP3xj10f3fnYxf052bKuS3EKs1ZQcVGjnEMdsNVAM+plXRdmjrZ/KgG3Skw==}
+    dependencies:
+      js-tokens: 9.0.0
+    dev: true
+
+  /stylehacks@6.1.1(postcss@8.4.38):
+    resolution: {integrity: sha512-gSTTEQ670cJNoaeIp9KX6lZmm8LJ3jPB5yJmX8Zq/wQxOsAFXV3qjWzHas3YYk1qesuVIyYWWUpZ0vSE/dTSGg==}
     engines: {node: ^14 || ^16 || >=18.0}
     peerDependencies:
       postcss: ^8.4.31
     dependencies:
-      browserslist: 4.22.2
-      postcss: 8.4.35
-      postcss-selector-parser: 6.0.15
+      browserslist: 4.23.0
+      postcss: 8.4.38
+      postcss-selector-parser: 6.0.16
     dev: true
 
   /supports-color@5.5.0:
@@ -8373,6 +9543,13 @@ packages:
       has-flag: 4.0.0
     dev: true
 
+  /supports-color@8.1.1:
+    resolution: {integrity: sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==}
+    engines: {node: '>=10'}
+    dependencies:
+      has-flag: 4.0.0
+    dev: true
+
   /supports-color@9.4.0:
     resolution: {integrity: sha512-VL+lNrEoIXww1coLPOmiEmK/0sGigko5COxI09KzHc2VJXJsQ37UaQ+8quuxjDeA7+KnLGTWRyOXSLLR2Wb4jw==}
     engines: {node: '>=12'}
@@ -8409,6 +9586,11 @@ packages:
       tslib: 2.6.2
     dev: true
 
+  /system-architecture@0.1.0:
+    resolution: {integrity: sha512-ulAk51I9UVUyJgxlv9M6lFot2WP3e7t8Kz9+IS6D4rVba1tR9kON+Ey69f+1R4Q8cd45Lod6a4IcJIxnzGc/zA==}
+    engines: {node: '>=18'}
+    dev: true
+
   /tabbable@6.2.0:
     resolution: {integrity: sha512-Cat63mxsVJlzYvN51JmVXIgNoUokrIaT2zLclCXjRd8boZ0004U4KCs/sToJ75C6sdlByWxpYnb5Boif1VSFew==}
     dev: true
@@ -8469,8 +9651,8 @@ packages:
     resolution: {integrity: sha512-65NKvSuAVDP/n4CqH+a9w2kTlLReS9vhsAP06MWx+/89nMinJyB2icyl58RIcqCmIggpojIGeuJGhjU1aGMBSg==}
     dev: true
 
-  /tinypool@0.8.2:
-    resolution: {integrity: sha512-SUszKYe5wgsxnNOVlBYO6IC+8VGWdVGZWAqUxp3UErNBtptZvWbwyUOyzNL59zigz2rCA92QiL3wvG+JDSdJdQ==}
+  /tinypool@0.8.3:
+    resolution: {integrity: sha512-Ud7uepAklqRH1bvwy22ynrliC7Dljz7Tm8M/0RBUW+YRa4YHhZ6e4PpgE+fu1zr/WqB1kbeuVrdfeuyIBpy4tw==}
     engines: {node: '>=14.0.0'}
     dev: true
 
@@ -8508,21 +9690,30 @@ packages:
     resolution: {integrity: sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==}
     dev: true
 
-  /ts-api-utils@1.0.3(typescript@5.3.3):
+  /ts-api-utils@1.0.3(typescript@5.4.5):
     resolution: {integrity: sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==}
     engines: {node: '>=16.13.0'}
     peerDependencies:
       typescript: '>=4.2.0'
     dependencies:
-      typescript: 5.3.3
+      typescript: 5.4.5
+    dev: true
+
+  /ts-api-utils@1.3.0(typescript@5.4.5):
+    resolution: {integrity: sha512-UQMIo7pb8WRomKR1/+MFVLTroIvDVtMX3K6OUir8ynLyzB8Jeriont2bTAtmNPa1ekAgN7YPDyf6V+ygrdU+eQ==}
+    engines: {node: '>=16'}
+    peerDependencies:
+      typescript: '>=4.2.0'
+    dependencies:
+      typescript: 5.4.5
     dev: true
 
   /tslib@2.6.2:
     resolution: {integrity: sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==}
     dev: true
 
-  /tuf-js@2.1.0:
-    resolution: {integrity: sha512-eD7YPPjVlMzdggrOeE8zwoegUaG/rt6Bt3jwoQPunRiNVzgcCE009UDFJKJjG+Gk9wFu6W/Vi+P5d/5QpdD9jA==}
+  /tuf-js@2.2.0:
+    resolution: {integrity: sha512-ZSDngmP1z6zw+FIkIBjvOp/II/mIub/O7Pp12j1WNsiCpg5R5wAc//i555bBQsE44O94btLt0xM/Zr2LQjwdCg==}
     engines: {node: ^16.14.0 || >=18.0.0}
     dependencies:
       '@tufjs/models': 2.0.0
@@ -8615,13 +9806,29 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
+  /type-fest@0.6.0:
+    resolution: {integrity: sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /type-fest@0.8.1:
+    resolution: {integrity: sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==}
+    engines: {node: '>=8'}
+    dev: true
+
   /type-fest@3.13.1:
     resolution: {integrity: sha512-tLq3bSNx+xSpwvAJnzrK0Ep5CLNWjvFTOp71URMaAEWBfRb9nnJiBoUe0tF8bI4ZFO3omgBR6NvnbzVUT3Ly4g==}
     engines: {node: '>=14.16'}
     dev: true
 
-  /typescript@5.3.3:
-    resolution: {integrity: sha512-pXWcraxM0uxAS+tN0AG/BF2TyqmHO014Z070UsJ+pFvYuRSq8KH8DmWpnbXe0pEPDHXZV3FcAbJkijJ5oNEnWw==}
+  /typescript@5.4.2:
+    resolution: {integrity: sha512-+2/g0Fds1ERlP6JsakQQDXjZdZMM+rqpamFZJEKh4kwTIn3iDkgKtby0CeNd5ATNZ4Ry1ax15TMx0W2V+miizQ==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+    dev: true
+
+  /typescript@5.4.5:
+    resolution: {integrity: sha512-vcI4UpRgg81oIRUFwR0WSIHKt11nJ7SAVlYNIu+QpqeyXP+gpQJy/Z4+F0aGxSE4MqwjyXvW/TzgkLAx2AGHwQ==}
     engines: {node: '>=14.17'}
     hasBin: true
 
@@ -8631,11 +9838,14 @@ packages:
   /ufo@1.3.2:
     resolution: {integrity: sha512-o+ORpgGwaYQXgqGDwd+hkS4PuZ3QnmqMMxRuajK/a38L6fTpcE5GPIfrf+L/KemFzfUpeUQc1rRS1iDBozvnFA==}
 
-  /ultrahtml@1.5.2:
-    resolution: {integrity: sha512-qh4mBffhlkiXwDAOxvSGxhL0QEQsTbnP9BozOK3OYPEGvPvdWzvAUaXNtUSMdNsKDtuyjEbyVUPFZ52SSLhLqw==}
+  /ufo@1.5.3:
+    resolution: {integrity: sha512-Y7HYmWaFwPUmkoQCUIAYpKqkOf+SbVj/2fJJZ4RJMCfZp0rTGwRbzQD+HghfnhKOjL9E01okqz+ncJskGYfBNw==}
+
+  /ultrahtml@1.5.3:
+    resolution: {integrity: sha512-GykOvZwgDWZlTQMtp5jrD4BVL+gNn2NVlVafjcFUJ7taY20tqYdwdoWBFy6GBJsNTZe1GkGPkSl5knQAjtgceg==}
     dev: true
 
-  /unbuild@2.0.0(typescript@5.3.3):
+  /unbuild@2.0.0(typescript@5.4.5):
     resolution: {integrity: sha512-JWCUYx3Oxdzvw2J9kTAp+DKE8df/BnH/JTSj6JyA4SH40ECdFu7FoJJcrm8G92B7TjofQ6GZGjJs50TRxoH6Wg==}
     hasBin: true
     peerDependencies:
@@ -8659,21 +9869,30 @@ packages:
       hookable: 5.5.3
       jiti: 1.21.0
       magic-string: 0.30.5
-      mkdist: 1.3.0(typescript@5.3.3)
+      mkdist: 1.3.0(typescript@5.4.5)
       mlly: 1.4.2
       pathe: 1.1.1
       pkg-types: 1.0.3
       pretty-bytes: 6.1.1
       rollup: 3.29.4
-      rollup-plugin-dts: 6.1.0(rollup@3.29.4)(typescript@5.3.3)
+      rollup-plugin-dts: 6.1.0(rollup@3.29.4)(typescript@5.4.5)
       scule: 1.1.1
-      typescript: 5.3.3
+      typescript: 5.4.5
       untyped: 1.4.0
     transitivePeerDependencies:
       - sass
       - supports-color
     dev: true
 
+  /unconfig@0.3.11:
+    resolution: {integrity: sha512-bV/nqePAKv71v3HdVUn6UefbsDKQWRX+bJIkiSm0+twIds6WiD2bJLWWT3i214+J/B4edufZpG2w7Y63Vbwxow==}
+    dependencies:
+      '@antfu/utils': 0.7.7
+      defu: 6.1.4
+      jiti: 1.21.0
+      mlly: 1.6.1
+    dev: true
+
   /uncrypto@0.1.3:
     resolution: {integrity: sha512-Ql87qFHB3s/De2ClA9e0gsnS6zXG27SkTiSJwjCc9MebbfapQfuPzumMIUMi38ezPZVNFcHI9sUIepeQfw8J8Q==}
     dev: true
@@ -8683,15 +9902,15 @@ packages:
     dependencies:
       acorn: 8.11.3
       estree-walker: 3.0.3
-      magic-string: 0.30.7
-      unplugin: 1.6.0
+      magic-string: 0.30.9
+      unplugin: 1.10.1
 
   /undici-types@5.26.5:
     resolution: {integrity: sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==}
     dev: true
 
-  /undici@5.27.2:
-    resolution: {integrity: sha512-iS857PdOEy/y3wlM3yRp+6SNQQ6xU0mmZcwRSriqk+et/cwWAtwmIGf6WkoDN2EK/AMdCO/dfXzIwi+rFMrjjQ==}
+  /undici@5.28.3:
+    resolution: {integrity: sha512-3ItfzbrhDlINjaP0duwnNsKpDQk3acHI3gVJ1z4fmwMK31k5G9OVIAMLSIaP6w4FaGkaAkN6zaQO9LUvZ1t7VA==}
     engines: {node: '>=14.0'}
     dependencies:
       '@fastify/busboy': 2.0.0
@@ -8703,16 +9922,16 @@ packages:
       consola: 3.2.3
       defu: 6.1.4
       mime: 3.0.0
-      node-fetch-native: 1.6.1
+      node-fetch-native: 1.6.4
       pathe: 1.1.2
     dev: true
 
-  /unhead@1.8.10:
-    resolution: {integrity: sha512-dth8FvZkLriO5ZWWOBIYBNSfGiwJtKcqpPWpSOk/Z0e2jdlgwoZEWZHFyte0EKvmbZxKcsWNMqIuv7dEmS5yZQ==}
+  /unhead@1.9.5:
+    resolution: {integrity: sha512-eBKDPO9IMltRze9mHNYIVdosjlqoNFbwJRbykGT/7z/S5uYR2QRCXmIhEsJT4crffy6KQyB5ywLPqjRPx0s57A==}
     dependencies:
-      '@unhead/dom': 1.8.10
-      '@unhead/schema': 1.8.10
-      '@unhead/shared': 1.8.10
+      '@unhead/dom': 1.9.5
+      '@unhead/schema': 1.9.5
+      '@unhead/shared': 1.9.5
       hookable: 5.5.3
     dev: true
 
@@ -8739,10 +9958,10 @@ packages:
     transitivePeerDependencies:
       - rollup
 
-  /unimport@3.7.1(rollup@4.9.1):
+  /unimport@3.7.1(rollup@4.13.2):
     resolution: {integrity: sha512-V9HpXYfsZye5bPPYUgs0Otn3ODS1mDUciaBlXljI4C2fTwfFpvFZRywmlOu943puN9sncxROMZhsZCjNXEpzEQ==}
     dependencies:
-      '@rollup/pluginutils': 5.1.0(rollup@4.9.1)
+      '@rollup/pluginutils': 5.1.0(rollup@4.13.2)
       acorn: 8.11.2
       escape-string-regexp: 5.0.0
       estree-walker: 3.0.3
@@ -8783,6 +10002,45 @@ packages:
     engines: {node: '>= 10.0.0'}
     dev: true
 
+  /unocss@0.58.8(postcss@8.4.38)(rollup@3.29.4)(vite@5.2.8):
+    resolution: {integrity: sha512-oMWCEgwvxJcF1BZxxkbTyTd83xtArsza3DModUrJrPndnpOVVz9fZ5g6wcrDbVpv6+cvRrgMCeKMlWKt9WIIsA==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@unocss/webpack': 0.58.8
+      vite: ^2.9.0 || ^3.0.0-0 || ^4.0.0 || ^5.0.0-0
+    peerDependenciesMeta:
+      '@unocss/webpack':
+        optional: true
+      vite:
+        optional: true
+    dependencies:
+      '@unocss/astro': 0.58.8(rollup@3.29.4)(vite@5.2.8)
+      '@unocss/cli': 0.58.8(rollup@3.29.4)
+      '@unocss/core': 0.58.8
+      '@unocss/extractor-arbitrary-variants': 0.58.8
+      '@unocss/postcss': 0.58.8(postcss@8.4.38)
+      '@unocss/preset-attributify': 0.58.8
+      '@unocss/preset-icons': 0.58.8
+      '@unocss/preset-mini': 0.58.8
+      '@unocss/preset-tagify': 0.58.8
+      '@unocss/preset-typography': 0.58.8
+      '@unocss/preset-uno': 0.58.8
+      '@unocss/preset-web-fonts': 0.58.8
+      '@unocss/preset-wind': 0.58.8
+      '@unocss/reset': 0.58.8
+      '@unocss/transformer-attributify-jsx': 0.58.8
+      '@unocss/transformer-attributify-jsx-babel': 0.58.8
+      '@unocss/transformer-compile-class': 0.58.8
+      '@unocss/transformer-directives': 0.58.8
+      '@unocss/transformer-variant-group': 0.58.8
+      '@unocss/vite': 0.58.8(rollup@3.29.4)(vite@5.2.8)
+      vite: 5.2.8(@types/node@20.12.7)(sass@1.75.0)
+    transitivePeerDependencies:
+      - postcss
+      - rollup
+      - supports-color
+    dev: true
+
   /unplugin-icons@0.18.5:
     resolution: {integrity: sha512-KVNAohXbZ7tVcG1C3p6QaC7wU9Qrj7etv4XvsMMJAxr5LccQZ+Iuv5LOIv/7GtqXaGN1BuFCqRO1ErsHEgEXdQ==}
     peerDependencies:
@@ -8814,7 +10072,7 @@ packages:
       - supports-color
     dev: true
 
-  /unplugin-vue-router@0.7.0(rollup@3.29.4)(vue-router@4.2.5)(vue@3.4.18):
+  /unplugin-vue-router@0.7.0(rollup@3.29.4)(vue-router@4.3.0)(vue@3.4.21):
     resolution: {integrity: sha512-ddRreGq0t5vlSB7OMy4e4cfU1w2AwBQCwmvW3oP/0IHQiokzbx4hd3TpwBu3eIAFVuhX2cwNQwp1U32UybTVCw==}
     peerDependencies:
       vue-router: ^4.1.0
@@ -8822,25 +10080,34 @@ packages:
       vue-router:
         optional: true
     dependencies:
-      '@babel/types': 7.23.9
+      '@babel/types': 7.24.0
       '@rollup/pluginutils': 5.1.0(rollup@3.29.4)
-      '@vue-macros/common': 1.8.0(rollup@3.29.4)(vue@3.4.18)
+      '@vue-macros/common': 1.8.0(rollup@3.29.4)(vue@3.4.21)
       ast-walker-scope: 0.5.0(rollup@3.29.4)
-      chokidar: 3.5.3
+      chokidar: 3.6.0
       fast-glob: 3.3.2
       json5: 2.2.3
       local-pkg: 0.4.3
-      mlly: 1.5.0
+      mlly: 1.6.1
       pathe: 1.1.2
-      scule: 1.2.0
-      unplugin: 1.6.0
-      vue-router: 4.2.5(vue@3.4.18)
+      scule: 1.3.0
+      unplugin: 1.10.1
+      vue-router: 4.3.0(vue@3.4.21)
       yaml: 2.3.4
     transitivePeerDependencies:
       - rollup
       - vue
     dev: true
 
+  /unplugin@1.10.1:
+    resolution: {integrity: sha512-d6Mhq8RJeGA8UfKCu54Um4lFA0eSaRa3XxdAJg8tIdxbu1ubW0hBCZUL7yI2uGyYCRndvbK8FLHzqy2XKfeMsg==}
+    engines: {node: '>=14.0.0'}
+    dependencies:
+      acorn: 8.11.3
+      chokidar: 3.6.0
+      webpack-sources: 3.2.3
+      webpack-virtual-modules: 0.6.1
+
   /unplugin@1.5.1:
     resolution: {integrity: sha512-0QkvG13z6RD+1L1FoibQqnvTwVBXvS4XSPwAyinVgoOCl2jAgwzdUKmEj05o4Lt8xwQI85Hb6mSyYkcAGwZPew==}
     dependencies:
@@ -8856,22 +10123,24 @@ packages:
       chokidar: 3.5.3
       webpack-sources: 3.2.3
       webpack-virtual-modules: 0.6.1
+    dev: true
 
-  /unstorage@1.10.1:
-    resolution: {integrity: sha512-rWQvLRfZNBpF+x8D3/gda5nUCQL2PgXy2jNG4U7/Rc9BGEv9+CAJd0YyGCROUBKs9v49Hg8huw3aih5Bf5TAVw==}
+  /unstorage@1.10.2(ioredis@5.3.2):
+    resolution: {integrity: sha512-cULBcwDqrS8UhlIysUJs2Dk0Mmt8h7B0E6mtR+relW9nZvsf/u4SkAYyNliPiPW7XtFNb5u3IUMkxGxFTTRTgQ==}
     peerDependencies:
-      '@azure/app-configuration': ^1.4.1
+      '@azure/app-configuration': ^1.5.0
       '@azure/cosmos': ^4.0.0
       '@azure/data-tables': ^13.2.2
-      '@azure/identity': ^3.3.2
-      '@azure/keyvault-secrets': ^4.7.0
-      '@azure/storage-blob': ^12.16.0
-      '@capacitor/preferences': ^5.0.6
-      '@netlify/blobs': ^6.2.0
-      '@planetscale/database': ^1.11.0
-      '@upstash/redis': ^1.23.4
-      '@vercel/kv': ^0.2.3
+      '@azure/identity': ^4.0.1
+      '@azure/keyvault-secrets': ^4.8.0
+      '@azure/storage-blob': ^12.17.0
+      '@capacitor/preferences': ^5.0.7
+      '@netlify/blobs': ^6.5.0 || ^7.0.0
+      '@planetscale/database': ^1.16.0
+      '@upstash/redis': ^1.28.4
+      '@vercel/kv': ^1.0.1
       idb-keyval: ^6.2.1
+      ioredis: ^5.3.2
     peerDependenciesMeta:
       '@azure/app-configuration':
         optional: true
@@ -8897,20 +10166,22 @@ packages:
         optional: true
       idb-keyval:
         optional: true
+      ioredis:
+        optional: true
     dependencies:
       anymatch: 3.1.3
-      chokidar: 3.5.3
-      destr: 2.0.2
-      h3: 1.10.1
+      chokidar: 3.6.0
+      destr: 2.0.3
+      h3: 1.11.1
       ioredis: 5.3.2
-      listhen: 1.5.5
-      lru-cache: 10.1.0
+      listhen: 1.7.2
+      lru-cache: 10.2.0
       mri: 1.2.0
-      node-fetch-native: 1.6.1
-      ofetch: 1.3.3
-      ufo: 1.3.2
+      node-fetch-native: 1.6.4
+      ofetch: 1.3.4
+      ufo: 1.5.3
     transitivePeerDependencies:
-      - supports-color
+      - uWebSockets.js
     dev: true
 
   /untildify@4.0.0:
@@ -8918,11 +10189,11 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  /untun@0.1.2:
-    resolution: {integrity: sha512-wLAMWvxfqyTiBODA1lg3IXHQtjggYLeTK7RnSfqtOXixWJ3bAa2kK/HHmOOg19upteqO3muLvN6O/icbyQY33Q==}
+  /untun@0.1.3:
+    resolution: {integrity: sha512-4luGP9LMYszMRZwsvyUd9MrxgEGZdZuZgpVQHEEX0lCYFESasVRvZd0EYpCkOIbJKHMuv0LskpXc/8Un+MJzEQ==}
     hasBin: true
     dependencies:
-      citty: 0.1.5
+      citty: 0.1.6
       consola: 3.2.3
       pathe: 1.1.2
     dev: true
@@ -8946,16 +10217,27 @@ packages:
     resolution: {integrity: sha512-nC5q0DnPEPVURPhfPQLahhSTnemVtPzdx7ofiRxXpOB2SYnb3MfdU3DVGyJdS8Lx+tBWeAePO8BfU/3EgksM7Q==}
     hasBin: true
     dependencies:
-      '@babel/core': 7.23.9
+      '@babel/core': 7.24.3
       '@babel/standalone': 7.23.10
-      '@babel/types': 7.23.9
+      '@babel/types': 7.24.0
       defu: 6.1.4
       jiti: 1.21.0
       mri: 1.2.0
-      scule: 1.2.0
+      scule: 1.3.0
     transitivePeerDependencies:
       - supports-color
 
+  /unwasm@0.3.9:
+    resolution: {integrity: sha512-LDxTx/2DkFURUd+BU1vUsF/moj0JsoTvl+2tcg2AUOiEzVturhGGx17/IMgGvKUYdZwr33EJHtChCJuhu9Ouvg==}
+    dependencies:
+      knitwork: 1.1.0
+      magic-string: 0.30.9
+      mlly: 1.6.1
+      pathe: 1.1.2
+      pkg-types: 1.0.3
+      unplugin: 1.10.1
+    dev: true
+
   /update-browserslist-db@1.0.13(browserslist@4.22.1):
     resolution: {integrity: sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==}
     hasBin: true
@@ -8967,13 +10249,13 @@ packages:
       picocolors: 1.0.0
     dev: true
 
-  /update-browserslist-db@1.0.13(browserslist@4.22.2):
+  /update-browserslist-db@1.0.13(browserslist@4.23.0):
     resolution: {integrity: sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==}
     hasBin: true
     peerDependencies:
       browserslist: '>= 4.21.0'
     dependencies:
-      browserslist: 4.22.2
+      browserslist: 4.23.0
       escalade: 3.1.1
       picocolors: 1.0.0
 
@@ -8995,15 +10277,6 @@ packages:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
     dev: true
 
-  /v8-to-istanbul@9.2.0:
-    resolution: {integrity: sha512-/EH/sDgxU2eGxajKdwLCDmQ4FWq+kpi3uCmBGpw1xJtnAxEjlD8j8PEiGWpCIMIs3ciNAgH0d3TTJiUkYzyZjA==}
-    engines: {node: '>=10.12.0'}
-    dependencies:
-      '@jridgewell/trace-mapping': 0.3.20
-      '@types/istanbul-lib-coverage': 2.0.5
-      convert-source-map: 2.0.0
-    dev: true
-
   /validate-npm-package-license@3.0.4:
     resolution: {integrity: sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==}
     dependencies:
@@ -9023,8 +10296,16 @@ packages:
     engines: {node: '>= 0.10'}
     dev: true
 
-  /vite-node@1.2.2(@types/node@20.11.17)(sass@1.70.0):
-    resolution: {integrity: sha512-1as4rDTgVWJO3n1uHmUYqq7nsFgINQ9u+mRcXpjeOMJUmviqNKjcZB7UfRZrlM7MjYXMKpuWp5oGkjaFLnjawg==}
+  /vite-hot-client@0.2.3(vite@5.2.8):
+    resolution: {integrity: sha512-rOGAV7rUlUHX89fP2p2v0A2WWvV3QMX2UYq0fRqsWSvFvev4atHWqjwGoKaZT1VTKyLGk533ecu3eyd0o59CAg==}
+    peerDependencies:
+      vite: ^2.6.0 || ^3.0.0 || ^4.0.0 || ^5.0.0-0
+    dependencies:
+      vite: 5.2.8(@types/node@20.12.7)(sass@1.75.0)
+    dev: true
+
+  /vite-node@1.5.0(@types/node@20.12.7)(sass@1.75.0):
+    resolution: {integrity: sha512-tV8h6gMj6vPzVCa7l+VGq9lwoJjW8Y79vst8QZZGiuRAfijU+EEWuc0kFpmndQrWhMMhet1jdSF+40KSZUqIIw==}
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
     dependencies:
@@ -9032,7 +10313,7 @@ packages:
       debug: 4.3.4
       pathe: 1.1.2
       picocolors: 1.0.0
-      vite: 5.1.1(@types/node@20.11.17)(sass@1.70.0)
+      vite: 5.2.8(@types/node@20.12.7)(sass@1.75.0)
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -9044,7 +10325,7 @@ packages:
       - terser
     dev: true
 
-  /vite-plugin-checker@0.6.4(eslint@8.56.0)(typescript@5.3.3)(vite@5.0.12):
+  /vite-plugin-checker@0.6.4(eslint@8.57.0)(typescript@5.4.5)(vite@5.2.8):
     resolution: {integrity: sha512-2zKHH5oxr+ye43nReRbC2fny1nyARwhxdm0uNYp/ERy4YvU9iZpNOsueoi/luXw5gnpqRSvjcEPxXbS153O2wA==}
     engines: {node: '>=14.16'}
     peerDependencies:
@@ -9075,28 +10356,28 @@ packages:
       vue-tsc:
         optional: true
     dependencies:
-      '@babel/code-frame': 7.23.5
+      '@babel/code-frame': 7.24.2
       ansi-escapes: 4.3.2
       chalk: 4.1.2
-      chokidar: 3.5.3
+      chokidar: 3.6.0
       commander: 8.3.0
-      eslint: 8.56.0
+      eslint: 8.57.0
       fast-glob: 3.3.2
       fs-extra: 11.2.0
       npm-run-path: 4.0.1
-      semver: 7.5.4
+      semver: 7.6.0
       strip-ansi: 6.0.1
       tiny-invariant: 1.3.1
-      typescript: 5.3.3
-      vite: 5.0.12(@types/node@20.11.17)
+      typescript: 5.4.5
+      vite: 5.2.8(@types/node@20.12.7)(sass@1.75.0)
       vscode-languageclient: 7.0.0
       vscode-languageserver: 7.0.0
       vscode-languageserver-textdocument: 1.0.11
       vscode-uri: 3.0.8
     dev: true
 
-  /vite-plugin-dts@3.7.2(@types/node@20.11.17)(typescript@5.3.3)(vite@5.1.1):
-    resolution: {integrity: sha512-kg//1nDA01b8rufJf4TsvYN8LMkdwv0oBYpiQi6nRwpHyue+wTlhrBiqgipdFpMnW1oOYv6ywmzE5B0vg6vSEA==}
+  /vite-plugin-dts@3.8.2(@types/node@20.12.7)(typescript@5.4.5)(vite@5.2.8):
+    resolution: {integrity: sha512-GPkLNBUU+ztskHj37nelNsgRLurFuqXxqICSd/IxjRmgee1T6IIYlRCanugc9QtgWjYVPC/HJzSfpXJSy9OLUA==}
     engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
       typescript: '*'
@@ -9105,22 +10386,23 @@ packages:
       vite:
         optional: true
     dependencies:
-      '@microsoft/api-extractor': 7.39.0(@types/node@20.11.17)
-      '@rollup/pluginutils': 5.1.0(rollup@4.9.1)
-      '@vue/language-core': 1.8.27(typescript@5.3.3)
+      '@microsoft/api-extractor': 7.43.0(@types/node@20.12.7)
+      '@rollup/pluginutils': 5.1.0(rollup@4.13.2)
+      '@vue/language-core': 1.8.27(typescript@5.4.5)
       debug: 4.3.4
       kolorist: 1.8.0
-      typescript: 5.3.3
-      vite: 5.1.1(@types/node@20.11.17)(sass@1.70.0)
-      vue-tsc: 1.8.27(typescript@5.3.3)
+      magic-string: 0.30.8
+      typescript: 5.4.5
+      vite: 5.2.8(@types/node@20.12.7)(sass@1.75.0)
+      vue-tsc: 1.8.27(typescript@5.4.5)
     transitivePeerDependencies:
       - '@types/node'
       - rollup
       - supports-color
     dev: true
 
-  /vite-plugin-inspect@0.8.1(@nuxt/kit@3.10.1)(rollup@3.29.4)(vite@5.1.1):
-    resolution: {integrity: sha512-oPBPVGp6tBd5KdY/qY6lrbLXqrbHRG0hZLvEaJfiZ/GQfDB+szRuLHblQh1oi1Hhh8GeLit/50l4xfs2SA+TCA==}
+  /vite-plugin-inspect@0.8.3(@nuxt/kit@3.11.2)(rollup@3.29.4)(vite@5.2.8):
+    resolution: {integrity: sha512-SBVzOIdP/kwe6hjkt7LSW4D0+REqqe58AumcnCfRNw4Kt3mbS9pEBkch+nupu2PBxv2tQi69EQHQ1ZA1vgB/Og==}
     engines: {node: '>=14'}
     peerDependencies:
       '@nuxt/kit': '*'
@@ -9130,77 +10412,42 @@ packages:
         optional: true
     dependencies:
       '@antfu/utils': 0.7.7
-      '@nuxt/kit': 3.10.1(rollup@3.29.4)
+      '@nuxt/kit': 3.11.2(rollup@3.29.4)
       '@rollup/pluginutils': 5.1.0(rollup@3.29.4)
       debug: 4.3.4
       error-stack-parser-es: 0.1.1
       fs-extra: 11.2.0
-      open: 9.1.0
+      open: 10.1.0
+      perfect-debounce: 1.0.0
       picocolors: 1.0.0
       sirv: 2.0.4
-      vite: 5.1.1(@types/node@20.11.17)(sass@1.70.0)
+      vite: 5.2.8(@types/node@20.12.7)(sass@1.75.0)
     transitivePeerDependencies:
       - rollup
       - supports-color
     dev: true
 
-  /vite-plugin-vue-inspector@4.0.2(vite@5.1.1):
+  /vite-plugin-vue-inspector@4.0.2(vite@5.2.8):
     resolution: {integrity: sha512-KPvLEuafPG13T7JJuQbSm5PwSxKFnVS965+MP1we2xGw9BPkkc/+LPix5MMWenpKWqtjr0ws8THrR+KuoDC8hg==}
     peerDependencies:
       vite: ^3.0.0-0 || ^4.0.0-0 || ^5.0.0-0
     dependencies:
-      '@babel/core': 7.23.3
-      '@babel/plugin-proposal-decorators': 7.23.2(@babel/core@7.23.3)
-      '@babel/plugin-syntax-import-attributes': 7.22.5(@babel/core@7.23.3)
-      '@babel/plugin-syntax-import-meta': 7.10.4(@babel/core@7.23.3)
-      '@babel/plugin-transform-typescript': 7.23.4(@babel/core@7.23.3)
-      '@vue/babel-plugin-jsx': 1.1.5(@babel/core@7.23.3)
-      '@vue/compiler-dom': 3.4.15
+      '@babel/core': 7.23.9
+      '@babel/plugin-proposal-decorators': 7.23.2(@babel/core@7.23.9)
+      '@babel/plugin-syntax-import-attributes': 7.22.5(@babel/core@7.23.9)
+      '@babel/plugin-syntax-import-meta': 7.10.4(@babel/core@7.23.9)
+      '@babel/plugin-transform-typescript': 7.23.4(@babel/core@7.23.9)
+      '@vue/babel-plugin-jsx': 1.1.5(@babel/core@7.23.9)
+      '@vue/compiler-dom': 3.4.21
       kolorist: 1.8.0
-      magic-string: 0.30.7
-      vite: 5.1.1(@types/node@20.11.17)(sass@1.70.0)
+      magic-string: 0.30.9
+      vite: 5.2.8(@types/node@20.12.7)(sass@1.75.0)
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /vite@5.0.12(@types/node@20.11.17):
-    resolution: {integrity: sha512-4hsnEkG3q0N4Tzf1+t6NdN9dg/L3BM+q8SWgbSPnJvrgH2kgdyzfVJwbR1ic69/4uMJJ/3dqDZZE5/WwqW8U1w==}
-    engines: {node: ^18.0.0 || >=20.0.0}
-    hasBin: true
-    peerDependencies:
-      '@types/node': ^18.0.0 || >=20.0.0
-      less: '*'
-      lightningcss: ^1.21.0
-      sass: '*'
-      stylus: '*'
-      sugarss: '*'
-      terser: ^5.4.0
-    peerDependenciesMeta:
-      '@types/node':
-        optional: true
-      less:
-        optional: true
-      lightningcss:
-        optional: true
-      sass:
-        optional: true
-      stylus:
-        optional: true
-      sugarss:
-        optional: true
-      terser:
-        optional: true
-    dependencies:
-      '@types/node': 20.11.17
-      esbuild: 0.19.11
-      postcss: 8.4.35
-      rollup: 4.9.1
-    optionalDependencies:
-      fsevents: 2.3.3
-    dev: true
-
-  /vite@5.1.1(@types/node@20.11.17)(sass@1.70.0):
-    resolution: {integrity: sha512-wclpAgY3F1tR7t9LL5CcHC41YPkQIpKUGeIuT8MdNwNZr6OqOTLs7JX5vIHAtzqLWXts0T+GDrh9pN2arneKqg==}
+  /vite@5.2.8(@types/node@20.12.7)(sass@1.75.0):
+    resolution: {integrity: sha512-OyZR+c1CE8yeHw5V5t59aXsUPPVTHMDjEZz8MgguLL/Q7NblxhZUlTu9xSPqlsUO/y+X7dlU05jdhvyycD55DA==}
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
     peerDependencies:
@@ -9227,42 +10474,42 @@ packages:
       terser:
         optional: true
     dependencies:
-      '@types/node': 20.11.17
-      esbuild: 0.19.11
-      postcss: 8.4.35
-      rollup: 4.9.1
-      sass: 1.70.0
+      '@types/node': 20.12.7
+      esbuild: 0.20.2
+      postcss: 8.4.38
+      rollup: 4.13.2
+      sass: 1.75.0
     optionalDependencies:
       fsevents: 2.3.3
     dev: true
 
-  /vitepress@1.0.0-rc.42(@algolia/client-search@4.20.0)(@types/node@20.11.17)(search-insights@2.9.0)(typescript@5.3.3):
-    resolution: {integrity: sha512-VeiVVXFblt/sjruFSJBNChMWwlztMrRMe8UXdNpf4e05mKtTYEY38MF5qoP90KxPTCfMQiKqwEGwXAGuOTK8HQ==}
+  /vitepress@1.1.0(@algolia/client-search@4.20.0)(@types/node@20.12.7)(search-insights@2.9.0)(typescript@5.4.5):
+    resolution: {integrity: sha512-G+NS5I2OETxC0SfGAMDO75JWNkrcir0UCptuhQMNoaZhhlqvYtTDQhph4qGc5dtiTtZkcFa/bCcSx+A2gSS3lA==}
     hasBin: true
     peerDependencies:
-      markdown-it-mathjax3: ^4.3.2
-      postcss: ^8.4.34
+      markdown-it-mathjax3: ^4
+      postcss: ^8
     peerDependenciesMeta:
       markdown-it-mathjax3:
         optional: true
       postcss:
         optional: true
     dependencies:
-      '@docsearch/css': 3.5.2
-      '@docsearch/js': 3.5.2(@algolia/client-search@4.20.0)(search-insights@2.9.0)
-      '@shikijs/core': 1.0.0-rc.0
-      '@shikijs/transformers': 1.0.0-rc.0
+      '@docsearch/css': 3.6.0
+      '@docsearch/js': 3.6.0(@algolia/client-search@4.20.0)(search-insights@2.9.0)
+      '@shikijs/core': 1.3.0
+      '@shikijs/transformers': 1.3.0
       '@types/markdown-it': 13.0.7
-      '@vitejs/plugin-vue': 5.0.3(vite@5.0.12)(vue@3.4.18)
-      '@vue/devtools-api': 7.0.14
-      '@vueuse/core': 10.7.2(vue@3.4.18)
-      '@vueuse/integrations': 10.7.2(focus-trap@7.5.4)(vue@3.4.18)
+      '@vitejs/plugin-vue': 5.0.4(vite@5.2.8)(vue@3.4.21)
+      '@vue/devtools-api': 7.0.25(vue@3.4.21)
+      '@vueuse/core': 10.9.0(vue@3.4.21)
+      '@vueuse/integrations': 10.9.0(focus-trap@7.5.4)(vue@3.4.21)
       focus-trap: 7.5.4
       mark.js: 8.11.1
       minisearch: 6.3.0
-      shiki: 1.0.0-rc.0
-      vite: 5.0.12(@types/node@20.11.17)
-      vue: 3.4.18(typescript@5.3.3)
+      shiki: 1.3.0
+      vite: 5.2.8(@types/node@20.12.7)(sass@1.75.0)
+      vue: 3.4.21(typescript@5.4.5)
     transitivePeerDependencies:
       - '@algolia/client-search'
       - '@types/node'
@@ -9291,13 +10538,14 @@ packages:
       - universal-cookie
     dev: true
 
-  /vitest-environment-nuxt@1.0.0(h3@1.10.1)(rollup@3.29.4)(vite@5.1.1)(vue-router@4.2.5)(vue@3.4.18):
+  /vitest-environment-nuxt@1.0.0(h3@1.11.1)(rollup@3.29.4)(vite@5.2.8)(vue-router@4.3.0)(vue@3.4.21):
     resolution: {integrity: sha512-AWMO9h4HdbaFdPWZw34gALFI8gbBiOpvfbyeZwHIPfh4kWg/TwElYHvYMQ61WPUlCGaS5LebfHkaI0WPyb//Iw==}
     dependencies:
-      '@nuxt/test-utils': 3.11.0(h3@1.10.1)(rollup@3.29.4)(vite@5.1.1)(vue-router@4.2.5)(vue@3.4.18)
+      '@nuxt/test-utils': 3.12.0(h3@1.11.1)(rollup@3.29.4)(vite@5.2.8)(vue-router@4.3.0)(vue@3.4.21)
     transitivePeerDependencies:
       - '@cucumber/cucumber'
       - '@jest/globals'
+      - '@playwright/test'
       - '@testing-library/vue'
       - '@vitest/ui'
       - '@vue/test-utils'
@@ -9313,15 +10561,15 @@ packages:
       - vue-router
     dev: true
 
-  /vitest@1.2.2(@types/node@20.11.17)(happy-dom@13.3.8)(sass@1.70.0):
-    resolution: {integrity: sha512-d5Ouvrnms3GD9USIK36KG8OZ5bEvKEkITFtnGv56HFaSlbItJuYr7hv2Lkn903+AvRAgSixiamozUVfORUekjw==}
+  /vitest@1.5.0(@types/node@20.12.7)(happy-dom@13.6.2)(sass@1.75.0):
+    resolution: {integrity: sha512-d8UKgR0m2kjdxDWX6911uwxout6GHS0XaGH1cksSIVVG8kRlE7G7aBw7myKQCvDI5dT4j7ZMa+l706BIORMDLw==}
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
     peerDependencies:
       '@edge-runtime/vm': '*'
       '@types/node': ^18.0.0 || >=20.0.0
-      '@vitest/browser': ^1.0.0
-      '@vitest/ui': ^1.0.0
+      '@vitest/browser': 1.5.0
+      '@vitest/ui': 1.5.0
       happy-dom: '*'
       jsdom: '*'
     peerDependenciesMeta:
@@ -9338,28 +10586,27 @@ packages:
       jsdom:
         optional: true
     dependencies:
-      '@types/node': 20.11.17
-      '@vitest/expect': 1.2.2
-      '@vitest/runner': 1.2.2
-      '@vitest/snapshot': 1.2.2
-      '@vitest/spy': 1.2.2
-      '@vitest/utils': 1.2.2
+      '@types/node': 20.12.7
+      '@vitest/expect': 1.5.0
+      '@vitest/runner': 1.5.0
+      '@vitest/snapshot': 1.5.0
+      '@vitest/spy': 1.5.0
+      '@vitest/utils': 1.5.0
       acorn-walk: 8.3.2
-      cac: 6.7.14
       chai: 4.3.10
       debug: 4.3.4
       execa: 8.0.1
-      happy-dom: 13.3.8
+      happy-dom: 13.6.2
       local-pkg: 0.5.0
-      magic-string: 0.30.5
+      magic-string: 0.30.8
       pathe: 1.1.2
       picocolors: 1.0.0
       std-env: 3.7.0
-      strip-literal: 1.3.0
+      strip-literal: 2.0.0
       tinybench: 2.5.1
-      tinypool: 0.8.2
-      vite: 5.1.1(@types/node@20.11.17)(sass@1.70.0)
-      vite-node: 1.2.2(@types/node@20.11.17)(sass@1.70.0)
+      tinypool: 0.8.3
+      vite: 5.2.8(@types/node@20.12.7)(sass@1.75.0)
+      vite-node: 1.5.0(@types/node@20.12.7)(sass@1.75.0)
       why-is-node-running: 2.2.2
     transitivePeerDependencies:
       - less
@@ -9381,7 +10628,7 @@ packages:
     engines: {vscode: ^1.52.0}
     dependencies:
       minimatch: 3.1.2
-      semver: 7.5.4
+      semver: 7.6.0
       vscode-languageserver-protocol: 3.16.0
     dev: true
 
@@ -9414,14 +10661,14 @@ packages:
   /vue-bundle-renderer@2.0.0:
     resolution: {integrity: sha512-oYATTQyh8XVkUWe2kaKxhxKVuuzK2Qcehe+yr3bGiaQAhK3ry2kYE4FWOfL+KO3hVFwCdLmzDQTzYhTi9C+R2A==}
     dependencies:
-      ufo: 1.3.2
+      ufo: 1.5.3
     dev: true
 
-  /vue-component-type-helpers@1.8.22:
-    resolution: {integrity: sha512-LK3wJHs3vJxHG292C8cnsRusgyC5SEZDCzDCD01mdE/AoREFMl2tzLRuzwyuEsOIz13tqgBcnvysN3Lxsa14Fw==}
+  /vue-component-type-helpers@2.0.7:
+    resolution: {integrity: sha512-7e12Evdll7JcTIocojgnCgwocX4WzIYStGClBQ+QuWPinZo/vQolv2EMq4a3lg16TKfwWafLimG77bxb56UauA==}
     dev: true
 
-  /vue-demi@0.14.6(vue@3.4.18):
+  /vue-demi@0.14.6(vue@3.4.21):
     resolution: {integrity: sha512-8QA7wrYSHKaYgUxDA5ZC24w+eHm3sYCbp0EzcDwKqN3p6HqtTCGR/GVsPyZW92unff4UlcSh++lmqDWN3ZIq4w==}
     engines: {node: '>=12'}
     hasBin: true
@@ -9433,55 +10680,68 @@ packages:
       '@vue/composition-api':
         optional: true
     dependencies:
-      vue: 3.4.18(typescript@5.3.3)
+      vue: 3.4.21(typescript@5.4.5)
+    dev: false
+
+  /vue-demi@0.14.7(vue@3.4.21):
+    resolution: {integrity: sha512-EOG8KXDQNwkJILkx/gPcoL/7vH+hORoBaKgGe+6W7VFMvCYJfmF2dGbvgDroVnI8LU7/kTu8mbjRZGBU1z9NTA==}
+    engines: {node: '>=12'}
+    hasBin: true
+    requiresBuild: true
+    peerDependencies:
+      '@vue/composition-api': ^1.0.0-rc.1
+      vue: ^3.0.0-0 || ^2.6.0
+    peerDependenciesMeta:
+      '@vue/composition-api':
+        optional: true
+    dependencies:
+      vue: 3.4.21(typescript@5.4.5)
 
   /vue-devtools-stub@0.1.0:
     resolution: {integrity: sha512-RutnB7X8c5hjq39NceArgXg28WZtZpGc3+J16ljMiYnFhKvd8hITxSWQSQ5bvldxMDU6gG5mkxl1MTQLXckVSQ==}
     dev: true
 
-  /vue-eslint-parser@9.3.2(eslint@8.56.0):
-    resolution: {integrity: sha512-q7tWyCVaV9f8iQyIA5Mkj/S6AoJ9KBN8IeUSf3XEmBrOtxOZnfTg5s4KClbZBCK3GtnT/+RyCLZyDHuZwTuBjg==}
+  /vue-eslint-parser@9.4.2(eslint@8.57.0):
+    resolution: {integrity: sha512-Ry9oiGmCAK91HrKMtCrKFWmSFWvYkpGglCeFAIqDdr9zdXmMMpJOmUJS7WWsW7fX81h6mwHmUZCQQ1E0PkSwYQ==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: '>=6.0.0'
     dependencies:
       debug: 4.3.4
-      eslint: 8.56.0
+      eslint: 8.57.0
       eslint-scope: 7.2.2
       eslint-visitor-keys: 3.4.3
       espree: 9.6.1
       esquery: 1.5.0
       lodash: 4.17.21
-      semver: 7.5.4
+      semver: 7.6.0
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /vue-eslint-parser@9.4.2(eslint@8.56.0):
-    resolution: {integrity: sha512-Ry9oiGmCAK91HrKMtCrKFWmSFWvYkpGglCeFAIqDdr9zdXmMMpJOmUJS7WWsW7fX81h6mwHmUZCQQ1E0PkSwYQ==}
-    engines: {node: ^14.17.0 || >=16.0.0}
+  /vue-observe-visibility@2.0.0-alpha.1(vue@3.4.21):
+    resolution: {integrity: sha512-flFbp/gs9pZniXR6fans8smv1kDScJ8RS7rEpMjhVabiKeq7Qz3D9+eGsypncjfIyyU84saU88XZ0zjbD6Gq/g==}
     peerDependencies:
-      eslint: '>=6.0.0'
+      vue: ^3.0.0
     dependencies:
-      debug: 4.3.4
-      eslint: 8.56.0
-      eslint-scope: 7.2.2
-      eslint-visitor-keys: 3.4.3
-      espree: 9.6.1
-      esquery: 1.5.0
-      lodash: 4.17.21
-      semver: 7.5.4
-    transitivePeerDependencies:
-      - supports-color
+      vue: 3.4.21(typescript@5.4.5)
+    dev: true
+
+  /vue-resize@2.0.0-alpha.1(vue@3.4.21):
+    resolution: {integrity: sha512-7+iqOueLU7uc9NrMfrzbG8hwMqchfVfSzpVlCMeJQe4pyibqyoifDNbKTZvwxZKDvGkB+PdFeKvnGZMoEb8esg==}
+    peerDependencies:
+      vue: ^3.0.0
+    dependencies:
+      vue: 3.4.21(typescript@5.4.5)
     dev: true
 
-  /vue-router@4.2.5(vue@3.4.18):
-    resolution: {integrity: sha512-DIUpKcyg4+PTQKfFPX88UWhlagBEBEfJ5A8XDXRJLUnZOvcpMF8o/dnL90vpVkGaPbjvXazV/rC1qBKrZlFugw==}
+  /vue-router@4.3.0(vue@3.4.21):
+    resolution: {integrity: sha512-dqUcs8tUeG+ssgWhcPbjHvazML16Oga5w34uCUmsk7i0BcnskoLGwjpa15fqMr2Fa5JgVBrdL2MEgqz6XZ/6IQ==}
     peerDependencies:
       vue: ^3.2.0
     dependencies:
       '@vue/devtools-api': 6.5.1
-      vue: 3.4.18(typescript@5.3.3)
+      vue: 3.4.21(typescript@5.4.5)
 
   /vue-template-compiler@2.7.14:
     resolution: {integrity: sha512-zyA5Y3ArvVG0NacJDkkzJuPQDF8RFeRlzV2vLeSnhSpieO6LK2OVbdLPi5MPPs09Ii+gMO8nY4S3iKQxBxDmWQ==}
@@ -9490,32 +10750,55 @@ packages:
       he: 1.2.0
     dev: true
 
-  /vue-tsc@1.8.27(typescript@5.3.3):
+  /vue-tsc@1.8.27(typescript@5.4.5):
     resolution: {integrity: sha512-WesKCAZCRAbmmhuGl3+VrdWItEvfoFIPXOvUJkjULi+x+6G/Dy69yO3TBRJDr9eUlmsNAwVmxsNZxvHKzbkKdg==}
     hasBin: true
     peerDependencies:
       typescript: '*'
     dependencies:
       '@volar/typescript': 1.11.1
-      '@vue/language-core': 1.8.27(typescript@5.3.3)
-      semver: 7.5.4
-      typescript: 5.3.3
+      '@vue/language-core': 1.8.27(typescript@5.4.5)
+      semver: 7.6.0
+      typescript: 5.4.5
+    dev: true
+
+  /vue-tsc@2.0.13(typescript@5.4.5):
+    resolution: {integrity: sha512-a3nL3FvguCWVJUQW/jFrUxdeUtiEkbZoQjidqvMeBK//tuE2w6NWQAbdrEpY2+6nSa4kZoKZp8TZUMtHpjt4mQ==}
+    hasBin: true
+    peerDependencies:
+      typescript: '*'
+    dependencies:
+      '@volar/typescript': 2.2.0-alpha.8
+      '@vue/language-core': 2.0.13(typescript@5.4.5)
+      semver: 7.6.0
+      typescript: 5.4.5
     dev: true
 
-  /vue@3.4.18(typescript@5.3.3):
-    resolution: {integrity: sha512-0zLRYamFRe0wF4q2L3O24KQzLyLpL64ye1RUToOgOxuWZsb/FhaNRdGmeozdtVYLz6tl94OXLaK7/WQIrVCw1A==}
+  /vue-virtual-scroller@2.0.0-beta.8(vue@3.4.21):
+    resolution: {integrity: sha512-b8/f5NQ5nIEBRTNi6GcPItE4s7kxNHw2AIHLtDp+2QvqdTjVN0FgONwX9cr53jWRgnu+HRLPaWDOR2JPI5MTfQ==}
+    peerDependencies:
+      vue: ^3.2.0
+    dependencies:
+      mitt: 2.1.0
+      vue: 3.4.21(typescript@5.4.5)
+      vue-observe-visibility: 2.0.0-alpha.1(vue@3.4.21)
+      vue-resize: 2.0.0-alpha.1(vue@3.4.21)
+    dev: true
+
+  /vue@3.4.21(typescript@5.4.5):
+    resolution: {integrity: sha512-5hjyV/jLEIKD/jYl4cavMcnzKwjMKohureP8ejn3hhEjwhWIhWeuzL2kJAjzl/WyVsgPY56Sy4Z40C3lVshxXA==}
     peerDependencies:
       typescript: '*'
     peerDependenciesMeta:
       typescript:
         optional: true
     dependencies:
-      '@vue/compiler-dom': 3.4.18
-      '@vue/compiler-sfc': 3.4.18
-      '@vue/runtime-dom': 3.4.18
-      '@vue/server-renderer': 3.4.18(vue@3.4.18)
-      '@vue/shared': 3.4.18
-      typescript: 5.3.3
+      '@vue/compiler-dom': 3.4.21
+      '@vue/compiler-sfc': 3.4.21
+      '@vue/runtime-dom': 3.4.21
+      '@vue/server-renderer': 3.4.21(vue@3.4.21)
+      '@vue/shared': 3.4.21
+      typescript: 5.4.5
 
   /webidl-conversions@3.0.1:
     resolution: {integrity: sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==}
@@ -9692,11 +10975,11 @@ packages:
     resolution: {integrity: sha512-8F0OI5dpWIA5IGG5NHUg9staDwz/ZPxZtvGVf01j7vHqSyZ0raHY+78atOVxRqb73AotX22uV1pXt3gYSstGag==}
     dev: true
 
-  /zip-stream@5.0.1:
-    resolution: {integrity: sha512-UfZ0oa0C8LI58wJ+moL46BDIMgCQbnsb+2PoiJYtonhBsMh2bq1eRBVkvjfVsqbEHd9/EgKPUuL9saSSsec8OA==}
-    engines: {node: '>= 12.0.0'}
+  /zip-stream@6.0.1:
+    resolution: {integrity: sha512-zK7YHHz4ZXpW89AHXUPbQVGKI7uvkd3hzusTdotCg1UxyaVtg0zFJSTfW/Dq5f7OBBVnq6cZIaC8Ti4hb6dtCA==}
+    engines: {node: '>= 14'}
     dependencies:
-      archiver-utils: 4.0.1
-      compress-commons: 5.0.1
-      readable-stream: 3.6.2
+      archiver-utils: 5.0.2
+      compress-commons: 6.0.2
+      readable-stream: 4.5.2
     dev: true